diff --git a/core/.npmignore b/core/.npmignore
index 84d1877c..98fedfdc 100644
--- a/core/.npmignore
+++ b/core/.npmignore
@@ -2,3 +2,4 @@ apps/
 index.js
 *.map
 vcapps.import.js
+dist/
diff --git a/core/apps/AppAccount/AppAccount.vue b/core/apps/AppAccount/AppAccount.vue
index e2932a94..5ed271a9 100644
--- a/core/apps/AppAccount/AppAccount.vue
+++ b/core/apps/AppAccount/AppAccount.vue
@@ -1,7 +1,11 @@
 <template>
   <section class="AppAccount">
     <ai-list>
-      <ai-title slot="title" title="账号管理" isShowBottomBorder/>
+      <ai-title slot="title" title="账号管理" isShowBottomBorder>
+        <template #rightBtn>
+          <el-button size="small" type="primary" icon="iconfont iconUpdate_Files" @click="syncDept">同步部门</el-button>
+        </template>
+      </ai-title>
       <template #left>
         <ai-address-book-menu :instance="instance" @select="handleSelect"/>
       </template>
@@ -10,6 +14,7 @@
         <ai-search-bar>
           <template #left>
             <el-button type="primary" :disabled="!ids.toString()" @click="batchAllot">功能分配</el-button>
+            <el-button size="small" icon="iconfont iconUpdate_Files" @click="syncMembers">同步成员</el-button>
           </template>
           <template #right>
             <el-input size="small" placeholder="搜索姓名、手机号" v-model="search.name" clearable
@@ -72,7 +77,7 @@ import AiAddressBookMenu from "../../components/AiAddressBookMenu";
 export default {
   name: "AppAccount",
   components: {AiAddressBookMenu},
-  label: "账号管理(村微sass版)",
+  label: "账号管理(村微版)",
   props: {
     instance: Function,
     dict: Object,
@@ -223,6 +228,36 @@ export default {
         }
       })
     },
+    syncMembers() {
+      const {departmentId = 1} = this.search;
+      let loading = this.$loading({
+        text: "正在同步成员...",
+        spinner: 'el-icon-loading',
+        background: "rgba(0,0,0,.8)"
+      })
+      this.instance.post(`/app/wxcp/wxdepartment/syncUser`, null, {
+        timeout: 1000000,
+        params: {departmentId}
+      }).then(res => {
+        if (res?.code == 0) {
+          this.$message.success('同步成功')
+          this.getList()
+        }
+      }).finally(() => loading.close())
+    },
+    syncDept() {
+      let loading = this.$loading({
+        text: "正在同步部门...",
+        spinner: 'el-icon-loading',
+        background: "rgba(0,0,0,.8)"
+      })
+      this.instance.post(`/app/wxcp/wxdepartment/syncDepart`).then(res => {
+        if (res?.code == 0) {
+          this.$message.success('同步成功')
+          this.getTree()
+        }
+      }).finally(() => loading.close())
+    }
   },
   created() {
     this.dict.load('wxUserStatus')
diff --git a/core/apps/AppQyWxConfig/AppQyWxConfig.vue b/core/apps/AppQyWxConfig/AppQyWxConfig.vue
index 35fee367..5bee67b5 100644
--- a/core/apps/AppQyWxConfig/AppQyWxConfig.vue
+++ b/core/apps/AppQyWxConfig/AppQyWxConfig.vue
@@ -120,7 +120,7 @@
         </el-form-item>
         <el-form-item label="系统配置信息" prop="systemInfo">
           <el-input type="textarea" :rows="2" placeholder="请输入系统配置信息" v-model="dialogForm.systemInfo"
-                    maxlength="200"></el-input>
+                    maxlength="50000"/>
         </el-form-item>
       </el-form>
     </ai-dialog>
diff --git a/core/package.json b/core/package.json
index 655252e9..0fbd6f94 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,8 +1,11 @@
 {
-  "name": "cw-core-webapps",
+  "name": "dvcp-core",
   "description": "系统业务模块",
   "version": "1.0.13",
-  "main": "dist/cw-core-webapps.common.js",
+  "main": "dist/dvcp-core.common.js",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "registry": "http://192.168.1.87:4873/"
   }
diff --git a/examples/App.vue b/examples/App.vue
index 1e98589c..14fab565 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <header-nav v-if="showTools" :title="serveName">
+    <header-nav v-if="showTools" title="web端产品库">
       <template #right>
         <div @click="showTools=false">隐藏工具栏</div>
         <div @click="handleLogin">点此登录</div>
@@ -22,18 +22,13 @@
 import SliderNav from "./components/sliderNav";
 import MainContent from "./components/mainContent";
 import HeaderNav from "./components/headerNav";
+import {mapMutations, mapState} from "vuex";
 
 export default {
   name: 'app',
   components: {HeaderNav, MainContent, SliderNav},
   computed: {
-    serveName() {
-      let names = {
-        development: "村微产品库",
-        oms: "运营平台产品分库",
-      }
-      return names[process.env.NODE_ENV]
-    },
+    ...mapState(['user']),
     login() {
       let url = '/auth/oauth/token';
       /project\/sass/g.test(location.pathname) && (url += "?corpId=ww596787bb70f08288")
@@ -42,25 +37,24 @@ export default {
   },
   data() {
     return {
-      token: "",
       dialog: false,
       showTools: true,
     }
   },
   methods: {
-    setToken() {
-      localStorage.setItem('ui-token', this.token)
-      this.$message.success("设置token成功!")
-    },
+    ...mapMutations(['setToken']),
     getToken(params) {
-      this.token = params.access_token
-      this.setToken()
-      this.dialog = false
-      location.reload()
+      if (params.access_token) {
+        this.setToken([params.token_type, params.access_token].join(' '))
+        this.dialog = false
+        this.$message.success("登录成功,正在刷新页面...")
+        location.reload()
+      } else this.$message.error(params.msg || "登录失败!")
+
     },
     getUserInfo() {
       this.$axios.post("/admin/user/detail-phone").then(res => {
-        if (res && res.data) {
+        if (res?.data) {
           this.$store.commit("setUserInfo", res.data)
           if (/^\/project\/xiushan/.test(location.pathname)) {
             this.$store.commit("setFinanceUser")
@@ -69,21 +63,14 @@ export default {
       })
     },
     handleLogin() {
-      this.$axios.delete("/auth/token/logout").then(() => {
+      this.$axios.delete("/auth/token/logout").finally(() => {
         this.dialog = true
       })
     },
   },
   created() {
-    this.token = localStorage.getItem("ui-token")
-    if (this.token) this.getUserInfo()
+    if (this.user.token) this.getUserInfo()
     wx = jWeixin
-  },
-  destroyed() {
-    this.token = ""
-  },
-  mounted() {
-    document.title = this.serveName
   }
 }
 </script>
diff --git a/examples/assets/file.png b/examples/assets/file.png
new file mode 100644
index 00000000..f5edc148
Binary files /dev/null and b/examples/assets/file.png differ
diff --git a/examples/components/headerNav.vue b/examples/components/headerNav.vue
index 5c1c1aed..1affec37 100644
--- a/examples/components/headerNav.vue
+++ b/examples/components/headerNav.vue
@@ -11,7 +11,7 @@
     <el-dropdown @visible-change="v=>isClick=v" @command="doMenu" class="rightDropdown">
       <el-row type="flex" align="middle">
         <el-avatar :src="user.info.avatar">
-          {{ user.info.name.slice(-2) }}
+          {{ defaultAvatar }}
         </el-avatar>
         <span>{{ [user.info.name, user.info.roleName].join(" - ") }}</span>
         <i :class="dropdownIcon"/>
@@ -48,6 +48,9 @@ export default {
     dropdownIcon() {
       return this.isClick ? 'el-icon-caret-top' : 'el-icon-caret-bottom'
     },
+    defaultAvatar() {
+      return this.user.info.name?.slice(-2) || "无名"
+    }
   },
   methods: {
     // 获取最新的安卓、ios下载二维码
diff --git a/examples/components/mainContent.vue b/examples/components/mainContent.vue
index 820eabba..21263086 100644
--- a/examples/components/mainContent.vue
+++ b/examples/components/mainContent.vue
@@ -6,7 +6,7 @@
         <ai-empty>欢迎使用村微产品库</ai-empty>
       </el-tab-pane>
       <el-tab-pane v-for="op in tabs" :key="op.name" :closable="op.name!='工作台'" :name="op.name" :label="op.label" lazy>
-        <router-view/>
+        <router-view v-if="currentTab==op.name"/>
       </el-tab-pane>
     </el-tabs>
   </section>
@@ -21,7 +21,7 @@ export default {
     ...mapState(['apps']),
     currentTab() {
       let {name, query, hash} = this.$route
-      return [name, query?.id, hash].join("")
+      return [name?.replace(query?.id, ''), query?.id, hash].join("") || "0"
     }
   },
   data() {
@@ -32,43 +32,44 @@ export default {
   watch: {
     $route: {
       immediate: true,
-      handler(v) {
-        this.getTabs(v)
+      handler() {
+        this.getTabs("route")
       }
     },
   },
   methods: {
-    handleTabClick(tab) {
-      let to = {}, selectedTab = this.tabs.find(e => e.name == tab.name)
-      if (selectedTab) {
-        to = {...selectedTab, params: {tabclick: 1}}
-      } else {
-        let {name, query, hash} = tab
-        to = {name, query, hash, params: {tabclick: 1}}
-      }
-      this.$router.push({...to})
+    handleTabClick({name}) {
+      let {name: route, query, hash} = this.tabs.find(e => e.name == name),
+          exps = []
+      query.id && exps.push(query.id)
+      hash && exps.push(hash)
+      let reg = new RegExp(`(${exps.join("|")})`, 'g')
+      this.$router.push({name: route.replace(reg, ''), query, hash})
     },
     handleTabRemove(id = this.currentTab) {
       let tabs = JSON.parse(JSON.stringify(this.tabs)),
           index = tabs?.findIndex(e => id == e.name)
       if (id == this.currentTab) {
         let next = tabs?.[index + 1] || tabs?.[index - 1]
-        this.handleTabClick(next)
+        next ? this.handleTabClick(next) : this.$router.push({path: '/'})
       }
       this.tabs.splice(index, 1)
     },
-    getTabs() {
+    getTabs(from) {
       let {name, query, hash} = this.$route
-      let tab = this.tabs.find(e => e.name == this.currentTab)
+      console.log(`getTabs>>>>>>>>>%s>>>>>>>%s`, from, name)
+      let tab = this.tabs.find(e => e.name == this.currentTab),
+          tabName = [name, query?.id, hash].join("")
       if (tab) {
-      } else if (name) {
+      } else if (!name) {
+      } else if (tabName) {
         let menu = this.apps.find(e => e.name == name)
-        this.tabs.push({name, query, hash, label: menu?.label})
+        this.tabs.push({name: tabName, query, hash, label: menu?.label})
       }
     },
   },
   created() {
-    this.getTabs()
+    this.getTabs("created")
   }
 }
 </script>
diff --git a/examples/components/sliderNav.vue b/examples/components/sliderNav.vue
index fb9f173f..574265b7 100644
--- a/examples/components/sliderNav.vue
+++ b/examples/components/sliderNav.vue
@@ -8,6 +8,7 @@
              @click.stop="openKidMenu(item)">
           <i class="prep-icon" :class="item.style||'iconfont iconloudongmoxing'"/>
           <span class="menuName fill" v-text="item.label"/>
+          <el-badge type="warning" :hidden="!item.project" :value="item.project"/>
           <i v-if="item.children" class="iconfont" :class="arrowIcon(item.showChildren)"/>
         </div>
         <div class="kidMenu" v-if="item.showChildren" @click.stop>
@@ -41,7 +42,14 @@ export default {
     ...mapState(['user', 'apps']),
     navs() {
       let reg = new RegExp(`.*${this.searchApp?.replace(/-/g,'')||''}.*`, 'gi')
-      return (this.apps || []).filter(e => !this.searchApp || reg?.test(e.name) || reg?.test(e.label))
+      return (this.apps || []).filter(e => !this.searchApp || reg?.test(e.name) || reg?.test(e.label)).map(e => {
+        if (/\/project\//.test(e.path)) {
+          e.project = e.path.replace(/.*project\/([^\/]+)\/.+/, '$1')
+        } else if (/\/core\//.test(e.path)) {
+          e.project = "core"
+        }
+        return e
+      })
     },
     isConsoleRoute() {
       return this.$route.name == "工作台"
@@ -104,7 +112,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .sliderNav {
-  width: 200px;
+  min-width: 200px;
   height: 100%;
   transition: width .1s;
   display: flex;
diff --git a/examples/main.js b/examples/main.js
index 800da53a..0807f113 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -8,9 +8,12 @@ import vcUI from 'dvcp-ui';
 import 'dvcp-ui/lib/styles/common.scss';
 import 'dvcp-ui/lib/dvcp-ui.css';
 import store from './store';
+import dataV from '@jiaminghi/data-view';
+import dvui from '../project/dvui/entries'
 
 Vue.use(ui);
 Vue.use(vcUI);
+Vue.use(dvui)
 //富文本编辑器配置
 Vue.config.productionTip = false;
 Vue.prototype.$axios = axios;
diff --git a/examples/router/autoRoutes.js b/examples/router/autoRoutes.js
index f2202d65..8fd67a48 100644
--- a/examples/router/autoRoutes.js
+++ b/examples/router/autoRoutes.js
@@ -2,6 +2,8 @@ import store from "../store";
 import appEntry from "../views/appEntry";
 import {waiting} from "../utils";
 import router from "./router";
+import axios from "./axios";
+
 export default {
   routes: [],
   init() {
@@ -14,30 +16,29 @@ export default {
   loadApps() {
     //锁屏loading
     waiting.init({innerHTML: '应用加载中..'})
-    //新App的自动化格式
-    let files = import.meta.glob('../../packages/**/App*.vue')
-    let cores = import.meta.glob('../../core/**/App*.vue')
-    let projects = import.meta.glob('../../project/**/App*.vue')
-    files = {...files, ...cores, ...projects}
-    return Promise.all(Object.keys(files).map(path => {
-      if (/App[A-Z]\w+\.vue/.test(path)) {
-        return files?.[path]()?.then(file => {
-          let {name, label} = file.default,
-              addApp = {
-                name: [path.replace(/[.\/]+(project)?[\/]([a-z]+).+/, '$2'), name].join("_"), label: label || name,
-                path: path.replace(/[.\/]+([a-zA-Z].+\/App[A-Z]\w+)\.vue$/, '/v/$1'),
-                component: appEntry,
-                module: file.default
-              }
-          //命名规范入口文件必须以App开头
-          waiting.setContent(`加载${name}...`)
-          router.addRoute(addApp)
-          this.routes.push(addApp)
-          return store.commit("addApp", addApp)
-        })
-      } else {
-        return Promise.resolve()
-      }
-    })).then(() => waiting.close())
+    let apps = require.context('../../', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, "lazy")
+    Promise.all(apps.keys().map(path => apps(path).then(file => {
+      if (file.default) {
+        let {name, label} = file.default,
+            addApp = {
+              name: path.replace(/\.\/?(vue)?/g, '')?.split("/").join("_"), label: label || name,
+              path: path.replace(/\.(\/.+\/App.+)\.vue$/, '$1'),
+              component: appEntry,
+              module: file.default
+            }
+        waiting.setContent(`加载${name}...`)
+        router.addRoute(addApp)
+        //命名规范入口文件必须以App开头
+        return store.commit("addApp", addApp)
+      } else return 0
+    }))).then(() => {
+      axios.post("/node/wechatapps/addOrUpdate", {
+        type: "web",
+        list: this.routes().map(({path: libPath, label, module: {name}, name: id}) => ({
+          id, type: 'web', libPath, label, name
+        }))
+      }, {baseURL: "/ns"}).catch(() => 0)
+      waiting.close()
+    })
   }
 }
diff --git a/examples/router/axios.js b/examples/router/axios.js
index 09e31fa7..511a36e5 100644
--- a/examples/router/axios.js
+++ b/examples/router/axios.js
@@ -7,10 +7,11 @@ let baseURLs = {
   oms: '/oms'
 }
 instance.defaults.baseURL = baseURLs[process.env.NODE_ENV]
-instance.interceptors.request.eject(0);
 instance.interceptors.request.use(config => {
   if (config.url.startsWith("/node")) {
     config.baseURL = "/ns"
+  } else if (/\/project\/beta/.test(location.pathname)) {
+    config.baseURL = "/wg"
   } else if (/\/project\/sass/.test(location.pathname)) {
     config.baseURL = "/saas"
   } else if (/\/xiushan/.test(location.pathname)) {
@@ -19,9 +20,11 @@ instance.interceptors.request.use(config => {
   } else if (/project\/oms/.test(location.pathname)) {
     config.baseURL = "/omsapi"
     config.url = config.url.replace(/(app|auth|admin)\//, "")
-  }
-  if (!config.withoutToken && localStorage.getItem("ui-token")) {
-    config.headers['Authorization'] = ["Bearer", localStorage.getItem("ui-token")].join(" ")
+  } else if (/#url-/.test(location.hash)) {
+    config.baseURL = location.hash.replace(/#url-/, '/')
+    if (["/xsjr", "/omsapi"].includes(config.baseURL)) {
+      config.url = config.url.replace(/(app|auth|admin)\//, "")
+    }
   }
   return config
 }, error => Message.error(error))
diff --git a/examples/store/index.js b/examples/store/index.js
index 98759587..fb58e995 100644
--- a/examples/store/index.js
+++ b/examples/store/index.js
@@ -8,7 +8,7 @@ Vue.use(Vuex)
 const user = {
   state: {
     info: {},
-    ATime: '',
+    token: '',
     financeUser: {}
   },
   mutations: {
@@ -20,8 +20,8 @@ const user = {
     setUserInfo(state, userInfo) {
       state.info = userInfo
     },
-    SET_TIME(state, pay) {
-      state.ATime = pay
+    setToken(state, token) {
+      state.token = token
     }
   }
 }
diff --git a/examples/utils/index.js b/examples/utils/index.js
index e47b46b5..cdd00bc4 100644
--- a/examples/utils/index.js
+++ b/examples/utils/index.js
@@ -68,7 +68,9 @@ export const waiting = {
       div.style.textAlign = 'center'
       div.style.lineHeight = '100vh'
       div.style.color = '#26f'
-      div.style.background = 'rgba(0,0,0,.8)'
+      div.style.fontSize = '20px'
+      div.style.background = 'rgba(255,255,255,.8)'
+      div.style.backdropFilter = 'blur(6px)'
       document.body.appendChild(div)
     } else if (count < 10) {
       setTimeout(() => this.init(ops, ++count), 500)
diff --git a/package.json b/package.json
index d2a8fd37..a3d76e00 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "lib:core": "vue-cli-service build --target lib --dest core/dist core/index.js --name vc-app-core&&npm unpublish --force&&npm publish",
     "lib:project": "node project/build.js",
     "lib:all": "node project/allProject.js&&npm unpublish --workspaces --force&&npm publish --workspaces",
-    "ui": "npm i dvcp-ui@latest dvcp-dv-ui@latest"
+    "ui": "npm i dvcp-ui@latest"
   },
   "workspaces": [
     "project/*"
diff --git a/packages/bigscreen/designer/components/preview.vue b/packages/bigscreen/designer/components/preview.vue
new file mode 100644
index 00000000..83547203
--- /dev/null
+++ b/packages/bigscreen/designer/components/preview.vue
@@ -0,0 +1,58 @@
+<template>
+  <section class="preview">
+    <ai-dv-wrapper :views="[{label: '返回'}]" :theme="config.theme" @change="$router.back()" v-if="screenId" :title="info.name">
+      <ai-dv-background
+          :theme="config.theme"
+          v-if="config.length || config.theme === '1'"
+          :src="config.theme === '1' ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj-bg.png' : config.backgroundImage[0].url">
+      </ai-dv-background>
+      <app-gigscreen-viewer :urlPrefix="urlPrefix" :instance="instance" :dict="dict" :id="screenId"/>
+    </ai-dv-wrapper>
+  </section>
+</template>
+
+<script>
+import AppGigscreenViewer from "../../viewer/AppGigscreenViewer";
+
+export default {
+  name: "preview",
+  components: {AppGigscreenViewer},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    urlPrefix: {
+      type: String,
+      default: '/app'
+    }
+  },
+  computed: {
+    screenId: v => v.$route.query.id
+  },
+  data() {
+    return {
+      info: {},
+      config: {}
+    }
+  },
+  methods: {
+    getDvData() {
+      let {id} = this.$route.query
+      this.instance.post(`${this.urlPrefix}/appdiylargescreen/queryLargeScreenDetailById?id=${id}`).then(res => {
+        if (res?.data) {
+          this.info = res.data
+          this.config = JSON.parse(res.data.config).dashboard
+        }
+      })
+    }
+  },
+  created() {
+    this.getDvData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.preview {
+}
+</style>
diff --git a/packages/conv/AppDeviceConfig/AppDeviceConfig.vue b/packages/conv/AppDeviceConfig/AppDeviceConfig.vue
new file mode 100644
index 00000000..2d84d10a
--- /dev/null
+++ b/packages/conv/AppDeviceConfig/AppDeviceConfig.vue
@@ -0,0 +1,87 @@
+<template>
+  <ai-list class="AppDeviceConfig">
+    <template slot="title">
+      <ai-title title="设备配置" :isShowBottomBorder="false" :fullname.sync="areaName" v-model="areaId" :instance="instance" @change="onAreaChange"></ai-title>
+    </template>
+    <template slot="tabs">
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component :areaId="areaId" :ref="String(i)" v-if="currIndex == i" :is="tab.comp" @change="onChange" lazy :instance="instance" :dict="dict" :permissions="permissions"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+  import eyeList from './components/eyeList.vue'
+  import videoList from './components/videoList.vue'
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'AppDeviceConfig',
+    label: '设备配置',
+
+    components: {
+      eyeList,
+      videoList,
+    },
+
+    props: {
+      instance: Function,
+      dict: Object,
+      permissions: Function
+    },
+
+    computed: {
+      ...mapState(['user']),
+
+      tabs () {
+        const tabList = [
+          {label: '千里眼', name: 'eyeList', comp: eyeList, permission: ''},
+          {label: '视联网', name: 'videoList', comp: videoList, permission: ''}
+        ]
+
+        return tabList
+      }
+    },
+
+    data () {
+      return {
+        currIndex: '0',
+        component: 'eyeList',
+        params: {},
+        areaId: '',
+        areaName: ''
+      }
+    },
+
+    created () {
+      this.areaId = this.user.info.areaId
+    },
+
+    methods: {
+      onChange (data) {
+        this.component = data.type
+        this.params = data.params
+
+        this.$nextTick(() => {
+          if (data.isRefresh) {
+            this.$refs.component.getList()
+          }
+        })
+        
+      },
+
+      onAreaChange () {
+        this.$refs[this.currIndex][0].changeArea()
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AppDeviceConfig {
+    height: 100%;
+  }
+</style>
diff --git a/packages/conv/AppDeviceConfig/components/eyeList.vue b/packages/conv/AppDeviceConfig/components/eyeList.vue
new file mode 100644
index 00000000..0c822772
--- /dev/null
+++ b/packages/conv/AppDeviceConfig/components/eyeList.vue
@@ -0,0 +1,237 @@
+<template>
+  <ai-list class="eyeList" isTabs>
+    <template slot="content">
+      <ai-search-bar bottomBorder>
+        <template #left>
+          <el-button type="primary" icon="iconfont iconAdd" size="small" @click="add('添加设备配置', {})">添加</el-button>
+          <el-button icon="el-icon-delete" class="delete-btn del-btn-list" :disabled="!ids.length" @click="remove(ids)">删除</el-button>
+        </template>
+        <template slot="right">
+          <el-input
+            v-model="search.condition"
+            class="search-input"
+            size="small"
+            v-throttle="() => {search.current = 1, getList()}"
+            placeholder="请输入CorpId"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.condition = '', getList()"
+            suffix-icon="iconfont iconSearch">
+          </el-input>
+        </template>
+      </ai-search-bar>
+      <ai-table
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="total"
+        v-loading="loading"
+        style="margin-top: 16px;"
+        :current.sync="search.current"
+        :size.sync="search.size"
+        @getList="getList"
+        @selection-change="v=>ids=v.map(e=>e.id)">
+        <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <div class="table-options">
+              <el-button type="text" @click="edit('编辑设备配置', row)">编辑</el-button>
+              <el-button type="text" @click="refresh(row)">刷新</el-button>
+              <el-button type="text" @click="remove(row.id)">删除</el-button>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column slot="flag" align="center" label="状态" width="100">
+          <template v-slot="{ row }">
+            <el-switch v-model="row.flag" @change="onChange(row)" active-value="1" inactive-value="0"
+                        active-color="#5088FF" inactive-color="#D0D4DC"></el-switch>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <ai-dialog :title="dialogTitle" :visible.sync="dialog" width="800px"  @onConfirm="addForm" @closed="dialogForm={}">
+        <el-form ref="addForm" :model="dialogForm" :rules="rules" size="small"  label-width="160px">
+          <el-form-item label="CorpId" prop="corpId">
+            <el-input v-model.trim="dialogForm.corpId" placeholder="请输入..." clearable :maxLength="50"/>
+          </el-form-item>
+          <el-form-item required label="状态">
+             <el-radio-group v-model="dialogForm.flag">
+              <el-radio :label="0">关闭</el-radio>
+              <el-radio :label="1">开启</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="AppId">
+            <el-input v-model.trim="dialogForm.appId" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="RSA">
+            <el-input v-model.trim="dialogForm.rsa" placeholder="请输入..." clearable :maxLength="500"  type="textarea" :rows="5"/>
+          </el-form-item>
+          <el-form-item label="SECRET">
+            <el-input v-model.trim="dialogForm.secret" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="TOKEN">
+            <el-input v-model.trim="dialogForm.token" placeholder="请输入..." clearable :maxLength="200"  type="textarea" :rows="2"/>
+          </el-form-item>
+          <el-form-item label="结点ids">
+            <el-input v-model.trim="dialogForm.orgIds" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="版本号">
+            <el-input v-model.trim="dialogForm.version" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭账号">
+            <el-input v-model.trim="dialogForm.dlbName" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭密码">
+            <el-input v-model.trim="dialogForm.dlbPwd" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭Token">
+            <el-input v-model.trim="dialogForm.dlbToken" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    name: 'eyeList',
+    props: {
+      instance: Function,
+      dict: Object,
+      areaId: String
+    },
+
+    data () {
+      return {
+        search: {
+          current: 1,
+          condition: '',
+          size: 10,
+        },
+        ids: [],
+        tableData: [],
+        total: 0,
+        loading: false,
+        dialog: false,
+        dialogTitle: '',
+        dialogForm: {}
+      }
+    },
+
+    computed: {
+      ...mapState(['user']),
+
+      param () {
+        return this.search
+      },
+      rules() {
+        return {
+          corpId: [{required: true, message: "请输入CorpId"}],
+        }
+      },
+      colConfigs() {
+        return [
+          {type: "selection"},
+          { prop: 'corpId', label: 'CorpId', fixed: 'left', width: 220 },
+          { slot: 'flag', align: 'center', label: '状态', fixed: 'left', width: 120 },
+          { prop: 'appId', align: 'center', label: 'AppId', width: 240 },
+          { prop: 'rsa', align: 'center', label: 'RSA', width: 240 },
+          { prop: 'secret', align: 'center', label: 'SECRET', width: 180 },
+          { prop: 'token', align: 'center', label: 'TOKEN', width: 120 },
+          { prop: 'orgIds', align: 'center', label: '结点ids', width: 120 },
+          { prop: 'version', align: 'center', label: '版本号', width: 120 },
+          { prop: 'dlbName', align: 'center', label: '大喇叭账号', width: 140 },
+          { prop: 'dlbPwd', align: 'center', label: '大喇叭密码', width: 140 },
+          { prop: 'dlbToken', align: 'center', label: '大喇叭Token', width: 180 },
+          { prop: 'createTime', align: 'center', label: '创建时间', fixed: 'right', width: 180 },
+          { slot: 'options'},
+        ]
+      }
+    },
+
+    created () {
+      this.getList()
+    },
+    methods: {
+      getListInit() {
+        this.search.current = 1 
+        this.getList()
+      },
+      getList () {
+        this.instance.post(`/app/appzyaccountconfig/list`, null, {
+          params: {
+            ...this.search,
+            type: 0
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.tableData = res.data.records
+            this.total = res.data.total
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
+      remove(id) {
+        this.$confirm('确定删除该数据？').then(() => {
+          this.instance.post(`/app/appzyaccountconfig/delete?ids=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+      add(title, item) {
+        this.dialog = true
+        this.dialogTitle = title
+        this.dialogForm = item
+        if(title == '添加设备配置') {
+          this.dialogForm.flag = 1
+          this.dialogForm.version = '1.0.0'
+        }
+      },
+      addForm() {
+        this.$refs.addForm.validate((valid) => {
+          if (valid) {
+            this.dialogForm.type = 0
+            this.instance.post(`/app/appzyaccountconfig/addOrUpdate`, this.dialogForm).then((res) => {
+              if (res.code == 0) {
+                this.$message.success(`${this.dialogForm.id ? '编辑成功' : '添加成功'}`)
+                this.getListInit()
+                this.dialog = false;
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
+      refresh(row) {
+        this.$confirm('确定刷新该数据token？').then(() => {
+          this.instance.post(`/app/appzyaccountconfig/initQlyToken?id=${row.id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('刷新成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+      onChange(row) {
+        this.instance.post(`/app/appzyaccountconfig/setFlag`, null, {
+          params: {
+            id: row.id,
+            flag: row.flag
+          }
+        }).then((res) => {
+          if (res.code == 0) {
+            this.$message.success(+row.flag ? '已启用' : '已禁用');
+            this.getList();
+          }
+        })
+      },
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/packages/conv/AppDeviceConfig/components/videoList.vue b/packages/conv/AppDeviceConfig/components/videoList.vue
new file mode 100644
index 00000000..502e376a
--- /dev/null
+++ b/packages/conv/AppDeviceConfig/components/videoList.vue
@@ -0,0 +1,224 @@
+<template>
+  <ai-list class="videoList" isTabs>
+    <template slot="content">
+      <ai-search-bar bottomBorder>
+        <template #left>
+          <el-button type="primary" icon="iconfont iconAdd" size="small" @click="add('添加设备配置', {})">添加</el-button>
+          <el-button icon="el-icon-delete" class="delete-btn del-btn-list" :disabled="!Boolean(ids.length)" @click="remove(ids)">删除</el-button>
+        </template>
+        <template #right>
+          <el-input
+            v-model="search.condition"
+            class="search-input"
+            size="small"
+            v-throttle="() => {search.current = 1, getList()}"
+            placeholder="请输入CorpId"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.condition = '', getList()"
+            suffix-icon="iconfont iconSearch">
+          </el-input>
+        </template>
+      </ai-search-bar>
+      <ai-table
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="total"
+        v-loading="loading"
+        style="margin-top: 16px;"
+        :current.sync="search.current"
+        :size.sync="search.size"
+        @getList="getList"
+        @selection-change="v=>ids=v.map(e=>e.id)">
+        <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <div class="table-options">
+              <el-button type="text" @click="edit('编辑设备配置', row)">编辑</el-button>
+              <el-button type="text" @click="refresh(row)">刷新</el-button>
+              <el-button type="text" @click="remove(row.id)">删除</el-button>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column slot="flag" align="center" label="状态" width="100">
+          <template v-slot="{ row }">
+            <el-switch v-model="row.flag" @change="onChange(row)" active-value="1" inactive-value="0"
+                        active-color="#5088FF" inactive-color="#D0D4DC"></el-switch>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <ai-dialog :title="dialogTitle" :visible.sync="dialog" width="800px"  @onConfirm="addForm" @closed="dialogForm={}">
+        <el-form ref="addForm" :model="dialogForm" :rules="rules" size="small"  label-width="160px">
+          <el-form-item label="CorpId" prop="corpId">
+            <el-input v-model.trim="dialogForm.corpId" placeholder="请输入..." clearable :maxLength="50"/>
+          </el-form-item>
+          <el-form-item required label="状态">
+             <el-radio-group v-model="dialogForm.flag">
+              <el-radio :label="0">关闭</el-radio>
+              <el-radio :label="1">开启</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="用户ID">
+            <el-input v-model.trim="dialogForm.slwUserId" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="地区编码">
+            <el-input v-model.trim="dialogForm.slwAreaId" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="TOKEN">
+            <el-input v-model.trim="dialogForm.slwToken" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭账号">
+            <el-input v-model.trim="dialogForm.dlbName" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭密码">
+            <el-input v-model.trim="dialogForm.dlbPwd" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+          <el-form-item label="大喇叭Token">
+            <el-input v-model.trim="dialogForm.dlbToken" placeholder="请输入..." clearable :maxLength="50" />
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    name: 'eyeList',
+    props: {
+      instance: Function,
+      dict: Object,
+      areaId: String
+    },
+
+    data () {
+      return {
+        search: {
+          current: 1,
+          condition: '',
+          size: 10,
+        },
+        ids: [],
+        tableData: [],
+        total: 0,
+        loading: false,
+        dialog: false,
+        dialogTitle: '',
+        dialogForm: {}
+      }
+    },
+
+    computed: {
+      ...mapState(['user']),
+
+      param () {
+        return this.search
+      },
+      rules() {
+        return {
+          corpId: [{required: true, message: "请输入CorpId"}],
+        }
+      },
+      colConfigs() {
+        return [
+          {type: "selection"},
+          { prop: 'corpId', label: 'CorpId', fixed: 'left', width: 220 },
+          { slot: 'flag', align: 'center', label: '状态', fixed: 'left', width: 120 },
+          { prop: 'slwUserId', align: 'center', label: '用户ID', width: 180 },
+          { prop: 'slwAreaId', align: 'center', label: '地区编码', width: 180 },
+          { prop: 'slwToken', align: 'center', label: 'TOKEN', width: 220 },
+          { prop: 'dlbName', align: 'center', label: '大喇叭账号', width: 140 },
+          { prop: 'dlbPwd', align: 'center', label: '大喇叭密码', width: 140 },
+          { prop: 'dlbToken', align: 'center', label: '大喇叭Token', width: 180 },
+          { prop: 'createTime', align: 'center', label: '创建时间', width: 180 },
+          { slot: 'options'},
+        ]
+      }
+    },
+
+    created () {
+      this.getList()
+    },
+    methods: {
+      getListInit() {
+        this.search.current = 1 
+        this.getList()
+      },
+      getList () {
+        this.instance.post(`/app/appzyaccountconfig/list`, null, {
+          params: {
+            ...this.search,
+            type: 1
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.tableData = res.data.records
+            this.total = res.data.total
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
+      remove(id) {
+        this.$confirm('确定删除该数据？').then(() => {
+          this.instance.post(`/app/appzyaccountconfig/delete?ids=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+      add(title, item) {
+        this.dialog = true
+        this.dialogTitle = title
+        this.dialogForm = item
+        if(title == '添加设备配置') {
+          this.dialogForm.flag = 1
+        }
+      },
+      addForm() {
+        this.$refs.addForm.validate((valid) => {
+          if (valid) {
+            this.dialogForm.type = 1
+            this.instance.post(`/app/appzyaccountconfig/addOrUpdate`, this.dialogForm).then((res) => {
+              if (res.code == 0) {
+                this.$message.success(`${this.dialogForm.id ? '编辑成功' : '添加成功'}`)
+                this.getListInit()
+                this.dialog = false;
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
+      refresh(row) {
+        this.$confirm('确定刷新该数据token？').then(() => {
+          this.instance.post(`/app/appzyaccountconfig/initSlwToken?id=${row.id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('刷新成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+      onChange(row) {
+        this.instance.post(`/app/appzyaccountconfig/setFlag`, null, {
+          params: {
+            id: row.id,
+            flag: row.flag
+          }
+        }).then((res) => {
+          if (res.code == 0) {
+            this.$message.success(+row.flag ? '已启用' : '已禁用');
+            this.getList();
+          }
+        })
+      }
+    }
+  }
+</script>
diff --git a/packages/conv/AppReportAiWill/AppReportAtWill.vue b/packages/conv/AppReportAiWill/AppReportAtWill.vue
index 4f6f38eb..6de9b38c 100644
--- a/packages/conv/AppReportAiWill/AppReportAtWill.vue
+++ b/packages/conv/AppReportAiWill/AppReportAtWill.vue
@@ -1,72 +1,54 @@
 <template>
-  <div class="doc-circulation ailist-wrapper">
-    <keep-alive :include="['List']">
-      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
-    </keep-alive>
-  </div>
+  <section class="AppReportAtWill">
+    <component ref="component" :is="currentPage" @change="onChange" :params="params" :instance="instance" :dict="dict"/>
+  </section>
 </template>
 
 <script>
-  import List from './components/List'
-  import Detail from './components/Detail'
-  import Setting from './components/Setting'
+import List from './components/List'
+import Detail from './components/Detail'
+import Setting from './components/Setting'
 
-  export default {
-    name: 'AppReportAtWill',
-    label: '随手拍',
+export default {
+  name: 'AppReportAtWill',
+  label: '随手拍',
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    data () {
-      return {
-        component: 'List',
-        params: {}
-      }
-    },
+  data() {
+    return {
+      component: 'List',
+      params: {}
+    }
+  },
+  computed: {
+    currentPage() {
+      let {hash, query: {id}} = this.$route
+      return hash == "#Setting" ? Setting :
+          !!id ? Detail : List
+    }
+  },
+  components: {
+    List,
+    Detail,
+    Setting
+  },
 
-    components: {
-      List,
-      Detail,
-      Setting
-    },
-
-    mounted () {
-    },
-
-    methods: {
-      onChange (data) {
-        if (data.type === 'Detail') {
-          this.component = 'Detail'
-          this.params = data.params
-        }
-
-        if (data.type === 'Setting') {
-          this.component = 'Setting'
-          this.params = data.params
-        }
-
-        if (data.type === 'list') {
-          this.component = 'List'
-          this.params = data.params
-
-          this.$nextTick(() => {
-            if (data.isRefresh) {
-              this.$refs.component.getList()
-            }
-          })
-        }
-      }
+  methods: {
+    onChange(data) {
+      this.$router.push({query: data.params, hash: data.type == "Setting" ? "#Setting" : ""})
     }
   }
+}
 </script>
 
 <style lang="scss">
-  .doc-circulation {
-    height: 100%;
-    background: #F3F6F9;
-    overflow: auto;
-  }
+.AppReportAtWill {
+  height: 100%;
+  background: #F3F6F9;
+  overflow: auto;
+}
 </style>
diff --git a/packages/conv/AppReportAiWill/components/Detail.vue b/packages/conv/AppReportAiWill/components/Detail.vue
index 5f5fa5a1..63df74e0 100644
--- a/packages/conv/AppReportAiWill/components/Detail.vue
+++ b/packages/conv/AppReportAiWill/components/Detail.vue
@@ -1,7 +1,7 @@
 <template>
   <ai-detail class="reportAtWillDetail" v-loading="isLoading">
     <template #title>
-      <ai-title title="随手拍详情" isShowBack isShowBottomBorder  @onBackClick="cancel(false)">
+      <ai-title title="随手拍详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
         <template #rightBtn>
           <div class="title-btns">
             <el-button type="primary" icon="iconfont iconPerson_Transfered" @click="isShowForward = true" v-if="detail.eventStatus < 2">指派事件</el-button>
@@ -36,10 +36,10 @@
             <template #content>
               <el-steps direction="vertical" :active="1">
                 <el-step
-                  v-for="(item, i) in processList"
-                  :key="i"
-                  :title="item.systemExplain"
-                  :description="item.doTime">
+                    v-for="(item, i) in processList"
+                    :key="i"
+                    :title="item.systemExplain"
+                    :description="item.doTime">
                   <template #title>
                     <h2 class="step-title" style="font-weight: 500; font-size: 14px;">
                       {{ item.systemExplain }}
@@ -57,17 +57,17 @@
         </div>
       </div>
       <ai-dialog
-        :visible.sync="isShowAdd"
-        width="800px"
-        title="事件处理"
-        @closed="onClose"
-        @onConfirm="handleEvent">
+          :visible.sync="isShowAdd"
+          width="800px"
+          title="事件处理"
+          @closed="onClose"
+          @onConfirm="handleEvent">
         <el-form class="ai-form" label-width="120px" :model="form" ref="form">
           <el-form-item label="事件分类" prop="groupId" style="width: 100%;" :rules="[{ required: true, message: '请选择事件分类' }]">
             <ai-select
-              v-model="form.groupId"
-              placeholder="请选择事件分类"
-              :selectList="dictList">
+                v-model="form.groupId"
+                placeholder="请选择事件分类"
+                :selectList="dictList">
             </ai-select>
           </el-form-item>
           <el-form-item label="处理结果" prop="eventStatus" style="width: 100%;" :rules="[{ required: true, message: '请选择处理结果' }]">
@@ -81,25 +81,25 @@
           </el-form-item>
           <el-form-item label="图片" prop="files" style="width: 100%;">
             <ai-uploader
-              :instance="instance"
-              isShowTip
-              v-model="form.files"
-              :limit="9">
+                :instance="instance"
+                isShowTip
+                v-model="form.files"
+                :limit="9">
             </ai-uploader>
           </el-form-item>
         </el-form>
       </ai-dialog>
       <ai-dialog
-        :visible.sync="isShowForward"
-        width="800px"
-        @close="onClose"
-        title="事件指派"
-        @onConfirm="onForwardConfirm">
+          :visible.sync="isShowForward"
+          width="800px"
+          @close="onClose"
+          title="事件指派"
+          @onConfirm="onForwardConfirm">
         <el-form class="ai-form" label-width="120px" :model="forwardForm" ref="forwardForm">
           <el-form-item label="转交" prop="name" style="width: 100%;" :rules="[{ required: true, message: '请选择网格员或网格' }]">
             <el-input disabled size="small" v-model="forwardForm.name" clearable placeholder="请选择网格员或网格">
               <template slot="append">
-                <el-button @click="isShowUser = true">选择</el-button>
+                <el-button @click="getGirdList().then(()=>isShowUser=true )">选择</el-button>
               </template>
             </el-input>
           </el-form-item>
@@ -108,35 +108,35 @@
           </el-form-item>
           <el-form-item label="图片" prop="files" style="width: 100%;">
             <ai-uploader
-              :instance="instance"
-              v-model="forwardForm.files"
-              isShowTip
-              :limit="9">
+                :instance="instance"
+                v-model="forwardForm.files"
+                isShowTip
+                :limit="9">
             </ai-uploader>
           </el-form-item>
         </el-form>
       </ai-dialog>
       <ai-dialog
-        :visible.sync="isShowUser"
-        width="800px"
-        title="选择网格或网格员"
-        @onConfirm="onConfirm">
+          :visible.sync="isShowUser"
+          width="800px"
+          title="选择网格或网格员"
+          @onConfirm="onConfirm">
         <div class="grid-wrapper">
           <el-input
-            style="margin-bottom: 10px;"
-            size="small"
-            placeholder="请输入网格名称/网格员姓名/网格员电话"
-            v-model="name"
-            suffix-icon="iconfont iconSearch">
+              style="margin-bottom: 10px;"
+              size="small"
+              placeholder="请输入网格名称/网格员姓名/网格员电话"
+              v-model="name" @change="$refs.tree.filter(name)"
+              suffix-icon="iconfont iconSearch">
           </el-input>
           <el-tree
-            :filter-node-method="filterNode"
-            ref="tree"
-            :props="defaultProps"
-            node-key="id"
-            :data="tree"
-            highlight-current
-            @current-change="onTreeChange">
+              :filter-node-method="filterNode"
+              ref="tree"
+              :props="defaultProps"
+              node-key="id"
+              :data="tree"
+              highlight-current
+              @current-change="onTreeChange">
             <div class="tree-container" slot-scope="{ data }">
               <div class="tree-container__user">
                 <div class="tree-user__item">
@@ -152,451 +152,421 @@
 </template>
 
 <script>
-  import AMapLoader from '@amap/amap-jsapi-loader'
-  import { mapState } from 'vuex'
+import AMapLoader from '@amap/amap-jsapi-loader'
+import {mapState} from 'vuex'
 
-  export default {
-    name: 'Detail',
-    props: ['dict', 'instance', 'params'],
+export default {
+  name: 'Detail',
+  props: ['dict', 'instance'],
 
-    data() {
-      return {
-        forwardForm: {
-          content: '',
-          girdId: '',
-          girdName: '',
-          girdMemberId: '',
-          girdMemberName: '',
-          name: ''
-        },
-        isLoading: true,
-        name: '',
-        detail: {},
-        isShowUser: false,
-        eventList: [],
-        isShowAdd: false,
-        userList: [],
-        processList: [],
-        dictList: [],
-        defaultProps: {
-          children: 'girdList',
-          label: 'girdName'
-        },
-        isShowForward: false,
-        tree: [],
-        gridInfo: {},
-        form: {
-          files: [],
-          groupId: '',
-          groupName: '',
-          content: [],
-          eventStatus: '2'
+  data() {
+    return {
+      forwardForm: {
+        content: '',
+        girdId: '',
+        girdName: '',
+        girdMemberId: '',
+        girdMemberName: '',
+        name: ''
+      },
+      isLoading: true,
+      name: '',
+      detail: {},
+      isShowUser: false,
+      eventList: [],
+      isShowAdd: false,
+      userList: [],
+      processList: [],
+      dictList: [],
+      defaultProps: {
+        label: 'girdName'
+      },
+      isShowForward: false,
+      tree: [],
+      gridInfo: {},
+      form: {
+        files: [],
+        groupId: '',
+        groupName: '',
+        content: [],
+        eventStatus: '2'
+      }
+    }
+  },
+
+  computed: {
+    ...mapState(['user'])
+  },
+
+  created() {
+    this.getDict()
+    this.dict.load('clapEventStatus').then(() => {
+      this.getDetail()
+    })
+  },
+
+  methods: {
+    getDetail() {
+      this.instance.post('/app/appclapeventinfo/queryDetailById', null, {
+        params: {id: this.$route.query.id}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+          this.processList = res.data.processList
+          this.form.groupId = res.data.groupId
+
+          this.$nextTick(() => {
+            this.initMap()
+          })
+          this.isLoading = false
         }
-      }
-    },
-
-    computed: {
-      ...mapState(['user'])
-    },
-
-    watch: {
-      name (val) {
-        this.$refs.tree.filter(val)
-      }
-    },
-
-    created() {
-      this.getDict()
-      this.getGirdList()
-      this.dict.load('clapEventStatus').then(() => {
-        this.getDetail()
+      }).catch(() => {
+        this.isLoading = false
       })
     },
 
-    methods: {
-      getDetail() {
-        this.instance.post('/app/appclapeventinfo/queryDetailById', null, {
-          params: { id: this.params.id }
-        }).then(res => {
-          if (res?.data) {
-            this.detail = res.data
-            this.processList = res.data.processList
-            this.form.groupId = res.data.groupId
-
-            this.$nextTick(() => {
-              this.initMap()
-            })
-            this.isLoading = false
-          }
-        }).catch(() => {
-          this.isLoading = false
-        })
-      },
-
-      getGirdList () {
-        this.instance.post(`/app/appgirdinfo/listAllByTop`).then(res => {
-          if (res.code == 0) {
-            this.tree = this.formatList(res.data)
-          }
-        })
-      },
-
-      onClose () {
-        this.form.files = []
-        this.form.groupId = ''
-        this.form.groupName = ''
-        this.form.content = ''
-        this.form.eventStatus = ''
-        this.forwardForm.content = ''
-        this.forwardForm.girdId = ''
-        this.forwardForm.girdName = ''
-        this.forwardForm.girdMemberId = ''
-        this.forwardForm.girdMemberName = ''
-        this.forwardForm.name = ''
-      },
-
-      formatList (list) {
-        var arr = []
-        for (let item of list) {
-          if (item.girdMemberList && item.girdMemberList.length) {
-            let userList = JSON.parse(JSON.stringify(item.girdMemberList)).map(v => {
-              return {
-                  ...v,
-                isUser: true,
-                girdName: item.girdName,
-                girdId: item.id
-              }
-            })
-
-            item.girdList = [
-              ...userList
-            ]
-            delete item.girdMemberList
-          }
-
-          if (item.girdList && item.girdList.length) {
-            this.formatList(item.girdList)
-          }
-
-          arr.push(item)
+    getGirdList() {
+      return this.instance.post(`/app/appgirdinfo/listAllByTop`).then(res => {
+        if (res?.data) {
+          return this.tree = this.formatList([res.data])
         }
+      })
+    },
 
-        return arr
-      },
+    onClose() {
+      this.form.files = []
+      this.form.groupId = ''
+      this.form.groupName = ''
+      this.form.content = ''
+      this.form.eventStatus = ''
+      this.forwardForm.content = ''
+      this.forwardForm.girdId = ''
+      this.forwardForm.girdName = ''
+      this.forwardForm.girdMemberId = ''
+      this.forwardForm.girdMemberName = ''
+      this.forwardForm.name = ''
+    },
 
-      filterNode (value, data) {
-        if (!value) return true
-
-        return (data.girdName && data.girdName.indexOf(value) !== -1) || (data.name && data.name.indexOf(value) !== -1) || (data.name && data.phone.indexOf(value) !== -1)
-      },
-
-      onTreeChange (e) {
-        this.gridInfo = e
-      },
-
-      onForwardConfirm () {
-        this.$refs.forwardForm.validate(v => {
-          if (v) {
-            this.instance.post('/app/appclapeventinfo/transferByManager', {
-              ...this.forwardForm,
-              id: this.params.id
-            }).then(res => {
-              if (res?.code == 0) {
-                this.isShowForward = false
-                this.getDetail()
-                this.$message.success('转交成功!')
-              }
-            })
-          }
-        })
-      },
-
-      onConfirm () {
-        if (this.gridInfo.userId || this.gridInfo.girdLevel === '2') {
-          if (this.gridInfo.userId) {
-            this.forwardForm.girdId = this.gridInfo.girdId
-            this.forwardForm.girdName = this.gridInfo.girdName
-            this.forwardForm.girdMemberId = this.gridInfo.id
-            this.forwardForm.girdMemberName = this.gridInfo.name
-          } else {
-            this.forwardForm.girdId = this.gridInfo.id
-          }
-
-          this.forwardForm.girdName = this.gridInfo.girdName
-          this.forwardForm.name = `${this.gridInfo.girdName}${this.gridInfo.name ? '-' + this.gridInfo.name : ''}`
-
-          this.isShowUser = false
-        } else {
-          return this.$message.error('请选择网格员或者最后层网格')
+    formatList(list) {
+      for (let item of list) {
+        item.children = [item.girdList, item.girdMemberList?.map(e => ({
+          ...e, isUser: true, girdName: item.girdName,
+          girdId: item.id
+        })) || []].flat()
+        if (item.girdList?.length > 0) {
+          this.formatList(item.girdList)
         }
-      },
+      }
+      return list
+    },
 
-      getDict () {
-        this.instance.post(`/app/appclapeventgroup/list?current=1&size=100000`).then(res => {
-          if (res.code == 0) {
-            this.dictList = res.data.records.map(v => {
-              return {
-                dictValue: v.id,
-                dictName: v.groupName
-              }
-            })
-          }
-        })
-      },
+    filterNode(value, data) {
+      if (!value) return true
 
-      close () {
-        this.$confirm('确定关闭该事件？').then(() => {
-          this.instance.post(`/app/appmininotice/delete?ids=${this.params.id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
+      return (data.girdName && data.girdName.indexOf(value) !== -1) || (data.name && data.name.indexOf(value) !== -1) || (data.name && data.phone.indexOf(value) !== -1)
+    },
+
+    onTreeChange(e) {
+      this.gridInfo = e
+    },
+
+    onForwardConfirm() {
+      this.$refs.forwardForm.validate(v => {
+        if (v) {
+          this.instance.post('/app/appclapeventinfo/transferByManager', {
+            ...this.forwardForm,
+            id: this.$route.query.id
+          }).then(res => {
+            if (res?.code == 0) {
+              this.isShowForward = false
+              this.getDetail()
+              this.$message.success('转交成功!')
             }
           })
-        })
-      },
+        }
+      })
+    },
 
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'list',
-          isRefresh: !!isRefresh
-        })
-      },
-
-      onChange(e) {
-        this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}&ruleStatus=1`).then(res => {
-          if (res.code === 0) {
-            this.form.ruleId = ''
-            this.eventList = res.data.records
-          }
-        })
-      },
-
-      initMap() {
-        let { lng, lat } = this.detail
-        let center = [lng, lat]
-        AMapLoader.load({
-          key: 'b553334ba34f7ac3cd09df9bc8b539dc',
-          version: '2.0'
-        }).then(AMap => {
-          let map = new AMap.Map('map', {
-            center,
-            zoom: 14
-          })
-          let marker = new AMap.Marker({
-            position: new AMap.LngLat(lng, lat),
-            title: this.detail.address
-          })
-          map.add(marker)
-        })
-      },
-
-      handleEvent() {
-        this.$refs.form.validate(v => {
-          if (v) {
-            this.instance.post('/app/appclapeventinfo/finishByManager', {
-              ...this.form,
-              groupName: this.dictList.filter(v => v.dictValue === this.form.groupId)[0].dictName,
-              id: this.params.id
-            }).then(res => {
-              if (res?.code == 0) {
-                this.isShowAdd = false
-                this.getDetail()
-                this.$message.success('处理成功!')
-              }
-            })
-          }
-        })
+    onConfirm() {
+      if (this.gridInfo.userId) {
+        this.forwardForm.girdId = this.gridInfo.girdId
+        this.forwardForm.girdName = this.gridInfo.girdName
+        this.forwardForm.girdMemberId = this.gridInfo.id
+        this.forwardForm.girdMemberName = this.gridInfo.name
+      } else {
+        this.forwardForm.girdId = this.gridInfo.id
       }
+      this.forwardForm.girdName = this.gridInfo.girdName
+      this.forwardForm.name = `${this.gridInfo.girdName}${this.gridInfo.name ? '-' + this.gridInfo.name : ''}`
+      this.isShowUser = false
+    },
+    getDict() {
+      this.instance.post(`/app/appclapeventgroup/list?current=1&size=100000`).then(res => {
+        if (res.code == 0) {
+          this.dictList = res.data.records.map(v => {
+            return {
+              dictValue: v.id,
+              dictName: v.groupName
+            }
+          })
+        }
+      })
+    },
+
+    close() {
+      this.$confirm('确定关闭该事件？').then(() => {
+        this.instance.post(`/app/appmininotice/delete?ids=${this.$route.query.id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getList()
+          }
+        })
+      })
+    },
+
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
+    },
+
+    onChange(e) {
+      this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}&ruleStatus=1`).then(res => {
+        if (res.code === 0) {
+          this.form.ruleId = ''
+          this.eventList = res.data.records
+        }
+      })
+    },
+
+    initMap() {
+      let {lng, lat} = this.detail
+      let center = [lng, lat]
+      AMapLoader.load({
+        key: 'b553334ba34f7ac3cd09df9bc8b539dc',
+        version: '2.0'
+      }).then(AMap => {
+        let map = new AMap.Map('map', {
+          center,
+          zoom: 14
+        })
+        let marker = new AMap.Marker({
+          position: new AMap.LngLat(lng, lat),
+          title: this.detail.address
+        })
+        map.add(marker)
+      })
+    },
+
+    handleEvent() {
+      this.$refs.form.validate(v => {
+        if (v) {
+          this.instance.post('/app/appclapeventinfo/finishByManager', {
+            ...this.form,
+            groupName: this.dictList.filter(v => v.dictValue === this.form.groupId)[0].dictName,
+            id: this.$route.query.id
+          }).then(res => {
+            if (res?.code == 0) {
+              this.isShowAdd = false
+              this.getDetail()
+              this.$message.success('处理成功!')
+            }
+          })
+        }
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .reportAtWillDetail {
-    height: 100%;
+.reportAtWillDetail {
+  height: 100%;
 
-    .grid-wrapper {
-      min-height: 360px;
+  .grid-wrapper {
+    min-height: 360px;
+  }
+
+  .title-btns {
+    display: flex;
+    align-items: center;
+  }
+
+  ::v-deep .el-tree {
+    background: transparent;
+
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent !important;
     }
 
-    .title-btns {
-      display: flex;
-      align-items: center;
-    }
-      ::v-deep .el-tree {
-        background: transparent;
-
-        .el-tree-node__expand-icon.is-leaf {
-          color: transparent !important;
-        }
-
-        .el-tree-node__content > .el-tree-node__expand-icon {
-          padding: 4px;
-        }
-
-        .el-tree-node__content {
-          height: 32px;
-        }
-
-        .el-tree__empty-text {
-          color: #222;
-          font-size: 14px;
-        }
-
-        .el-tree-node__children .el-tree-node__content {
-          height: 32px;
-        }
-
-        .el-tree-node__content:hover {
-          background: #E8EFFF;
-          color: #222222;
-          border-radius: 2px;
-        }
-
-        .is-current > .el-tree-node__content {
-          &:hover {
-            background: #2266FF;
-            color: #fff;
-          }
-
-          background: #2266FF;
-
-          span {
-            color: #fff;
-          }
-        }
-      }
-
-    .el-steps {
-      ::v-deep .el-step__icon {
-        font-size: 12px;
-        color: #555555;
-        border-color: #d0d4dc;
-      }
-
-      ::v-deep .el-step__head.is-finish {
-        .el-step__icon.is-text {
-          border: none;
-          color: #fff;
-          font-size: 12px;
-          background: #2266ff;
-        }
-      }
-
-      ::v-deep .el-step__line {
-        background-color: #d0d4dc;
-      }
+    .el-tree-node__content > .el-tree-node__expand-icon {
+      padding: 4px;
     }
 
-    .imgs {
-      font-size: 0;
-
-      img {
-        width: 108px;
-        height: 108px;
-        margin-right: 4px;
-        margin-bottom: 4px;
-        cursor: pointer;
-        user-select: none;
-
-        &:hover {
-          opacity: 0.8;
-        }
-
-        &:nth-of-type(2n) {
-          margin-right: 0;
-        }
-      }
+    .el-tree-node__content {
+      height: 32px;
     }
 
-    ::v-deep .report-dialog {
-      .el-select {
-        width: 100%;
-      }
+    .el-tree__empty-text {
+      color: #222;
+      font-size: 14px;
     }
 
-    ::v-deep .el-step__head.is-process {
-      color: #555;
-      border-color: #555;
+    .el-tree-node__children .el-tree-node__content {
+      height: 32px;
     }
 
-    ::v-deep .is-finish h2 {
-      color: #2266ff;
+    .el-tree-node__content:hover {
+      background: #E8EFFF;
+      color: #222222;
+      border-radius: 2px;
     }
 
-    .step-title {
-      color: #555;
-    }
-
-    .detail-content__wrapper {
-      display: flex;
-      width: 100%;
-
-      .detail-content__wrapper--left {
-        flex: 1;
-        margin-right: 20px;
-      }
-    }
-
-    ::v-deep .ai-detail__content {
-      background: #f3f6f9;
-
-      .ai-detail__content--wrapper {
-        display: flex;
-        gap: 16px;
-        width: 100%;
-        max-width: 100%;
-        padding: 16px;
-        box-sizing: border-box;
-
-        & > .el-card {
-          flex: 1;
-          min-width: 0;
-        }
-
-        .rightZone {
-          width: 400px;
-          flex-shrink: 0;
-          display: flex;
-          flex-direction: column;
-          gap: 16px;
-        }
-      }
-    }
-
-    ::v-deep .el-card {
-      .el-card__header {
-        padding: 12px 16px;
-        font-weight: bold;
+    .is-current > .el-tree-node__content {
+      &:hover {
+        background: #2266FF;
+        color: #fff;
       }
 
-      .el-card__body {
-        padding: 8px;
-      }
+      background: #2266FF;
 
-      #amap {
-        width: 466px;
-        height: 232px;
-      }
-
-      .el-steps {
-        margin-left: 8px;
-      }
-
-      .imgFormItem > .el-form-item__content {
-        display: flex;
-        gap: 16px;
-        flex-wrap: wrap;
-
-        &:before {
-          content: none;
-        }
-
-        .el-image__inner {
-          width: 82px;
-          height: 82px;
-        }
+      span {
+        color: #fff;
       }
     }
   }
+
+  .el-steps {
+    ::v-deep .el-step__icon {
+      font-size: 12px;
+      color: #555555;
+      border-color: #d0d4dc;
+    }
+
+    ::v-deep .el-step__head.is-finish {
+      .el-step__icon.is-text {
+        border: none;
+        color: #fff;
+        font-size: 12px;
+        background: #2266ff;
+      }
+    }
+
+    ::v-deep .el-step__line {
+      background-color: #d0d4dc;
+    }
+  }
+
+  .imgs {
+    font-size: 0;
+
+    img {
+      width: 108px;
+      height: 108px;
+      margin-right: 4px;
+      margin-bottom: 4px;
+      cursor: pointer;
+      user-select: none;
+
+      &:hover {
+        opacity: 0.8;
+      }
+
+      &:nth-of-type(2n) {
+        margin-right: 0;
+      }
+    }
+  }
+
+  ::v-deep .report-dialog {
+    .el-select {
+      width: 100%;
+    }
+  }
+
+  ::v-deep .el-step__head.is-process {
+    color: #555;
+    border-color: #555;
+  }
+
+  ::v-deep .is-finish h2 {
+    color: #2266ff;
+  }
+
+  .step-title {
+    color: #555;
+  }
+
+  .detail-content__wrapper {
+    display: flex;
+    width: 100%;
+
+    .detail-content__wrapper--left {
+      flex: 1;
+      margin-right: 20px;
+    }
+  }
+
+  ::v-deep .ai-detail__content {
+    background: #f3f6f9;
+
+    .ai-detail__content--wrapper {
+      display: flex;
+      gap: 16px;
+      width: 100%;
+      max-width: 100%;
+      padding: 16px;
+      box-sizing: border-box;
+
+      & > .el-card {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .rightZone {
+        width: 400px;
+        flex-shrink: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+      }
+    }
+  }
+
+  ::v-deep .el-card {
+    .el-card__header {
+      padding: 12px 16px;
+      font-weight: bold;
+    }
+
+    .el-card__body {
+      padding: 8px;
+    }
+
+    #amap {
+      width: 466px;
+      height: 232px;
+    }
+
+    .el-steps {
+      margin-left: 8px;
+    }
+
+    .imgFormItem > .el-form-item__content {
+      display: flex;
+      gap: 16px;
+      flex-wrap: wrap;
+
+      &:before {
+        content: none;
+      }
+
+      .el-image__inner {
+        width: 82px;
+        height: 82px;
+      }
+    }
+  }
+}
 </style>
diff --git a/packages/conv/AppReportAiWill/components/List.vue b/packages/conv/AppReportAiWill/components/List.vue
index d43832ac..b76dc4e8 100644
--- a/packages/conv/AppReportAiWill/components/List.vue
+++ b/packages/conv/AppReportAiWill/components/List.vue
@@ -9,24 +9,24 @@
       <ai-search-bar>
         <template #left>
           <ai-select
-            v-model="search.eventStatus"
-            clearable
-            placeholder="处理状态"
-            :selectList="dict.getDict('clapEventStatus')"
-            @change="search.current = 1, getList()">
+              v-model="search.eventStatus"
+              clearable
+              placeholder="处理状态"
+              :selectList="dict.getDict('clapEventStatus')"
+              @change="search.current = 1, getList()">
           </ai-select>
         </template>
         <template #right>
           <el-input
-            v-model="search.content"
-            class="search-input"
-            size="small"
-            v-throttle="() => {search.current = 1, getList()}"
-            placeholder="请输入内容描述/上报居民/联系方式"
-            clearable
-            @change="getList"
-            @clear="search.current = 1, search.content = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.content"
+              class="search-input"
+              size="small"
+              v-throttle="() => {search.current = 1, getList()}"
+              placeholder="请输入内容描述/上报居民/联系方式"
+              clearable
+              @change="getList"
+              @clear="search.current = 1, search.content = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
@@ -34,6 +34,7 @@
         <el-table-column slot="options" label="操作" fixed="right" width="120" align="center">
           <div class="table-options" slot-scope="{row}">
             <el-button type="text" title="详情" @click="toDetail(row.id)">详情</el-button>
+            <el-button type="text" title="删除" @click="handleDelete(row.id)">删除</el-button>
           </div>
         </el-table-column>
       </ai-table>
@@ -42,94 +43,106 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
-  export default {
-    name: 'List',
-    label: "随手拍",
+export default {
+  name: 'List',
+  label: "随手拍",
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    data() {
-      return {
-        userList: [],
-        search: {
-          current: 1,
-          size: 10,
-          eventStatus: '',
-          content: ''
-        },
-        total: 0,
-        tableData: [],
-        content: '',
-        id: ''
-      }
-    },
-
-    computed: {
-      ...mapState(['user']),
-
-      colConfigs() {
-        return [
-          { prop: 'content', label: '内容描述', width: '300px' },
-          { prop: 'groupName', label: '事件类型', align: 'center' },
-          { prop: 'girdName', label: '所属网格', align: 'center' },
-          { prop: 'createTime', label: '上报时间', align: 'center' },
-          { prop: 'name', label: '上报居民', align: 'center' },
-          { prop: 'phone', label: '联系方式', align: 'center' },
-          { prop: 'eventStatus', label: '处理状态', align: 'center', formart: v => this.dict.getLabel('clapEventStatus', v) },
-          { prop: 'processTime', label: '处理时长', align: 'center' },
-          { slot: 'options' }
-        ]
+  data() {
+    return {
+      userList: [],
+      search: {
+        current: 1,
+        size: 10,
+        eventStatus: '',
+        content: ''
       },
+      total: 0,
+      tableData: [],
+      content: '',
+      id: ''
+    }
+  },
 
-      handleStatusOps() {
-        return this.dict.getDict("reportAtWillHandleStatus").map(e => ({label: e.dictName, value: e.dictValue}))
-      }
+  computed: {
+    ...mapState(['user']),
+
+    colConfigs() {
+      return [
+        {prop: 'content', label: '内容描述', width: '300px'},
+        {prop: 'groupName', label: '事件类型', align: 'center'},
+        {prop: 'girdName', label: '所属网格', align: 'center'},
+        {prop: 'createTime', label: '上报时间', align: 'center'},
+        {prop: 'name', label: '上报居民', align: 'center'},
+        {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'eventStatus', label: '处理状态', align: 'center', formart: v => this.dict.getLabel('clapEventStatus', v)},
+        {prop: 'processTime', label: '处理时长', align: 'center'},
+        {slot: 'options'}
+      ]
     },
 
-    created () {
-      this.dict.load('clapEventStatus').then(() => {
-        this.getList()
+    handleStatusOps() {
+      return this.dict.getDict("reportAtWillHandleStatus").map(e => ({label: e.dictName, value: e.dictValue}))
+    }
+  },
+
+  created() {
+    this.dict.load('clapEventStatus').then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appclapeventinfo/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appclapeventinfo/list`, null, {
-          params: {
-            ...this.search
-          }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
+    },
+
+    toSetting() {
+      this.$emit('change', {
+        type: 'Setting',
+        params: {
+          id: ''
+        }
+      })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要进行删除?").then(() => {
+        this.instance.post("/app/appclapeventinfo/delete", null, {
+          params: {ids}
         }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getList()
           }
         })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      },
-
-      toSetting () {
-        this.$emit('change', {
-          type: 'Setting',
-          params: {
-            id: ''
-          }
-        })
-      }
+      }).catch(() => 0)
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/project/shandong10086/apps/shandong/AppIntegralAudit/AppIntegralAudit.vue b/packages/conv/creditScore/AppIntegralAudit/AppIntegralAudit.vue
similarity index 100%
rename from project/shandong10086/apps/shandong/AppIntegralAudit/AppIntegralAudit.vue
rename to packages/conv/creditScore/AppIntegralAudit/AppIntegralAudit.vue
diff --git a/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue b/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue
new file mode 100644
index 00000000..b3e465c2
--- /dev/null
+++ b/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue
@@ -0,0 +1,239 @@
+<template>
+  <ai-detail class="audit">
+    <template slot="title">
+      <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
+      </ai-title>
+    </template>
+    <template slot="content">
+      <ai-card title="基本信息">
+        <template #content>
+          <ai-wrapper
+              label-width="120px">
+            <ai-info-item label="申请人" :value="info.residentName"></ai-info-item>
+            <ai-info-item label="申请时间" :value="info.createTime"></ai-info-item>
+            <!-- <ai-info-item label="积分类型" :value="dict.getLabel('atWillReportType', info.applyIntegralType)"></ai-info-item> -->
+            <ai-info-item label="申请描述" :value="info.description" isLine></ai-info-item>
+            <ai-info-item label="联系电话" isLine :value="info.residentPhone"></ai-info-item>
+            <ai-info-item label="图片" isLine>
+              <ai-uploader v-model="info.applyFiles" disabled></ai-uploader>
+            </ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-card>
+      <ai-card title="处理结果" v-if="info.auditStatus !== '0'">
+        <div slot="content" style="margin-top: 16px;margin-bottom:24px">
+          <ai-wrapper
+              label-width="120px">
+            <ai-info-item label="审核结果" :value="info.auditStatus === '1' ? '通过' : '拒绝'" isLine></ai-info-item>
+            <ai-info-item label="审核意见" v-if="info.auditStatus === '2'" isLine :value="info.auditOpinion"></ai-info-item>
+            <!--            <ai-info-item label="积分规则类别" v-if="info.auditStatus === '1'" :value="dict.getLabel('atWillReportType', info.auditIntegralType)"></ai-info-item>-->
+            <!--            <ai-info-item label="积分规则事项" v-if="info.auditStatus === '1'" :value="info.auditRuleName"></ai-info-item>-->
+            <ai-info-item label="积分调整" isLine v-if="info.auditStatus === '1'"
+                          :value="(info.auditIntegral >= 0 ? info.auditIntegral : info.auditIntegral) + '分'"></ai-info-item>
+            <ai-info-item label="审核人" :value="info.auditUserName"></ai-info-item>
+            <ai-info-item label="审核时间" :value="info.auditTime"></ai-info-item>
+          </ai-wrapper>
+        </div>
+      </ai-card>
+      <ai-dialog
+          :visible.sync="isShow"
+          width="800px"
+          @close="onClose"
+          title="事件审核"
+          @onConfirm="onConfirm">
+        <el-form class="ai-form" label-width="120px" :model="form" ref="form">
+          <el-form-item label="是否通过审核" prop="pass" style="width: 100%;" :rules="[{ required: true, message: '请选择是否通过审核' }]">
+            <el-radio-group v-model="form.pass" @change="onStatusChange">
+              <el-radio label="0">否</el-radio>
+              <el-radio label="1">是</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="form.pass === '1'" label="积分调整" prop="auditIntegral" style="width: 100%;" :rules="[{ required: true, message: '请输入积分调整' }]">
+            <el-input v-model.number="form.auditIntegral" clearable placeholder="请输入积分调整" @keyup.native="form.auditIntegral=Math.abs(form.auditIntegral)"/>
+          </el-form-item>
+          <!--          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '' }]">-->
+          <!--            <div class="flex-warpper">-->
+          <!--               <el-form-item  label-width="0" prop="auditIntegralType" :rules="[{ required: true, message: '请选择积分规则类别' }]">-->
+          <!--                <ai-select-->
+          <!--                  v-model="form.auditIntegralType"-->
+          <!--                  clearable-->
+          <!--                  style="width: 180px;"-->
+          <!--                  placeholder="请选择积分规则类别"-->
+          <!--                  :selectList="dict.getDict('atWillReportType')"-->
+          <!--                  @change="onChange">-->
+          <!--                </ai-select>-->
+          <!--               </el-form-item>-->
+          <!--               <el-form-item style="margin: 0 10px;" prop="auditRuleId" :rules="[{ required: true, message: '请选择积分规则事项' }]">-->
+          <!--                <ai-select-->
+          <!--                  v-model="form.auditRuleId"-->
+          <!--                  clearable-->
+          <!--                  style="width: 180px;"-->
+          <!--                  placeholder="请选择积分规则事项"-->
+          <!--                  :selectList="ruleList">-->
+          <!--                </ai-select>-->
+          <!--               </el-form-item>-->
+          <!--              <span>{{ integralText }}</span>-->
+          <!--            </div>-->
+          <!--          </el-form-item>-->
+          <el-form-item label="审核意见" v-if="form.pass === '0'" prop="opinion" style="width: 100%;" :rules="[{ required: true, message: '请输入审核意见' }]">
+            <el-input type="textarea" :rows="5" :maxlength="200" v-model="form.opinion" clearable placeholder="请输入审核意见" show-word-limit></el-input>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+    </template>
+    <template #footer>
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="isShow = true" v-if="info.auditStatus === '0'">审核</el-button>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+export default {
+  name: 'Detail',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
+
+  data() {
+    const validatorRules = function (rule, value, callback) {
+      if (value === '') {
+        callback(new Error('请输入联系方式'))
+      } else if (!/^1\d{10}$/.test(value)) {
+        callback(new Error('手机号格式错误'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      total: 0,
+      info: {
+        auditStatus: '0'
+      },
+      id: '',
+      isShow: false,
+      form: {
+        auditIntegralType: '',
+        auditRuleId: '',
+        opinion: '',
+        pass: ''
+      },
+      ruleList: []
+    }
+  },
+
+  computed: {
+    integralText() {
+      if (!this.form.auditRuleId) {
+        return ''
+      }
+
+      const integral = this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral
+
+      return integral >= 0 ? `+${integral}分` : `${integral}分`
+    }
+  },
+
+  created() {
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.dict.load(['atWillReportType', 'auditStatus']).then(() => {
+        this.getInfo(this.params.id)
+      })
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
+    },
+
+    onStatusChange() {
+      this.$refs.form.clearValidate()
+    },
+
+    onClose() {
+      this.form.auditIntegralType = ''
+      this.form.auditRuleId = ''
+      this.form.pass = ''
+      this.form.opinion = ''
+      this.id = ''
+    },
+
+    onConfirm() {
+      this.$refs.form.validate(v => {
+        if (v) {
+          this.instance.post('/app/appvillagerintegraldeclare/examine', null, {
+            params: {
+              ...this.form,
+              id: this.params.id,
+            }
+          }).then(res => {
+            if (res.code == 0) {
+              this.isShow = false
+              this.getInfo(this.params.id)
+              this.$message.success('审核成功!')
+            }
+          })
+        }
+      })
+    },
+
+    onChange(e) {
+      this.form.auditRuleId = ''
+      this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}`).then(res => {
+        if (res?.code == 0) {
+          this.ruleList = res.data.records.filter(v => v.ruleStatus === '1').map(v => {
+            return {
+              dictName: v.ruleName,
+              dictValue: v.id,
+              ruleName: v.ruleName,
+              integral: v.integral
+            }
+          })
+        }
+      })
+    },
+
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.audit {
+  .flex-warpper {
+    display: flex;
+    align-items: center;
+
+    ::v-deep .el-form-item .el-form-item__content {
+      margin-left: 0 !important;
+    }
+
+    ::v-deep .ai-select {
+      margin: 0 !important;
+    }
+
+    ::v-deep .el-form-item {
+      width: auto;
+      margin-bottom: 0;
+
+      &:last-child {
+        margin-right: 10px;
+      }
+    }
+  }
+}
+</style>
diff --git a/project/shandong10086/apps/shandong/AppIntegralAudit/components/List.vue b/packages/conv/creditScore/AppIntegralAudit/components/List.vue
similarity index 100%
rename from project/shandong10086/apps/shandong/AppIntegralAudit/components/List.vue
rename to packages/conv/creditScore/AppIntegralAudit/components/List.vue
diff --git a/packages/conv/creditScore/AppScoreManage/AppScoreManage.vue b/packages/conv/creditScore/AppScoreManage/AppScoreManage.vue
new file mode 100644
index 00000000..4f7562e2
--- /dev/null
+++ b/packages/conv/creditScore/AppScoreManage/AppScoreManage.vue
@@ -0,0 +1,76 @@
+<template>
+  <ai-list>
+    <template slot="title">
+      <ai-title title="积分维护" :isShowBottomBorder="false" :instance="instance" :isShowArea="true" v-model="areaId"
+                @change="changeArea"></ai-title>
+    </template>
+    <template slot="tabs">
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component :is="tab.comp" v-if="currIndex === String(i)" :ref="tab.name"
+                     :areaId="areaId" :instance="instance" :dict="dict" :permissions="permissions"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import pointsDeclaration from "./pointsDeclaration.vue"
+import pointsDetails from "./pointsDetails.vue"
+import pointsAppeal from './pointsAppeal'
+import {mapState} from 'vuex'
+import scoreChange from "./scoreChange";
+
+export default {
+  name: 'AppScoreManage',
+  label: "积分维护",
+  components: {pointsDeclaration, pointsDetails, pointsAppeal, scoreChange},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+
+  computed: {
+    ...mapState(['user']),
+    tabs() {
+      return [
+        {
+          label: "积分明细",
+          name: "pointsDetails",
+          comp: pointsDetails,
+          permission: "app_apppartyfee_statistics",
+        },
+        {
+          label: "积分调整",
+          name: "scoreChange",
+          comp: scoreChange,
+          permission: "",
+        },
+      ]
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId
+    this.dict.load("integralCalcType")
+  },
+  methods: {
+    changeArea() {
+      this.$nextTick(() => {
+        this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
+      })
+    }
+  },
+  data() {
+    return {
+      activeName: "pointsDeclaration",
+      currIndex: '0',
+      areaId: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/packages/conv/creditScore/scoreManage/pointsAppeal.vue b/packages/conv/creditScore/AppScoreManage/pointsAppeal.vue
similarity index 100%
rename from packages/conv/creditScore/scoreManage/pointsAppeal.vue
rename to packages/conv/creditScore/AppScoreManage/pointsAppeal.vue
diff --git a/packages/conv/creditScore/scoreManage/pointsDeclaration.vue b/packages/conv/creditScore/AppScoreManage/pointsDeclaration.vue
similarity index 100%
rename from packages/conv/creditScore/scoreManage/pointsDeclaration.vue
rename to packages/conv/creditScore/AppScoreManage/pointsDeclaration.vue
diff --git a/packages/conv/creditScore/AppScoreManage/pointsDetails.vue b/packages/conv/creditScore/AppScoreManage/pointsDetails.vue
new file mode 100644
index 00000000..735659f3
--- /dev/null
+++ b/packages/conv/creditScore/AppScoreManage/pointsDetails.vue
@@ -0,0 +1,219 @@
+<template>
+  <section class="pointsDetails">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-date-picker size="small" v-model="searchDotime" type="daterange" range-separator="至" @change="timeChange"
+                            start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
+          </template>
+          <template slot="right">
+            <el-input
+                v-model="search.familyName"
+                class="search-input"
+                size="small"
+                placeholder="对象、户主、事件类型"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, getList()"
+                suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total" :dict="dict"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
+          <el-table-column slot="changeIntegral" label="积分" align="center">
+            <template slot-scope="{ row }">
+              <span>{{ row.integralCalcType == 1 ? '+' : '-' }}{{ row.changeIntegral }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="120">
+            <template slot-scope="{ row }">
+              <el-button
+                  type="text"
+                  title="详情"
+                  :disabled="!$permissions('app_appvillagerintegraldetail_detail')"
+                  @click="viewItem(row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog title="详情" :visible.sync="dialog" :customFooter="true" :destroyOnClose="true" width="720px">
+      <ai-wrapper>
+        <ai-info-item label="户主：" :value="dialogInfo.familyName"/>
+        <ai-info-item label="对象：" :value="dialogInfo.residentName"/>
+        <ai-info-item label="事件：" :value="dialogInfo.eventDesc" isLine/>
+        <ai-info-item label="时间：" :value="dialogInfo.doTime" isLine/>
+        <ai-info-item label="积分：">
+          {{ dialogInfo.changeIntegral >= 0 ? '增加' : '减少' }}
+          <span style="color:#26f" v-text="Math.abs(dialogInfo.changeIntegral)"/>分
+        </ai-info-item>
+        <ai-info-item label="积分余额：" :value="dialogInfo.nowIntegral"/>
+      </ai-wrapper>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog=false">关闭</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "pointsDeclaration",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    areaId: String
+  },
+
+  data() {
+    return {
+      searchDotime: [],
+      search: {
+        current: 1,
+        size: 10,
+        familyName: '',
+        doTimeStart: null,
+        doTimeEnd: null
+      },
+      total: 10,
+      colConfigs: [
+        {prop: "residentName", label: "对象", width: 160},
+        {prop: "familyName", label: "户主", align: "center", width: 160},
+        {prop: "eventDesc", label: "事件", "show-overflow-tooltip": true, width: 420},
+        {prop: "doTime", label: "时间", width: 200},
+        {prop: "type", label: "类型", width: 100, dict: "integralDetailType"},
+        {slot: "changeIntegral", label: "积分", width: 100},
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+      dialog: false,
+      dialogInfo: {},
+    };
+  },
+
+  mounted() {
+    this.$dict
+    .load([
+      "integralDeclareDoType",
+      "integralDetailType",
+    ])
+    .then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appvillagerintegraldetail/list`, null, {
+        params: {
+          ...this.search,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+        }
+      });
+    },
+
+    timeChange() {
+      if (this.searchDotime) {
+        this.search.doTimeStart = this.searchDotime[0]
+        this.search.doTimeEnd = this.searchDotime[1]
+      } else {
+        this.search.doTimeStart = null
+        this.search.doTimeEnd = null
+      }
+      this.search.current = 1
+      this.getList()
+    },
+
+    viewItem(row) {
+      this.dialog = true
+      this.instance.post(`/app/appvillagerintegraldetail/queryDetailById?id=${row.id}`, null, {}).then((res) => {
+        if (res?.data) {
+          this.dialogInfo = res.data
+        }
+      });
+    },
+
+    onReset() {
+      this.search.current = 1
+      this.search.doTimeStart = null
+      this.search.doTimeEnd = null
+      this.search.familyName = ''
+      this.searchDotime = []
+      this.getList();
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.pointsDetails {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+
+  .form_content {
+    .form_flex {
+      display: flex;
+
+      div {
+        flex: 1;
+      }
+    }
+
+    .form_info {
+      margin-bottom: 8px;
+    }
+
+    .form_label {
+      display: inline-block;
+      color: #999;
+      vertical-align: top;
+      width: 70px;
+      text-align: right;
+    }
+
+    .form_value {
+      display: inline-block;
+      color: #333;
+      width: calc(100% - 70px);
+      // img {
+      //   width: 100px;
+      //   height: 100px;
+      //   margin: 0 8px 8px 0;
+      // }
+    }
+  }
+
+  .form_div {
+    padding-top: 24px;
+    border-top: 1px solid #eee;
+  }
+
+  .status-0 {
+    color: #FF4466;
+  }
+
+  .status-1 {
+    color: #2EA222;
+  }
+
+  .status-2 {
+    color: #999999;
+  }
+}
+</style>
diff --git a/project/shandong10086/apps/shandong/scoreManage/scoreChange.vue b/packages/conv/creditScore/AppScoreManage/scoreChange.vue
similarity index 66%
rename from project/shandong10086/apps/shandong/scoreManage/scoreChange.vue
rename to packages/conv/creditScore/AppScoreManage/scoreChange.vue
index e93b9945..0d9908c6 100644
--- a/project/shandong10086/apps/shandong/scoreManage/scoreChange.vue
+++ b/packages/conv/creditScore/AppScoreManage/scoreChange.vue
@@ -14,7 +14,7 @@
         <ai-table
             :tableData="tableData"
             :col-configs="colConfigs"
-            :total="page.total"
+            :total="page.total" :dict="dict"
             :current.sync="page.current"
             :size.sync="page.size"
             @getList="getList">
@@ -39,18 +39,15 @@
             </template>
           </ai-person-select>
         </el-form-item>
-        <el-form-item label="调整说明" prop="description">
-          <el-input v-model.trim="form.description" placeholder="请输入..." type="textarea" :rows="4" show-word-limit
+        <el-form-item label="调整说明" prop="eventDesc">
+          <el-input v-model.trim="form.eventDesc" placeholder="请输入..." type="textarea" :rows="4" show-word-limit
                     maxlength="100"></el-input>
         </el-form-item>
-        <el-form-item label="类型" prop="doType">
-          <el-radio-group v-model="form.doType">
-            <el-radio label="0">加分</el-radio>
-            <el-radio label="1">减分</el-radio>
-          </el-radio-group>
+        <el-form-item label="类型" prop="integralCalcType">
+          <ai-select v-model="form.integralCalcType" :selectList="dict.getDict('integralCalcType')"/>
         </el-form-item>
         <el-form-item label="积分" prop="changeIntegral">
-          <el-input v-model.trim.num="form.changeIntegral" placeholder="请输入正整数" size="small"></el-input>
+          <el-input v-model.trim.num="form.changeIntegral" placeholder="请输入正数" size="small"></el-input>
         </el-form-item>
       </el-form>
     </ai-dialog>
@@ -86,38 +83,19 @@ export default {
     rules() {
       return {
         residentId: [{required: true, message: '请选择人员', trigger: 'blur'},],
-        description: [{required: true, message: '请输入调整说明', trigger: 'blur'},],
-        doType: [{required: true, message: '请输入调整说明', trigger: 'change'},],
-        changeIntegral: [
-          {
-            required: true, validator: (rule, value, callback) => {
-              if (!/^[1-9]\d*$/.test(value)) {
-                callback(new Error('请输入正整数'))
-              } else {
-                callback();
-              }
-            }, trigger: 'blur'
-          },],
+        eventDesc: [{required: true, message: '请输入调整说明', trigger: 'blur'},],
+        integralCalcType: [{required: true, message: '请选择类型', trigger: 'change'},],
+        changeIntegral: [{required: true, validator: (r, v, cb) => v > 0 ? cb() : cb("请输入正数")}],
       }
     },
     colConfigs() {
       return [
         {prop: "residentName", label: "姓名"},
-        {prop: "description", label: "调整说明"},
-        {
-          prop: "changeIntegral", label: "类型", align: "center",
-          render: (h, {row}) => [< span> {+row.changeIntegral > 0 ? "加分" : '减分'
-          } < /span>]
-        },
-        {
-          prop: "changeIntegral",
-          label: "积分",
-          align: "center",
-          render: (h, {row}) => [
-            <span>{row.changeIntegral > 0 ? `+${row.changeIntegral}` : `${row.changeIntegral}`}</span>]
-        },
+        {prop: "eventDesc", label: "调整说明"},
+        {prop: "integralCalcType", label: "类型", dict: "integralCalcType", align: 'center'},
+        {prop: "changeIntegral", label: "积分", align: "center", render: (h, {row}) => h('p',{textAlign:'center'}, `${row.integralCalcType > 0 ? '+' : '-'}${row.changeIntegral}`)},
         {prop: "doTime", label: "操作时间"},
-        {prop: "declareObjName", label: "操作人", align: "center"},
+        {prop: "createUserName", label: "操作人", align: "center"},
       ]
     }
   },
@@ -134,10 +112,7 @@ export default {
     onConfirm() {
       this.$refs['form'].validate(valid => {
         if (valid) {
-          this.instance.post(`/app/appvillagerintegraldetail/changeIntegral`, {
-            ...this.form,
-            changeIntegral: this.form.doType == 0 ? `+${this.form.changeIntegral}` : `-${this.form.changeIntegral}`
-          }).then(res => {
+          this.instance.post(`/app/appvillagerintegraldetail/changeIntegral`, this.form).then(res => {
             if (res.code == 0) {
               this.$message.success("添加成功")
               this.dialog = false
@@ -149,11 +124,7 @@ export default {
     },
     getList() {
       this.instance.post(`/app/appvillagerintegraldetail/list`, null, {
-        params: {
-          ...this.page,
-          areaId: this.areaId,
-          doType: 2
-        }
+        params: {...this.page, areaId: this.areaId, type: 0}
       }).then(res => {
         if (res?.data) {
           this.tableData = res.data.records
diff --git a/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue b/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
index 708bebae..7eb42614 100644
--- a/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
+++ b/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
@@ -43,7 +43,6 @@
           <el-table-column label="操作" slot="options" fixed="right" align="center" width="180">
             <template v-slot="{row}">
               <div class="table-options">
-                <!-- <el-button type="text" title="编辑" @click="edit(row)" :disabled="!$permissions('app_appvillagerintegralfamily_edit')">编辑</el-button> -->
                 <el-button type="text" title="家庭成员" @click="familyMember(row)" :disabled="!$permissions('app_appvillagerintegralfamilymember_edit')">家庭成员</el-button>
                 <el-button type="text" :disabled="!$permissions('app_appvillagerintegralfamily_detail')" title="详情" @click="goDetail(row)">详情</el-button>
               </div>
@@ -53,93 +52,12 @@
       </template>
     </ai-list>
     <detail v-if="detailShow" @goBack="goBack" :detailInfo='detailInfo' :instance='instance' :dict='dict'></detail>
-    <ai-dialog
-        :title="dialog.title"
-        :visible.sync="dialog.visible"
-        :customFooter="true"
-        :destroyOnClose="true"
-        @close="init('ruleForm')"
-        width="520px">
-      <div class="form_div">
-        <el-form ref="ruleForm" :model="dialogInfo" :rules="formRules" size="small" label-suffix="："
-                 label-width="120px">
-          <el-form-item label="类型" prop="personType">
-            <el-radio-group v-model="dialogInfo.personType" @change="typeChange"
-                            :disabled="dialog.title.indexOf('修改')!=-1">
-              <el-radio label="0">户籍居民</el-radio>
-              <el-radio label="1">外来人员</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item :label="dialog.title.indexOf('家庭')!=-1?'户主':'姓名'" prop="name">
-            <el-row type="flex" :gutter="8">
-              <el-col>
-                <el-input v-model="dialogInfo.name" disabled clearable/>
-              </el-col>
-              <el-col>
-                <ai-person-select :instance="instance" :key="personUrl" :url="personUrl" @selectPerson="getSelect"
-                                  v-if="dialog.title.indexOf('添加')!=-1"></ai-person-select>
-              </el-col>
-            </el-row>
-          </el-form-item>
-          <el-form-item label="身份证号" prop="idNumber">
-            <el-input v-model="dialogInfo.idNumber" disabled clearable/>
-          </el-form-item>
-          <el-form-item label="联系电话" prop="phone">
-            <el-input type="number" v-model="dialogInfo.phone" maxlength="11" clearable/>
-          </el-form-item>
-          <el-form-item label="所属组" prop="villageGroup" v-if="dialog.title.indexOf('家庭')!=-1">
-            <el-select v-model="dialogInfo.villageGroup" placeholder="请选择...">
-              <el-option
-                  v-for="(item,i) in dict.getDict('integralVillageGroup')"
-                  :key="i"
-                  :label="item.dictName"
-                  :value="item.dictValue"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="状态" prop="status" v-if="dialog.title.indexOf('家庭')!=-1">
-            <el-select v-model="dialogInfo.status" placeholder="请选择...">
-              <el-option
-                  v-for="(item,i) in dict.getDict('integralRuleStatus')"
-                  :key="i"
-                  :label="item.dictName"
-                  :value="item.dictValue"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="与户主关系" prop="householdRelation" v-if="dialog.title.indexOf('成员')!=-1">
-            <el-select
-                v-model="dialogInfo.householdRelation"
-                placeholder="请选择"
-                size="mini"
-                clearable
-                style="width:216px;"
-            >
-              <el-option
-                  v-for="(item,i) in dict.getDict('householdRelation')"
-                  :label="item.dictName"
-                  :key="i"
-                  :value="item.dictValue"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visible=false" size="medium">取消</el-button>
-        <el-button @click="onConfirm('ruleForm')" type="primary" size="medium">确认</el-button>
-      </div>
-    </ai-dialog>
     <ai-dialog class="family-list"
         title="成员列表"
         :visible.sync="addMemberVisible"
         :customFooter="true"
         :destroyOnClose="true"
         width="780px">
-      <!-- <p class="add_btn">
-        <span class="iconfont iconAdd" @click="addFamily()"></span>
-        <span @click="addFamily()">添加家庭成员</span>
-      </p> -->
       <ai-table
           :tableData="familyList"
           :col-configs="familycolConfigs"
@@ -162,16 +80,6 @@
             <ai-id mode="show" :show-eyes="false" :value="row.idNumber"/>
           </template>
         </el-table-column>
-        <!-- <el-table-column label="操作" slot="options" align="center">
-          <template v-slot="{row}">
-            <el-button type="text"
-                       v-if="row.householdRelation!=11&&$permissions('app_appvillagerintegralfamilymember_edit')"
-                       icon="iconfont iconEdit" title="编辑" @click="editFamily(row)"/>
-            <el-button type="text"
-                       v-if="row.householdRelation!=11&&$permissions('app_appvillagerintegralfamilymember_del')"
-                       icon="iconfont iconDelete" title="删除" @click="deleteFamily(row.id)"/>
-          </template>
-        </el-table-column> -->
       </ai-table>
       <div class="dialog-footer" slot="footer">
         <el-button @click="addMemberVisible=false" size="medium">关 闭</el-button>
@@ -334,45 +242,10 @@ export default {
 
       ]
     },
-    formRules() {
-      let IdNumberPass = (rule, value, callback) => {
-        if (value) {
-          console.log(this.idCardNoUtil);
-          if (this.idCardNoUtil.checkIdCardNo(value)) {
-            callback();
-          } else {
-            callback(new Error("身份证号格式错误"));
-          }
-        } else {
-          callback(new Error("请输入身份证号"));
-        }
-      };
-      if (this.dialog.title.indexOf('家庭') != -1) {
-
-        return {
-          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
-          name: [{required: true, message: "请填写户主", trigger: 'change'}],
-          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
-          phone: [{required: true, message: "请填写联系电话", trigger: 'blur'}],
-          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
-          status: [{required: true, message: "请选择状态", trigger: 'change'}],
-          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
-        }
-      } else {
-        return {
-          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
-          name: [{required: true, message: "请填写户主", trigger: 'change'}],
-          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
-          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
-          status: [{required: true, message: "请选择状态", trigger: 'change'}],
-          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
-        }
-      }
-    }
   },
   created() {
     this.areaId = this.user.info.areaId;
-    this.dict.load('integralVillageGroup', 'integralRuleStatus', 'integralPersonType', 'householdRelation', 'residentType');
+    this.dict.load('integralVillageGroup', 'integralRuleStatus', 'householdRelation', 'residentType');
     this.getList();
   },
   methods: {
@@ -390,124 +263,6 @@ export default {
         }
       })
     },
-    typeChange(val) {
-      val == '0' ? this.personUrl = '/app/appresident/list?fileStatus=0' : this.personUrl = '/app/apprecurrentpopulation/list?fileStatus=0';
-      this.dialogInfo.name = "";
-      this.dialogInfo.idNumber = "";
-      this.dialogInfo.phone = "";
-      this.dialogInfo.avatar = "";
-      this.dialogInfo.areaId = "";
-    },
-    add() {
-      this.dialog.visible = true;
-      this.dialog.title = '添加家庭';
-    },
-    addFamily() {
-      this.dialog.visible = true;
-      this.dialog.title = '添加成员';
-    },
-    onConfirm(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.dialog.title.indexOf('家庭') != -1) {
-            this.instance.post("/app/appvillagerintegralfamily/addOrUpdate", {
-              ...this.dialogInfo,
-            }, null).then(res => {
-              if (res.code == 0) {
-                this.dialog.visible = false;
-                if (this.dialog.title.indexOf('添加') != -1) {
-                  this.$message.success("添加成功")
-                } else {
-                  this.$message.success("修改成功")
-                }
-                this.getList();
-              }
-            })
-          } else {
-            this.instance.post("/app/appvillagerintegralfamilymember/addOrUpdate", {
-              ...this.dialogInfo,
-              familyId: this.familyId,
-              familyIdNumber: this.rowInfo.idNumber,
-              familyName: this.rowInfo.name
-            }, null).then(res => {
-              if (res.code == 0) {
-                this.dialog.visible = false;
-                if (this.dialog.title.indexOf('添加') != -1) {
-                  this.$message.success("添加成功")
-                } else {
-                  this.$message.success("修改成功")
-                }
-                this.familyMember(this.rowInfo);
-                this.getList();
-              }
-            })
-          }
-        } else {
-          return false;
-        }
-      });
-    },
-    init(formName) {
-      this.$refs[formName].clearValidate();
-      Object.keys(this.dialogInfo).forEach(e => {
-        this.dialogInfo[e] = ''
-      })
-      this.dialogInfo.personType = '0';
-      this.personUrl = '';
-    },
-    reset() {
-      Object.keys(this.searchObj).forEach(e => {
-        this.searchObj[e] = ''
-      });
-      this.getList();
-    },
-    edit(row) {
-      this.dialog.visible = true;
-      this.dialog.title = '修改家庭';
-      this.dialogInfo = {...row}
-    },
-    editFamily(row) {
-      this.dialog.visible = true;
-      this.dialog.title = '修改成员';
-      this.dialogInfo = {...row}
-    },
-    deleteFamily(ids) {
-      ids && this.$confirm("是否要删除该家庭成员", {
-        type: 'error'
-      }).then(() => {
-        this.instance.post("/app/appvillagerintegralfamilymember/delete", null, {
-          params: {ids}
-        }).then(res => {
-          if (res?.code == 0) {
-            this.$message.success("删除成功!")
-            this.familyMember(this.rowInfo);
-          }
-        })
-      }).catch(() => {
-      })
-    },
-    getSelect(val) {
-      console.log(val)
-      if (val) {
-
-        this.dialogInfo.name = val.name;
-        this.dialogInfo.idNumber = val.idNumber;
-        this.dialogInfo.avatar = val.photo;
-        if (this.dialogInfo.personType == 0) {
-          this.dialogInfo.areaId = val.householdAreaId;
-        } else {
-          this.dialogInfo.areaId = val.currentAreaId;
-        }
-      } else {
-        this.dialogInfo.name = '';
-        this.dialogInfo.idNumber = '';
-        this.dialogInfo.phone = '';
-        this.dialogInfo.areaId = '';
-        this.dialogInfo.avatar = '';
-        this.$refs['rules'].clearValidate();
-      }
-
-    },
     familyMember(row) {
       this.rowInfo = {...row}
       this.familyId = row.id;
diff --git a/packages/conv/creditScore/scoreFamily/detail.vue b/packages/conv/creditScore/scoreFamily/detail.vue
index 43154381..957740be 100644
--- a/packages/conv/creditScore/scoreFamily/detail.vue
+++ b/packages/conv/creditScore/scoreFamily/detail.vue
@@ -28,31 +28,20 @@
               :instance="instance"
               url="/app/appvillagerintegraldetail/export"
               :disabled="!Boolean(tableData.length)"
-              :params="{familyId:detailInfo.id,bizType:doType}"
+              :params="{familyId:detailInfo.id,type}"
               fileName="余额变动明细">
-            <span class="iconfont iconExported">导出</span>
+            <el-button type="text" icon="iconfont iconExported">导出</el-button>
           </ai-download>
         </template>
         <template #content>
-          <el-select v-model="doType" placeholder="请选择类型" size='small' clearable @change="page.current=1,getList()">
-            <el-option
-                v-for="(item,i) in dict.getDict('integralDetailType')"
-                :label="item.dictName"
-                :key="i"
-                :value="item.dictValue">
-            </el-option>
-          </el-select>
-          <ai-table
-              style="margin-top: 16px;"
-              :tableData="tableData"
-              :col-configs="colConfigs"
-              :total="page.total"
-              :border="true"
-              :stripe="false"
-              :current.sync="page.current"
-              :size.sync="page.size"
-              @getList="getList">
-          </ai-table>
+          <ai-search-bar>
+            <template #left>
+              <ai-select v-model="type" placeholder="请选择类型" @change="page.current=1,getList()"
+                         :selectList="dict.getDict('integralDetailType')"/>
+            </template>
+          </ai-search-bar>
+          <ai-table :tableData="tableData" :col-configs="colConfigs"
+                    :total="page.total" border :dict="dict" :current.sync="page.current" :size.sync="page.size" @getList="getList"/>
         </template>
       </ai-card>
     </template>
@@ -62,7 +51,6 @@
 <script>
 export default {
   name: 'balance',
-
   props: {
     detailInfo: {
       type: Object,
@@ -79,61 +67,31 @@ export default {
         size: 10,
         total: 0
       },
-      doType: '',
+      type: "",
       tableData: []
     }
   },
-
   created() {
     this.dict.load('integralDetailType')
     this.getList()
   },
-
   computed: {
     colConfigs() {
-      const _this = this
       return [
-        {
-          prop: 'doTime',
-          label: '时间'
-        },
-        {
-          prop: 'bizType',
-          align: 'center',
-          label: '类型',
-          render(h, {row}) {
-            return h('span', {}, _this.dict.getLabel('integralDetailType', row.bizType))
-          }
-        },
-        {
-          prop: 'changeIntegral',
-          align: 'center',
-          label: '变动积分',
-          formart: v => v > 0 ? `+${v}` : v
-        },
-        {
-          prop: 'nowIntegral',
-          align: 'center',
-          label: '剩余积分'
-        },
-        {
-          prop: 'description',
-          label: '事件类型',
-        }
+        {prop: 'doTime', label: '时间', width: 200},
+        {prop: "type", label: "类型", dict: "integralDetailType", align: 'center'},
+        {prop: 'changeIntegral', align: 'center', label: '变动积分', render: (h, {row}) => h('p', `${row.integralCalcType == 1 ? '+' : '-'}${row.changeIntegral}`)},
+        {prop: 'nowIntegral', align: 'center', label: '剩余积分'},
+        {prop: 'eventDesc', label: '事件', width: 500}
       ]
     }
   },
-
   methods: {
     getList() {
       this.instance.post('/app/appvillagerintegraldetail/list', null, {
-        params: {
-          ...this.page,
-          familyId: this.detailInfo.id,
-          bizType: this.doType
-        }
+        params: {...this.page, familyId: this.detailInfo.id, type: this.type}
       }).then(res => {
-        if (res.code === 0) {
+        if (res?.data) {
           this.tableData = res.data.records
           this.page.total = res.data.total
         }
@@ -148,11 +106,6 @@ export default {
   height: 100%;
   background-color: #fff;
 
-  ::v-deep .ai-card__body {
-    padding: 12px 16px 20px !important;
-  }
-
-
   .detail-info {
     display: flex;
     align-items: center;
@@ -187,25 +140,5 @@ export default {
       }
     }
   }
-
-  .iconExported {
-    color: #5088FF;
-    font-size: 12px;
-    cursor: pointer;
-  }
-
-  .info {
-    padding: 16px 0 16px 0;
-  }
-
-  .do_type {
-    height: 56px;
-  }
-
-  .fs-14 {
-    ::v-deep .el-table--small {
-      font-size: 14px !important;
-    }
-  }
 }
 </style>
diff --git a/packages/conv/creditScore/scoreManage/AppScoreManage.vue b/packages/conv/creditScore/scoreManage/AppScoreManage.vue
deleted file mode 100644
index 2ec20a49..00000000
--- a/packages/conv/creditScore/scoreManage/AppScoreManage.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <ai-list>
-    <template slot="title">
-      <ai-title title="积分管理" :isShowBottomBorder="false" :instance="instance" :isShowArea="true" v-model="areaId"
-                @change="changeArea"></ai-title>
-    </template>
-    <template slot="tabs">
-      <el-tabs v-model="currIndex">
-        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :is="tab.comp" v-if="currIndex === String(i)" :bizType="tab.bizType" :ref="tab.name"
-                     :areaId="areaId" :instance="instance" :dict="dict" :permissions="permissions"/>
-        </el-tab-pane>
-      </el-tabs>
-    </template>
-  </ai-list>
-</template>
-
-<script>
-import pointsDeclaration from "./pointsDeclaration.vue"
-import pointsDetails from "./pointsDetails.vue"
-import pointsAppeal from './pointsAppeal'
-import {mapState} from 'vuex'
-import scoreChange from "./scoreChange";
-
-export default {
-    name: 'AppScoreManage',
-    label: "积分管理",
-    components: {pointsDeclaration, pointsDetails, pointsAppeal, scoreChange},
-    props: {
-      instance: Function,
-      dict: Object,
-      permissions: Function
-    },
-
-    computed: {
-      ...mapState(['user']),
-      tabs() {
-        return [
-          // {
-          //   label: "积分申报",
-          //   name: "pointsDeclaration",
-          //   comp: pointsDeclaration,
-          //   permission: "app_apppartyfee_record",
-          //   bizType: '0'
-          // },
-          // { label: "积分申诉", name: "pointsAppeal", comp: pointsAppeal, permission: "app_apppartyfee_config", bizType: '1'},
-          {
-            label: "积分明细",
-            name: "pointsDetails",
-            comp: pointsDetails,
-            permission: "app_apppartyfee_statistics",
-            bizType: '2'
-          },
-          {
-            label: "积分调整",
-            name: "scoreChange",
-            comp: scoreChange,
-            permission: "",
-          },
-        ]
-      }
-    },
-    created() {
-      this.areaId = this.user.info.areaId
-    },
-    methods: {
-      changeArea() {
-        this.$nextTick(() => {
-          this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
-        })
-      }
-    },
-    data() {
-      return {
-        activeName: "pointsDeclaration",
-        currIndex: '0',
-        areaId: ''
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/packages/conv/creditScore/scoreManage/pointsDetails.vue b/packages/conv/creditScore/scoreManage/pointsDetails.vue
deleted file mode 100644
index c6d5e97d..00000000
--- a/packages/conv/creditScore/scoreManage/pointsDetails.vue
+++ /dev/null
@@ -1,283 +0,0 @@
-<template>
-  <section class="pointsDetails">
-    <ai-list isTabs>
-      <template slot="content">
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <el-date-picker size="small" v-model="searchDotime" type="daterange"  range-separator="至" @change="timeChange"
-              start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
-          </template>
-          <template slot="right">
-            <el-input
-              v-model="search.familyName"
-              class="search-input"
-              size="small"
-              placeholder="对象、户主、事件类型"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, getList()"
-              suffix-icon="iconfont iconSearch" />
-          </template>
-        </ai-search-bar>
-        <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          ref="aitableex"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
-          <el-table-column slot="changeIntegral" label="积分" align= "center">
-            <template slot-scope="{ row }">
-              <span>{{row.changeIntegral > 0 ? '+' : ''}}{{row.changeIntegral}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column slot="doType" label="类型" align= "center">
-            <template slot-scope="{ row }">
-              <span>{{ dict.getLabel('integralDetailType', row.bizType) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column slot="options" label="操作" align="center" fixed="right" width="120">
-            <template slot-scope="{ row }">
-              <el-button
-                type="text"
-                title="详情"
-                :disabled="!$permissions('app_appvillagerintegraldetail_detail')"
-                @click="viewItem(row)">
-                详情
-              </el-button>
-            </template>
-          </el-table-column>
-        </ai-table>
-      </template>
-    </ai-list>
-    <ai-dialog
-      title="详情"
-      :visible.sync="dialog.visible"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-    >
-      <div class="form_content">
-        <div class="form_info">
-          <span class="form_label">户主：</span>
-          <span class="form_value">{{dialogInfo.familyName}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">事项：</span>
-          <span class="form_value">{{dialogInfo.ruleName}}</span>
-        </div>
-        <div class="form_flex form_info">
-          <div>
-            <span class="form_label">积分：</span>
-            <span class="form_value">{{dialogInfo.changeIntegral >= 0 ? '增加' : '减少'}}<span style="color:#2266FF">{{Math.abs(dialogInfo.changeIntegral)}}</span>分</span>
-          </div>
-          <!-- <div>
-            <span class="form_label">途径：</span>
-          <span class="form_value">{{$dict.getLabel("integralDetailBizType", dialogInfo.bizType)}}</span>
-          </div> -->
-        </div>
-        <!-- <div class="form_info">
-          <span class="form_label">{{dialogInfo.bizType == 1 ? '申诉' : '申报'}}说明：</span>
-          <span
-            class="form_value"
-          >{{dialogInfo.description}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">照片：</span>
-          <span class="form_value" v-if="dialogInfo.fileList && dialogInfo.fileList.length">
-            <ai-uploader  :disabled="true" :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
-          </span>
-          <span class="form_value" v-else>-</span>
-        </div> -->
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visible=false" size="medium">关闭</el-button>
-      </div>
-    </ai-dialog>
-  </section>
-</template>
-
-<script>
-export default {
-  name: "pointsDeclaration",
-
-  props: {
-    instance: Function,
-    dict: Object,
-    areaId:String
-  },
-
-  data() {
-    return {
-      searchDotime: [],
-      search: {
-        current: 1,
-        size: 10,
-        familyName: '',
-        doTimeStart: null,
-        doTimeEnd: null
-      },
-      total: 10,
-      colConfigs: [
-        { prop: "residentName", label: "对象", width:160 },
-        { prop: "familyName", label: "户主", align: "center", width:160 },
-        {
-          prop: "ruleName",
-          label: "事件类型",
-          "show-overflow-tooltip": true,
-          width:420
-        },
-        {
-          prop: "doTime",
-          label: "时间",
-          width:200
-        },
-        // {
-        //   prop: "doType",
-        //   label: "类型",
-        //   align: "center",
-        //   width: 100,
-        //   render: (h, params) => {
-        //     return h(
-        //       "span",
-        //       {
-        //         class: "status-" + params.row.doType,
-        //       },
-        //       this.$dict.getLabel("integralIntegralType", params.row.doType)
-        //     );
-        //   },
-        // },
-        { slot: "doType", label: "类型", width: 100},
-        { slot: "changeIntegral", label: "积分", width: 100},
-        // {
-        //   prop: "bizType",
-        //   label: "途径",
-        //   align: "center",
-        //   width: 100,
-        //   formart: (bizType) =>
-        //   this.$dict.getLabel("integralDetailBizType", bizType) || '-',
-        // },
-        { slot: "options", label: "操作", align: "center" },
-      ],
-      tableData: [],
-      dialog: {
-        visible: false,
-      },
-      dialogInfo: {},
-    };
-  },
-
-  mounted() {
-    this.$dict
-      .load([
-        "integralDeclareDoType",
-        "integralDetailType",
-        "integralDetailBizType"
-      ])
-      .then(() => {
-        this.getList();
-      });
-  },
-
-  methods: {
-    getList() {
-      this.instance
-        .post(`/app/appvillagerintegraldetail/list`, null, {
-          params: {
-            ...this.search,
-            areaId: this.areaId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records;
-            this.total = res.data.total;
-          }
-        });
-    },
-
-    timeChange() {
-      if(this.searchDotime) {
-        this.search.doTimeStart =  this.searchDotime[0]
-        this.search.doTimeEnd = this.searchDotime[1]
-      }else {
-        this.search.doTimeStart =  null
-        this.search.doTimeEnd = null
-      }
-      this.search.current = 1
-      this.getList()
-    },
-
-    viewItem(row) {
-      this.dialog.visible = true
-      this.instance.post(`/app/appvillagerintegraldetail/queryDetailById?id=${row.id}`, null, {}).then((res) => {
-          if (res.code == 0) {
-            this.dialogInfo = res.data
-            console.log(this.dialogInfo)
-          }
-        });
-    },
-
-    onReset() {
-      this.search.current = 1
-      this.search.doTimeStart =  null
-      this.search.doTimeEnd = null
-      this.search.familyName = ''
-      this.searchDotime = []
-      this.getList();
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.pointsDetails {
-  height: 100%;
-  background: #f3f6f9;
-  overflow: auto;
-  .form_content {
-    .form_flex {
-      display: flex;
-      div {
-        flex: 1;
-      }
-    }
-    .form_info {
-      margin-bottom: 8px;
-    }
-    .form_label {
-      display: inline-block;
-      color: #999;
-      vertical-align: top;
-      width: 70px;
-      text-align: right;
-    }
-    .form_value {
-      display: inline-block;
-      color: #333;
-      width: calc(100% - 70px);
-      // img {
-      //   width: 100px;
-      //   height: 100px;
-      //   margin: 0 8px 8px 0;
-      // }
-    }
-  }
-  .form_div {
-    padding-top: 24px;
-    border-top: 1px solid #eee;
-  }
-  .status-0 {
-    color: #FF4466;
-  }
-
-  .status-1 {
-    color: #2EA222;
-  }
-
-  .status-2 {
-    color: #999999;
-  }
-}
-</style>
diff --git a/packages/conv/creditScore/scoreManage/scoreChange.vue b/packages/conv/creditScore/scoreManage/scoreChange.vue
deleted file mode 100644
index c82fefeb..00000000
--- a/packages/conv/creditScore/scoreManage/scoreChange.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-  <div class="scoreChange">
-    <ai-list isTabs>
-      <template slot="content">
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true"
-                       :disabled="!permissions('app_appvillagerintegraldetail_change')">添加
-            </el-button>
-            <ai-import :instance="instance" :dict="dict" name="积分调整" type="appvillagerintegraldetail"
-                       v-if="permissions('app_appvillagerintegraldetail_change')" @success="getList"/>
-          </template>
-        </ai-search-bar>
-        <ai-table
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="page.total"
-            :current.sync="page.current"
-            :size.sync="page.size"
-            @getList="getList">
-        </ai-table>
-      </template>
-    </ai-list>
-    <ai-dialog
-        title="添加积分调整"
-        :visible.sync="dialog"
-        :destroyOnClose="true"
-        width="720px"
-        @onConfirm="onConfirm"
-        @closed="form={}">
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="选择人员" prop="residentId">
-          <ai-person-select :instance="instance" :customClicker="true"
-                            :url="'/app/appresident/list?auditType=1areaId=' + user.info.areaId"
-                            :isMultiple="false" dialogTitle="选择" @selectPerson="selectPerson">
-            <template name="option" v-slot:option="{ item }">
-              <span class="iconfont iconProlife">{{ item.name }}</span>
-              <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
-            </template>
-          </ai-person-select>
-        </el-form-item>
-        <el-form-item label="调整说明" prop="description">
-          <el-input v-model.trim="form.description" placeholder="请输入..." type="textarea" :rows="4" show-word-limit
-                    maxlength="100"></el-input>
-        </el-form-item>
-        <el-form-item label="类型" prop="doType">
-          <el-radio-group v-model="form.doType">
-            <el-radio label="0">加分</el-radio>
-            <el-radio label="1">减分</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="积分" prop="changeIntegral">
-          <el-input v-model.trim.num="form.changeIntegral" placeholder="请输入正整数" size="small"></el-input>
-        </el-form-item>
-      </el-form>
-    </ai-dialog>
-  </div>
-</template>
-
-<script>
-import {mapState} from "vuex"
-
-export default {
-  name: "scoreChange",
-  props: {
-    instance: Function,
-    dict: Object,
-    permissions: Function,
-    areaId: String
-  },
-  data() {
-    return {
-      tableData: [],
-      page: {
-        current: 1,
-        size: 10,
-        total: 10
-      },
-      form: {},
-      dialog: false,
-      personList: [],
-    }
-  },
-  computed: {
-    ...mapState(["user"]),
-    rules() {
-      return {
-        residentId: [{required: true, message: '请选择人员', trigger: 'blur'},],
-        description: [{required: true, message: '请输入调整说明', trigger: 'blur'},],
-        doType: [{required: true, message: '请输入调整说明', trigger: 'change'},],
-        changeIntegral: [
-          {
-            required: true, validator: (rule, value, callback) => {
-              if (!/^[1-9]\d*$/.test(value)) {
-                callback(new Error('请输入正整数'))
-              } else {
-                callback();
-              }
-            }, trigger: 'blur'
-          },],
-      }
-    },
-    colConfigs() {
-      return [
-        {prop: "residentName", label: "姓名"},
-        {prop: "description", label: "调整说明"},
-        {prop: "changeIntegral", label: "类型", align: "center", render: (h, {row}) => h('p', +row.changeIntegral > 0 ? "加分" : '减分')},
-        {
-          prop: "changeIntegral",
-          label: "积分",
-          align: "center",
-          render: (h, {row}) =>h('p',row.changeIntegral > 0 ? `+${row.changeIntegral}` : `${row.changeIntegral}`)
-        },
-        {prop: "doTime", label: "操作时间"},
-        {prop: "declareObjName", label: "操作人", align: "center"},
-      ]
-    }
-  },
-  methods: {
-    selectPerson(val) {
-      if (val) {
-        this.form.residentId = val.id
-        this.personList = [{...val}]
-      } else {
-        this.form.residentId = ""
-        this.personList = []
-      }
-    },
-    onConfirm() {
-      this.$refs['form'].validate(valid => {
-        if (valid) {
-          this.instance.post(`/app/appvillagerintegraldetail/changeIntegral`, {
-            ...this.form,
-            changeIntegral: this.form.doType == 0 ? `+${this.form.changeIntegral}` : `-${this.form.changeIntegral}`
-          }).then(res => {
-            if (res.code == 0) {
-              this.$message.success("添加成功")
-              this.dialog = false
-              this.getList()
-            }
-          })
-        }
-      })
-    },
-    getList() {
-      this.instance.post(`/app/appvillagerintegraldetail/list`, null, {
-        params: {
-          ...this.page,
-          areaId: this.areaId,
-          doType: 2
-        }
-      }).then(res => {
-        if (res?.data) {
-          this.tableData = res.data.records
-          this.page.total = res.data.total
-        }
-      })
-    }
-  },
-  created() {
-    this.getList()
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.scoreChange {
-  height: 100%;
-  overflow: auto;
-}
-</style>
diff --git a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
index 7534cf2a..6c44f2fe 100644
--- a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
+++ b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
@@ -298,7 +298,7 @@ export default {
   },
   created() {
     this.areaId = this.user.info.areaId;
-    this.dict.load('integralVillageGroup', 'integralRuleStatus', 'integralPersonType', 'householdRelation', 'residentType');
+    this.dict.load( 'integralRuleStatus', 'householdRelation', 'residentType');
     this.getList();
   },
   methods: {
diff --git a/packages/conv/creditScore/scorePersonal/detail.vue b/packages/conv/creditScore/scorePersonal/detail.vue
index 6835645b..584c780a 100644
--- a/packages/conv/creditScore/scorePersonal/detail.vue
+++ b/packages/conv/creditScore/scorePersonal/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <ai-detail class="family_detail">
     <template slot="title">
-      <ai-title title="个人积分明细" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="$emit('goBack')" ></ai-title>
+      <ai-title title="个人积分明细" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="$emit('goBack')"></ai-title>
     </template>
     <template slot="content">
       <div class="detail-info">
@@ -19,37 +19,24 @@
         </div>
       </div>
       <ai-card title="余额变动明细">
-        <template slot="right">
-          <!-- <ai-download
-            :instance="instance"
-            url="/app/appvillagerintegraldetail/export"
-            :disabled="!Boolean(tableData.length)"
-            :params="{familyName:detailInfo.name,doType:doType}"
-            fileName="余额变动明细">
-            <span class="iconfont iconExported">导出</span>
-          </ai-download> -->
-        </template>
         <template #content>
-          <el-select v-model="doType" placeholder="请选择类型" size='small' clearable  @change="page.current=1,getList()">
-            <el-option
-              v-for="(item,i) in dict.getDict('integralDetailType')"
-              :label="item.dictName"
-              :key="i"
-              :value="item.dictValue">
-            </el-option>
-          </el-select>
-          <ai-table class="fs-14"
-            style="margin-top: 16px;"
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="page.total"
-            :current.sync="page.current"
-            :size.sync="page.size"
-            :isShowPagination="false"
-            tableSize="small"
-            :border="true"
-            @getList="getList">
-          </ai-table>
+          <ai-search-bar>
+            <template #left>
+              <ai-select v-model="type" placeholder="请选择类型" @change="page.current=1,getList()" :selectList="dict.getDict('integralDetailType')"/>
+            </template>
+            <template #right>
+              <ai-download
+                :instance="instance"
+                url="/app/appvillagerintegraldetail/export"
+                :disabled="!Boolean(tableData.length)"
+                :params="{residentId:detailInfo.id,type}"
+                fileName="余额变动明细">
+                <el-button type="text" icon="iconfont iconExported">导出</el-button>
+              </ai-download>
+            </template>
+          </ai-search-bar>
+          <ai-table :tableData="tableData" :col-configs="colConfigs"
+                    :total="page.total" border :dict="dict" :current.sync="page.current" :size.sync="page.size" @getList="getList"/>
         </template>
       </ai-card>
     </template>
@@ -57,151 +44,125 @@
 </template>
 
 <script>
-  export default {
-    name: 'balance',
+export default {
+  name: 'balance',
 
-    props: {
-      detailInfo: {
-        type: Object,
-        require: true
+  props: {
+    detailInfo: {
+      type: Object,
+      require: true
+    },
+    instance: Function,
+    dict: Object
+  },
+
+  data() {
+    return {
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
       },
-      instance: Function,
-      dict: Object
-    },
+      info: {},
+      type: '',
+      tableData: []
+    }
+  },
 
-    data () {
-      return {
-        page: {
-          current: 1,
-          size: 10,
-          total: 0
-        },
-        info: {},
-        doType: '',
-        tableData: []
-      }
-    },
-
-    created () {
-      this.dict.load('integralDetailType')
-      this.getList()
-    },
-
-    computed: {
-      colConfigs () {
-        const _this = this
-        return [
-          {
-            prop: 'doTime',
-            align: 'center',
-            label: '时间',
-            align:'left'
-          },
-          {
-            prop: 'doType',
-            align: 'center',
-            label: '类型',
-            render (h, {row}) {
-              return h('span',{}, _this.dict.getLabel('integralDetailType', row.bizType))
+  created() {
+    this.dict.load('integralDetailType')
+    this.getList()
+  },
+  computed: {
+    colConfigs() {
+      return [
+        {prop: 'doTime', label: '时间', width: 200},
+        {prop: "type", label: "类型", dict: "integralDetailType", align: 'center'},
+        {prop: 'changeIntegral', align: 'center', label: '变动积分', render: (h, {row}) => h('p', `${row.integralCalcType == 1 ? '+' : '-'}${row.changeIntegral}`)},
+        {prop: 'nowIntegral', align: 'center', label: '剩余积分'},
+        {prop: 'eventDesc', label: '事件', width: 500}
+      ]
+    }
+  },
+  methods: {
+    getList() {
+      this.instance.post(`/app/appresident/detail?id=${this.detailInfo.id}`).then(res => {
+        if (res?.data) {
+          this.info = res.data.resident
+          let {type, info: {id: residentId}} = this
+          this.instance.post(`/app/appvillagerintegraldetail/IntegralList`, null, {
+            params: {...this.page, queryType: 1, type, residentId}
+          }).then(res => {
+            if (res?.data) {
+              this.tableData = res.data.records
+              this.page.total = res.data.total
             }
-          },
-          {
-            prop: 'changeIntegral',
-            align: 'center',
-            label: '变动积分'
-          },
-          {
-            prop: 'nowIntegral',
-            align: 'center',
-            label: '剩余积分'
-          },
-          {
-            prop: 'description',
-            align: 'center',
-            label: '事件类型',
-            align:'left'
-          }
-        ]
-      }
-    },
-
-    methods: {
-      getList () {
-        this.instance.post(`/app/appresident/detail?id=${this.detailInfo.id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data.resident
-            this.instance.post(`/app/appvillagerintegraldetail/IntegralList?bizType=${this.doType}&type=1&residentId=${res.data.resident.id}`, null, {
-              params: this.page
-            }).then(res => {
-              if (res.code === 0) {
-                this.tableData = res.data.records
-              }
-            })
-          }
-        })
-      }
+          })
+        }
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .family_detail{
-    height: 100%;
-    background-color: #fff;
+.family_detail {
+  height: 100%;
+  background-color: #fff;
 
-    ::v-deep .ai-card__body {
-      padding: 12px 16px 20px!important;
-    }
+  .detail-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
 
-    .detail-info {
-      display: flex;
-      align-items: center;
-      margin-bottom: 20px;
+    .detail-info__item {
+      flex: 1;
+      height: 96px;
+      margin-right: 20px;
+      padding: 16px 24px;
+      background: #FFFFFF;
+      box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
+      border-radius: 4px;
 
-      .detail-info__item {
-        flex: 1;
-        height: 96px;
-        margin-right: 20px;
-        padding: 16px 24px;
-        background: #FFFFFF;
-        box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
-        border-radius: 4px;
-
-        &:last-child {
-          margin-right: 0;
-        }
-
-        h2 {
-          margin-bottom: 8px;
-          color: #888888;
-          font-size: 16px;
-          font-weight: bold;
-        }
-
-        span {
-          display: block;
-          line-height: 32px;
-          font-size: 24px;
-          font-weight: bold;
-          color: #222;
-        }
+      &:last-child {
+        margin-right: 0;
       }
-    }
-    .iconExported{
-      color:#5088FF;
-      font-size: 12px;
-      cursor: pointer;
-    }
-    .info{
-      padding: 16px 0 16px 0;
-    }
-    .do_type{
-      height: 56px;
-    }
-    .fs-14{
-      ::v-deep .el-table--small{
-        font-size: 14px!important;
+
+      h2 {
+        margin-bottom: 8px;
+        color: #888888;
+        font-size: 16px;
+        font-weight: bold;
+      }
+
+      span {
+        display: block;
+        line-height: 32px;
+        font-size: 24px;
+        font-weight: bold;
+        color: #222;
       }
     }
   }
-</style>
\ No newline at end of file
+
+  .iconExported {
+    color: #5088FF;
+    font-size: 12px;
+    cursor: pointer;
+  }
+
+  .info {
+    padding: 16px 0 16px 0;
+  }
+
+  .do_type {
+    height: 56px;
+  }
+
+  .fs-14 {
+    ::v-deep .el-table--small {
+      font-size: 14px !important;
+    }
+  }
+}
+</style>
diff --git a/packages/conv/creditScore/scoreRules/AppScoreRules.vue b/packages/conv/creditScore/scoreRules/AppScoreRules.vue
index 35ac9daa..75237fb9 100644
--- a/packages/conv/creditScore/scoreRules/AppScoreRules.vue
+++ b/packages/conv/creditScore/scoreRules/AppScoreRules.vue
@@ -1,29 +1,19 @@
 <template>
   <section class="AppScoreRules">
-    <ai-list v-if="$permissions('app_appvillagerintegralrule_detail')">
+    <ai-list v-if="permissions('app_appvillagerintegralrule_detail')">
       <template slot="title">
         <ai-title title="积分规则" isShowBottomBorder></ai-title>
       </template>
       <template slot="content">
         <ai-search-bar bottomBorder>
           <template slot="left">
+            <el-cascader size="small" v-model="search.eventType" placeholder="请选择事件/类型" clearable
+                         :props="{...etOps,checkStrictly:true}" @change="handleTypeSearch" ref="eventTypeSearch"/>
             <ai-select
-              v-model="search.classification"
-              @change="search.current = 1, getList()"
-              placeholder="请选择分类"
-              :selectList="dict.getDict('atWillReportType')">
-            </ai-select>
-            <ai-select
-              v-model="search.integralType"
-              @change="search.current = 1, getList()"
-              placeholder="请选择类型"
-              :selectList="dict.getDict('integralIntegralType')">
-            </ai-select>
-            <ai-select
-              v-model="search.ruleStatus"
-              @change="search.current = 1, getList()"
-              placeholder="请选择状态"
-              :selectList="dict.getDict('integralRuleStatus')">
+                v-model="search.status"
+                @change="page.current = 1, getList()"
+                placeholder="请选择状态"
+                :selectList="dict.getDict('integralRuleStatus')">
             </ai-select>
           </template>
           <template slot="right">
@@ -31,113 +21,87 @@
         </ai-search-bar>
         <ai-search-bar style="margin-top: 16px;">
           <template #left>
-            <el-button type="primary" icon="iconfont iconAdd" @click="addRule">添加</el-button>
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          ref="aitableex"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
-        <el-table-column slot="integral" label="分值" align="center">
-          <template slot-scope="{ row }">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total" :dict="dict"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList">
+          <el-table-column slot="integral" label="分值" align="center">
+            <template slot-scope="{ row }">
             <span
-              v-if="row.integralValueType == 1">
+                v-if="row.integralValueType == 1">
               {{ row.integralStart > 0 ? '+' + row.integralStart : row.integralStart }} ~ {{ row.integralEnd > 0 ? '+' + row.integralEnd : row.integralEnd }}
             </span>
-            <span v-else>{{ row.integral > 0 ? '+' : '' }}{{ row.integral }}</span>
-          </template>
-        </el-table-column>
+              <span v-else>{{ row.integral > 0 ? '+' : '' }}{{ row.integral }}</span>
+            </template>
+          </el-table-column>
           <el-table-column slot="options" label="操作" align="center" fixed="right" width="200">
             <template slot-scope="{ row }">
               <div class="table-options">
-                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 0)" v-if="row.ruleStatus == 1">停用</el-button>
-                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 1)" v-else >启用</el-button>
-                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="toEdit(row)">编辑</el-button>
-                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_del')" @click="remove(row.id)">删除</el-button>
+                <el-button type="text" :disabled="!permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 0)" v-if="row.status == 1">
+                  停用
+                </el-button>
+                <el-button type="text" :disabled="!permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 1)" v-else>启用</el-button>
+                <el-button type="text" :disabled="!permissions('app_appvillagerintegralrule_edit')" @click="toEdit(row)">编辑</el-button>
+                <el-button type="text" :disabled="!permissions('app_appvillagerintegralrule_del')" @click="remove(row.id)">删除</el-button>
               </div>
             </template>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
-
-    <ai-dialog
-      :title="dialog.title"
-      :visible.sync="dialog.visible"
-      :customFooter="true"
-      :destroyOnClose="true"
-      @close="init('ruleForm')"
-      width="520px">
+    <ai-empty v-else>暂无应用权限</ai-empty>
+    <ai-dialog :title="dialogTitle" :visible.sync="dialog" @onConfirm="onConfirm" @closed="form={ladderRule: []}" width="700px">
       <div class="form_div">
-        <el-form
-          ref="ruleForm"
-          :model="dialogInfo"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          label-width="100px">
-          <el-form-item label="类别" prop="classification">
-            <ai-select
-              size="small"
-              v-model="dialogInfo.classification"
-              placeholder="请选择..."
-              :selectList="dict.getDict('atWillReportType')">
-            </ai-select>
+        <el-form ref="DialogForm" :model="form" :rules="formRules" size="small" label-suffix="：" label-width="100px">
+          <el-form-item label="事件/类型" prop="eventType">
+            <el-cascader v-model="form.eventType" :props="etOps" clearable placeholder="请选择" @change="handleTypeForm"
+                         :options="cacheOps"/>
           </el-form-item>
-          <el-form-item label="事项" prop="ruleName">
-            <el-input placeholder="请输入…" maxlength="30" show-word-limit v-model="dialogInfo.ruleName"></el-input>
+          <el-form-item label="规则" prop="ruleType" v-if="form.ruleType>-1" required>
+            <el-row type="flex" justify="space-between">
+              <div v-text="dict.getLabel('integralRuleRuleType',form.ruleType)"/>
+              <el-button v-if="form.ruleType==1" type="text" icon="iconfont iconAdd"
+                         @click="form.ladderRule.push({viewCount:null,integral:null})">添加
+              </el-button>
+            </el-row>
+            <el-table v-if="form.ruleType==1" :data="form.ladderRule" size="mini" border stripe>
+              <el-table-column label="查看人数(人)" align="center">
+                <template slot-scope="{row}">
+                  <el-input class="tableInput" v-model.number="row.viewCount" clearable placeholder="请输入"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="获得积分(分)" align="center">
+                <template slot-scope="{row}">
+                  <el-input class="tableInput" v-model="row.integral" clearable placeholder="请输入" type="number"
+                            @keyup.native="row.integral=checkIntegral(row.integral)"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center">
+                <template slot-scope="{row,$index}">
+                  <el-button type="text" @click="handleDelete($index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
           </el-form-item>
-          <el-form-item label="规则说明" prop="ruleDescription">
-            <el-input
-              type="textarea"
-              :rows="3"
-              maxlength="500"
-              show-word-limit
-              placeholder="请输入…"
-              v-model="dialogInfo.ruleDescription">
-            </el-input>
+          <el-form-item label="周期范围" prop="scoringCycle">
+            <ai-select v-model="form.scoringCycle" :selectList="dict.getDict('integralRuleScoringCycle')"/>
           </el-form-item>
-          <el-form-item label="类型" prop="integralType">
-            <el-radio-group v-model="dialogInfo.integralType">
-              <el-radio label="1">加分</el-radio>
-              <el-radio label="0">扣分</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <!-- <el-form-item label="分值" prop="integralValueType">
-            <el-radio-group v-model="dialogInfo.integralValueType" @change="numTypeChange">
-              <el-radio label="0">固定分值</el-radio>
-              <el-radio label="1">区间分值</el-radio>
-            </el-radio-group>
-          </el-form-item> -->
-          <!-- <el-form-item label="积分" required v-if="dialogInfo.integralValueType == '1'">
-            <el-col :span="7" style="width: 30%;">
-              <el-form-item prop="integralStart">
-                <el-input placeholder="请输入整数" v-model="dialogInfo.integralStart"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col class="line" :span="1" style="width: 4%;text-align:center;">-</el-col>
-            <el-col :span="7" style="width: 30%;">
-              <el-form-item prop="integralEnd">
-                <el-input placeholder="请输入整数" v-model="dialogInfo.integralEnd"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col class="line" :span="9" style="width: 36%;"></el-col>
-          </el-form-item> -->
-          <el-form-item label="积分" required v-if="dialogInfo.integralValueType == '0'">
-            <el-form-item prop="integral">
-              <el-input placeholder="请输入自然数" v-model="dialogInfo.integral"></el-input>
+          <template v-if="form.ruleType==0">
+            <el-form-item label="奖励次数" prop="numberLimit">
+              <el-input placeholder="请输入,周期范围内,不填写表示不限制" v-model.number="form.numberLimit" clearable/>
             </el-form-item>
-          </el-form-item>
+            <el-form-item label="积分分值" prop="integral">
+              <el-input placeholder="请输入" v-model="form.integral" clearable/>
+            </el-form-item>
+          </template>
         </el-form>
       </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visible=false" size="medium">取消</el-button>
-        <el-button @click="onConfirm('ruleForm')" type="primary" size="medium">确认</el-button>
-      </div>
     </ai-dialog>
   </section>
 </template>
@@ -149,169 +113,91 @@ export default {
   props: {
     instance: Function,
     dict: Object,
+    permissions: Function
   },
-
-  data() {
-    var integralPass = (rule, value, callback) => {
-      if (value) {
-        if ((/(^[0-9]\d*$)/.test(value))) {
-          callback();
-        } else {
-          callback(new Error("请输入自然数"));
-        }
-      } else {
-        callback(new Error("请输入积分"));
-      }
-    };
-    var integralStartPass = (rule, value, callback) => {
-      if (value) {
-        if ((/(^[1-9]\d*$)/.test(value))) {
-          callback();
-        } else {
-          callback(new Error("请输入整数积分"));
-        }
-      } else {
-        callback(new Error("请输入积分"));
-      }
-    };
-    var integralEndPass = (rule, value, callback) => {
-      if (value) {
-        if ((/(^[1-9]\d*$)/.test(value))) {
-          if (Number(value) < Number(this.dialogInfo.integralStart)) {
-            callback(new Error("请输入大于前面数字的积分"));
-          } else {
-            callback()
+  computed: {
+    isEdit() {
+      return !!this.form.id
+    },
+    dialogTitle() {
+      return this.isEdit ? "编辑积分规则" : "添加积分规则"
+    },
+    etOps() {
+      return {
+        lazy: true,
+        value: "dictValue",
+        label: "dictName",
+        lazyLoad: (node, resolve) => {
+          if (node.level == 0) resolve(this.dict.getDict('integralRuleEvent'))
+          else if (node.level == 1) {
+            let dict = 'integralRuleEvent' + node.value
+            this.dict.load(dict).then(() => {
+              let nodes = this.dict.getDict(dict).map(e => ({...e, leaf: true}))
+              resolve(nodes)
+            })
           }
-        } else {
-          callback(new Error("请输入整数积分"));
         }
-      } else {
-        callback(new Error("请输入积分"));
       }
-    };
+    },
+  },
+  data() {
     return {
-      search: {
-        current: 1,
-        size: 10,
-        classification: "",
-        integralType: "",
-        ruleStatus: "",
-      },
-      total: 10,
+      search: {status: "", eventType: null},
+      page: {current: 1, size: 10, total: 0},
       colConfigs: [
-        {
-          prop: "classification", label: "类型", width: 168,
-          formart: (classification) =>
-              this.dict.getLabel("atWillReportType", classification),
-        },
-        {prop: "ruleName", label: "事项", "show-overflow-tooltip": true, width: 260},
-        {prop: "ruleDescription", label: "规则说明", width: 390},
-        {
-          prop: "integralType",
-          label: "类型",
-          width: 60,
-          formart: (integralType) =>
-              this.dict.getLabel("integralIntegralType", integralType),
-        },
-        {slot: "integral", label: "分值", width: 70},
-        {prop: "doTime", label: "最后编辑时间", width: 160},
-        {prop: "doUserName", label: "操作人", width: 120},
-        {
-          prop: "ruleStatus",
-          label: "状态",
-          align: "center",
-          width: 96,
-          fixed: "right",
-          render: (h, params) => {
-            return h(
-                "span",
-                {
-                  class: "status-" + params.row.ruleStatus,
-                },
-                this.dict.getLabel("integralRuleStatus", params.row.ruleStatus)
-            );
-          },
-        },
+        {prop: "event", label: "事件", dict: "integralRuleEvent"},
+        {prop: "type", label: "类型", dict: "integralRuleEventType"},
+        {prop: "ruleType", label: "规则", dict: "integralRuleRuleType"},
+        {prop: "scoringCycle", label: "周期范围", dict: "integralRuleScoringCycle"},
+        {prop: "status", label: "状态", align: "center", width: 96, dict: "integralRuleStatus"},
         {slot: "options", label: "操作", align: "center"},
       ],
       tableData: [],
-
-      dialog: {
-        title: "",
-        visible: false,
-      },
-      dialogInfo: {
-        classification: "",
-        ruleName: "",
-        ruleDescription: "",
-        integralType: '1',
-        integralValueType: '0',
-        integral: "",
-        // integralStart: "",
-        // integralEnd: "",
-        doTime: '',
-        id: '',
-        doUserId: '',
-        doUserName: '',
-      },
+      dialog: false,
+      form: {ladderRule: []},
       formRules: {
-        classification: [
-          {required: true, message: "请选择类型", trigger: "change"},
-        ],
-        ruleName: [{required: true, message: "请输入事项", trigger: "blur"}],
-        ruleDescription: [
-          {required: true, message: "请输入规则说明", trigger: "blur"},
-        ],
-        integralType: [
-          {required: true, message: "请选择类型", trigger: "change"},
-        ],
-        integralValueType: [
-          {required: true, message: "请选择分值类型", trigger: "change"},
-        ],
-        integral: [
-          {required: true, validator: integralPass, trigger: "change"},
-        ],
-        integralStart: [
-          {required: true, validator: integralStartPass, trigger: "change"},
-        ],
-        integralEnd: [
-          {required: true, validator: integralEndPass, trigger: "change"},
-        ],
+        eventType: [{required: true, message: "请选择事件/类型", trigger: "change"}],
+        scoringCycle: [{required: true, message: "请选择周期范围", trigger: "change"}],
+        integral: [{required: true, pattern: /^\d*[.\d]\d?$/, message: "请输入积分分值,最多保留一位小数"}],
+        numberLimit: [{pattern: /^\d*$/, message: "请输入正整数"}]
       },
+      cacheOps: []
     };
   },
-
   created() {
-    this.dict.load(["classification", "integralIntegralType", "integralRuleStatus", 'atWillReportType']).then(() => {
+    this.dict.load("integralRuleStatus", "integralRuleRuleType", 'integralRuleScoringCycle', 'integralRuleEvent', 'integralRuleEventType').then(() => {
       this.getList();
     });
   },
-
   methods: {
     getList() {
-      this.instance
-      .post(`/app/appvillagerintegralrule/list`, null, {
-        params: {
-          ...this.search,
-        },
-      })
-      .then((res) => {
-        if (res.code == 0) {
+      this.instance.post(`/app/appvillagerintegralrule/list`, null, {
+        params: {...this.search, ...this.page},
+      }).then(res => {
+        if (res?.data) {
           this.tableData = res.data.records;
-          this.total = res.data.total;
+          this.page.total = res.data.total;
         }
       });
     },
-
     toEdit(row) {
-      this.dialog.title = "编辑积分规则";
-      this.dialog.visible = true;
-      this.dialogInfo = {...row}
-      this.dialogInfo.integralStart = Math.abs(this.dialogInfo.integralStart)
-      this.dialogInfo.integralEnd = Math.abs(this.dialogInfo.integralEnd)
-      this.dialogInfo.integral = Math.abs(this.dialogInfo.integral)
+      this.form = this.$copy(row)
+      let {ladderRule, event, type} = this.form,
+          dict = 'integralRuleEvent' + event
+      this.dict.load(dict).then(() => {
+        this.form.eventType = [event, type]
+        this.form.ladderRule = JSON.parse(ladderRule || "[]")
+        this.cacheOps = this.dict.getDict('integralRuleEvent').map(e => {
+          if (e.dictValue == event) {
+            e.children = this.dict.getDict(dict).map(d => ({...d, leaf: true}))
+          }
+          return e
+        })
+        this.$nextTick(() => {
+          this.dialog = true
+        })
+      })
     },
-
     remove(id) {
       this.$confirm("删除后不可恢复，是否要删除该事项？", {
         type: 'error'
@@ -326,13 +212,10 @@ export default {
         });
       });
     },
-
     changeStatus(id, status) {
-      var text = status == 1 ? '启用' : '停用'
+      let text = status == 1 ? '启用' : '停用'
       this.$confirm(`确定${text}该条规则？`).then(() => {
-        this.instance
-        .post(`/app/appvillagerintegralrule/enableOrDisable?id=${id}`)
-        .then((res) => {
+        this.instance.post(`/app/appvillagerintegralrule/enableOrDisable?id=${id}`).then((res) => {
           if (res.code == 0) {
             this.$message.success(`${text}成功！`)
             this.getList();
@@ -340,36 +223,27 @@ export default {
         });
       });
     },
-
     onReset() {
-      this.search.current = 1
+      this.page.current = 1
       this.search.classification = ""
       this.search.integralType = ""
       this.search.ruleStatus = ""
       this.getList();
     },
-
-    onAdd() {
-      this.$emit("change", {
-        type: "add",
-      });
-    },
-
-    addRule() {
-      this.dialog.title = "添加积分规则";
-      this.dialog.visible = true;
-    },
-
-    onConfirm(formName) {
-      this.$refs[formName].validate((valid) => {
+    onConfirm() {
+      if(this.form.ruleType==1 && !this.form.ladderRule.length) {
+        return this.$message.error('请添加规则')
+      }
+      this.$refs.DialogForm.validate((valid) => {
         if (valid) {
-          this.instance
-          .post(`/app/appvillagerintegralrule/addOrUpdate`, this.dialogInfo)
-          .then((res) => {
+          let formData = this.$copy(this.form)
+          formData.ladderRule = JSON.stringify(formData.ladderRule)
+          formData.integral = formData.integral || 0
+          this.instance.post(`/app/appvillagerintegralrule/addOrUpdate`, formData).then((res) => {
             if (res.code == 0) {
-              this.$message.success(`${this.dialogInfo.id ? '编辑成功' : '添加成功'}`)
+              this.$message.success(`${this.isEdit ? '编辑成功' : '添加成功'}`)
               this.onReset()
-              this.onCancel();
+              this.dialog = false;
             }
           });
         } else {
@@ -377,48 +251,53 @@ export default {
         }
       });
     },
-
-    onCancel() {
-      this.dialog.visible = false;
+    handleTypeSearch(v) {
+      this.search.event = v?.[0]
+      this.search.type = v?.[1]
+      this.page.current = 1
+      this.$refs.eventTypeSearch.dropDownVisible = false
+      this.getList()
     },
-
-    numTypeChange() {
-      // this.dialogInfo.integra = "";
-      // this.dialogInfo.integralStart = "";
-      // this.dialogInfo.integralEnd = "";
+    handleTypeForm(v) {
+      if (this.dialog) {
+        this.form.event = v?.[0]
+        this.form.type = v?.[1]
+        this.form.ruleType = !this.form.event ? null : this.form.event == 3 ? 1 : 0
+      }
     },
-
-    init(formName) {
-      this.$refs[formName].clearValidate();
-      Object.keys(this.dialogInfo).forEach((e) => {
-        this.dialogInfo[e] = "";
-      });
-      this.dialogInfo.integralType = '1'
-      this.dialogInfo.integralValueType = '0'
+    handleDelete(i) {
+      this.$confirm("是否要删除该规则?").then(() => {
+        this.form.ladderRule.splice(i, 1)
+      }).catch(() => 0)
     },
+    checkIntegral(v) {
+      return /\.\d{2,}$/.test(v) ? Math.abs(v).toFixed(1) : Math.abs(v)
+    }
   },
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .AppScoreRules {
   height: 100%;
   background: #f3f6f9;
 
-  .cur-p {
-    cursor: pointer;
-  }
-
   ::v-deep .ai-list__content--right {
     width: 100%;
   }
 
-  .status-0 {
-    color: #ff4466;
-  }
+  ::v-deep .ai-dialog {
+    .el-cascader {
+      width: 100%;
+    }
 
-  .status-1 {
-    color: #2ea222;
+    .tableInput {
+      & > input {
+        text-align: center;
+        border: none;
+        background: transparent;
+      }
+    }
   }
 }
 </style>
diff --git a/packages/conv/creditScore/scoreSupermarket/components/addGoods.vue b/packages/conv/creditScore/scoreSupermarket/components/addGoods.vue
index 1079d999..1b774f28 100644
--- a/packages/conv/creditScore/scoreSupermarket/components/addGoods.vue
+++ b/packages/conv/creditScore/scoreSupermarket/components/addGoods.vue
@@ -9,60 +9,57 @@
           <template #content>
             <div class="form_div">
               <el-form
-                ref="rules"
-                :model="forms"
-                :rules="formRules"
-                size="small"
-                label-suffix="："
-                label-width="100px">
+                  ref="rules"
+                  :model="forms"
+                  :rules="formRules"
+                  size="small"
+                  label-suffix="："
+                  label-width="100px">
                 <el-form-item label="店铺名称" prop="shopId">
                   <el-select
-                    v-model="forms.shopId"
-                    placeholder="请选择..."
-                    clearable>
+                      v-model="forms.shopId"
+                      placeholder="请选择..."
+                      clearable>
                     <el-option
-                      v-for="(item, i) in shopList"
-                      :key="i"
-                      :label="item.shopName"
-                      :value="item.id">
+                        v-for="(item, i) in shopList"
+                        :key="i"
+                        :label="item.shopName"
+                        :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item label="商品类型" prop="merchandiseType">
                   <el-select
-                    v-model="forms.merchandiseType"
-                    placeholder="请选择..."
-                    clearable>
+                      v-model="forms.merchandiseType"
+                      placeholder="请选择..."
+                      clearable>
                     <el-option
-                      v-for="(item, i) in dict.getDict('integralMerchandiseType')"
-                      :key="i"
-                      :label="item.dictName"
-                      :value="item.dictValue">
+                        v-for="(item, i) in dict.getDict('integralMerchandiseType')"
+                        :key="i"
+                        :label="item.dictName"
+                        :value="item.dictValue">
                     </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item label="商品名称" prop="merchandiseName">
                   <el-input
-                    v-model="forms.merchandiseName"
-                    placeholder="请输入..."
-                    maxlength="100"
-                    show-word-limit>
+                      v-model="forms.merchandiseName"
+                      placeholder="请输入..."
+                      maxlength="100"
+                      show-word-limit>
                   </el-input>
                 </el-form-item>
                 <div class="above">
                   <div class="left">
                     <el-form-item label="单价" prop="costIntegral">
-                      <el-input
-                        v-model="forms.costIntegral"
-                        placeholder="请输入..."
-                      ></el-input>
+                      <el-input v-model="forms.costIntegral" placeholder="请输入..."/>
                     </el-form-item>
                   </div>
                   <div class="right">
                     <el-form-item label="库存" prop="inventoryNumber">
                       <el-input
-                        v-model="forms.inventoryNumber"
-                        placeholder="请输入...">
+                          v-model="forms.inventoryNumber"
+                          placeholder="请输入...">
                       </el-input>
                     </el-form-item>
                   </div>
@@ -76,21 +73,21 @@
                 <el-form-item label="商品图片" prop="fileList" ref="fileList">
                   <div class="upload">
                     <ai-uploader
-                      :instance="instance"
-                      @change="changeFile"
-                      v-model="forms.fileList"
-                      :limit="9">
+                        :instance="instance"
+                        @change="changeFile"
+                        v-model="forms.fileList"
+                        :limit="9">
                     </ai-uploader>
                   </div>
                 </el-form-item>
                 <el-form-item label="商品详情" prop="description">
                   <el-input
-                    v-model="forms.description"
-                    type="textarea"
-                    :rows="5"
-                    maxlength="100"
-                    show-word-limit
-                    placeholder="请输入...">
+                      v-model="forms.description"
+                      type="textarea"
+                      :rows="5"
+                      maxlength="100"
+                      show-word-limit
+                      placeholder="请输入...">
                   </el-input>
                 </el-form-item>
               </el-form>
@@ -105,49 +102,47 @@
               <ai-wrapper label-width="70px" :columnsNumber="1">
                 <ai-info-item label="店铺名称"><span>{{ forms.shopName }}</span></ai-info-item>
                 <ai-info-item label="商品类型"
-                  ><span>{{
+                ><span>{{
                     dict.getLabel("integralMerchandiseType", forms.merchandiseType)
                   }}</span></ai-info-item
                 >
                 <ai-info-item label="商品名称"
-                  ><span>{{ forms.merchandiseName }}</span></ai-info-item
+                ><span>{{ forms.merchandiseName }}</span></ai-info-item
                 >
               </ai-wrapper>
               <ai-wrapper label-width="70px" :columnsNumber="2">
-                <ai-info-item label="单价"
-                  ><span>{{ forms.costIntegral + "积分" }}</span></ai-info-item
-                >
+                <ai-info-item label="单价"><span>{{ forms.costIntegral + "积分" }}</span></ai-info-item>
                 <ai-info-item label="库存"
-                  ><span>{{ forms.inventoryNumber }}</span></ai-info-item
+                ><span>{{ forms.inventoryNumber }}</span></ai-info-item
                 >
                 <ai-info-item label="销量"
-                  ><span>{{ forms.saleNumber || "0" }}</span></ai-info-item
+                ><span>{{ forms.saleNumber || "0" }}</span></ai-info-item
                 >
               </ai-wrapper>
               <ai-wrapper label-width="70px" :columnsNumber="1">
                 <ai-info-item label="状态"
-                  ><span
+                ><span
                     :style="{
                       color: dict.getColor(
                         'integralMerchandiseStatus',
                         forms.status
                       ),
                     }"
-                    >{{
-                      dict.getLabel("integralMerchandiseStatus", forms.status)
-                    }}</span
-                  ></ai-info-item
+                >{{
+                    dict.getLabel("integralMerchandiseStatus", forms.status)
+                  }}</span
+                ></ai-info-item
                 >
                 <ai-info-item label="商品图片">
                   <ai-uploader
-                    :disabled="true"
-                    :instance="instance"
-                    v-model="forms.fileList"
-                    :limit="9"
+                      :disabled="true"
+                      :instance="instance"
+                      v-model="forms.fileList"
+                      :limit="9"
                   ></ai-uploader>
                 </ai-info-item>
                 <ai-info-item label="商品详情"
-                  ><span>{{ forms.description }}</span></ai-info-item
+                ><span>{{ forms.description }}</span></ai-info-item
                 >
               </ai-wrapper>
             </div>
@@ -163,7 +158,8 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import {mapState} from "vuex";
+
 export default {
   name: "addGoods",
   props: {
@@ -206,34 +202,23 @@ export default {
           callback(new Error("请输入单价"));
         }
       };
-      var integral2 = (rule, value, callback) => {
-        if (value) {
-          if (/^[1-9]\d*$/.test(value)) {
-            callback();
-          } else {
-            callback(new Error("请输入正整数"));
-          }
-        } else {
-          callback(new Error("请输入库存"));
-        }
-      };
       return {
-        shopId: [{ required: true, message: "请选择店铺", trigger: "change" }],
+        shopId: [{required: true, message: "请选择店铺", trigger: "change"}],
         merchandiseType: [
-          { required: true, message: "请选择商品类型", trigger: "change" },
+          {required: true, message: "请选择商品类型", trigger: "change"},
         ],
         merchandiseName: [
-          { required: true, message: "请输入商品名称", trigger: "blur" },
-        ],
-        costIntegral: [
-          { required: true, validator: integral, trigger: "blur" },
+          {required: true, message: "请输入商品名称", trigger: "blur"},
         ],
         inventoryNumber: [
-          { required: true, validator: integral2, trigger: "blur" },
+          {required: true, validator: integral, trigger: "blur"},
         ],
-        status: [{ required: true, message: "请选择状态", trigger: "change" }],
+        costIntegral: [
+          {required: true, pattern: /^\d*[.\d]\d?$/, message: "请输入正数,最多保留一位小数", trigger: "blur"},
+        ],
+        status: [{required: true, message: "请选择状态", trigger: "change"}],
         fileList: [
-          { required: true, message: "请上传商品图片", trigger: "change" },
+          {required: true, message: "请上传商品图片", trigger: "change"},
         ],
       };
     },
@@ -264,18 +249,18 @@ export default {
     getShopList() {
       return new Promise((reslove) => {
         this.instance
-          .post(`/app/appvillagerintegralshop/listForOperator`, null, {
-            params: {
-              size: 100000,
-              areaId: this.areaId,
-            },
-          })
-          .then((res) => {
-            if (res.code == 0) {
-              this.shopList = res.data.records;
-              reslove();
-            }
-          });
+        .post(`/app/appvillagerintegralshop/listForOperator`, null, {
+          params: {
+            size: 100000,
+            areaId: this.areaId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.shopList = res.data.records;
+            reslove();
+          }
+        });
       });
     },
     changeFile() {
@@ -283,22 +268,22 @@ export default {
     },
     searchDetail(id) {
       this.instance
-        .post(`/app/appvillagerintegralmerchandise/queryDetailById`, null, {
-          params: {
-            id,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.forms = { ...res.data };
-            let i = this.shopList.findIndex(
+      .post(`/app/appvillagerintegralmerchandise/queryDetailById`, null, {
+        params: {
+          id,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.forms = {...res.data};
+          let i = this.shopList.findIndex(
               (item) => item.id == this.forms.shopId
-            );
-            if (i > -1) {
-              this.forms.shopName = this.shopList[i].shopName;
-            }
+          );
+          if (i > -1) {
+            this.forms.shopName = this.shopList[i].shopName;
           }
-        });
+        }
+      });
     },
     edit() {
       this.isEdit = false;
@@ -307,24 +292,24 @@ export default {
       this.$refs[formName].validate((valid) => {
         if (valid) {
           this.instance
-            .post(
+          .post(
               `/app/appvillagerintegralmerchandise/addOrUpdate`,
               {
                 ...this.forms,
                 areaId: this.user.info.areaId,
               },
               null
-            )
-            .then((res) => {
-              if (res.code == 0) {
-                this.$message.success("提交成功");
-                if (type == "detail") {
-                  this.isEdit = true;
-                } else {
-                  this.$emit("goBack");
-                }
+          )
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success("提交成功");
+              if (type == "detail") {
+                this.isEdit = true;
+              } else {
+                this.$emit("goBack");
               }
-            });
+            }
+          });
         } else {
           return false;
         }
@@ -337,21 +322,26 @@ export default {
 <style lang="scss" scoped>
 .add_order {
   height: 100%;
+
   .form_div {
     padding: 16px 0;
   }
+
   .above {
     overflow: hidden;
     width: 100%;
+
     .left {
       width: 50%;
       float: left;
     }
+
     .right {
       width: 50%;
       float: right;
     }
   }
+
   .iconEdit,
   .Edit {
     color: #5088ff;
@@ -359,8 +349,9 @@ export default {
     cursor: pointer;
     padding-left: 8px;
   }
+
   .info {
     padding: 16px 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue b/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
index c314f437..80d63c6c 100644
--- a/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
+++ b/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
@@ -9,45 +9,47 @@
           <template #content>
             <div class="form_div">
               <el-form
-                ref="rules"
-                :model="forms"
-                :rules="formRules"
-                size="small"
-                label-suffix="："
-                label-width="100px">
+                  ref="rules"
+                  :model="forms"
+                  :rules="formRules"
+                  size="small"
+                  label-suffix="："
+                  label-width="100px">
                 <el-form-item label="店铺名称" prop="shopId">
                   <el-select
-                    v-model="forms.shopId"
-                    placeholder="请选择..."
-                    @change="(forms.merchandiseList = []), (goodIntegral = {})"
-                    clearable>
+                      v-model="forms.shopId"
+                      placeholder="请选择..."
+                      @change="(forms.merchandiseList = []), (goodIntegral = {})"
+                      clearable>
                     <el-option
-                      v-for="(item, i) in shopList"
-                      :key="i"
-                      :label="item.shopName"
-                      :value="item.id">
+                        v-for="(item, i) in shopList"
+                        :key="i"
+                        :label="item.shopName"
+                        :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item label="兑换家庭" prop="name">
                   <el-row type="flex" :gutter="8">
                     <el-col
-                      ><el-input v-model="forms.name" disabled clearable
-                    /></el-col>
+                    >
+                      <el-input v-model="forms.name" disabled clearable
+                      />
+                    </el-col>
                     <el-col>
                       <ai-person-select
-                        :instance="instance"
-                        url="/app/appvillagerintegralfamilymember/list"
-                        headerTitle="家庭列表"
-                        dialogTitle="选择家庭"
-                        @selectPerson="getSelect"
+                          :instance="instance"
+                          url="/app/appvillagerintegralfamilymember/list"
+                          headerTitle="家庭列表"
+                          dialogTitle="选择家庭"
+                          @selectPerson="getSelect"
                       >
                         <template name="option" v-slot:option="{ item }">
                           <span class="iconfont iconProlife">{{ item.name }}</span>
                           <ai-id
-                            mode="show"
-                            :show-eyes="false"
-                            :value="item.idNumber"
+                              mode="show"
+                              :show-eyes="false"
+                              :value="item.idNumber"
                           />
                           <span>{{ item.phone }}</span>
                         </template>
@@ -65,40 +67,40 @@
                   <el-button @click="showGoodsList()" :disabled="!forms.shopId || !forms.name">选择商品</el-button>
                 </el-form-item>
                 <ai-table
-                  :tableData="forms.merchandiseList"
-                  :col-configs="colConfigs"
-                  :isShowPagination="false">
+                    :tableData="forms.merchandiseList"
+                    :col-configs="colConfigs"
+                    :isShowPagination="false">
                   <el-table-column
-                    label="商品图"
-                    slot="photo"
-                    align="center"
-                    width="150">
+                      label="商品图"
+                      slot="photo"
+                      align="center"
+                      width="150">
                     <template v-slot="{ row }">
                       <ai-uploader
-                        :disabled="true"
-                        :instance="instance"
-                        v-model="row.photo"
-                        :limit="9">
+                          :disabled="true"
+                          :instance="instance"
+                          v-model="row.photo"
+                          :limit="9">
                       </ai-uploader>
                     </template>
                   </el-table-column>
                   <el-table-column
-                    label="兑换数量"
-                    width="180"
-                    slot="merchandiseNumber"
-                    align="center">
+                      label="兑换数量"
+                      width="180"
+                      slot="merchandiseNumber"
+                      align="center">
                     <template v-slot="{ row }">
                       <el-input-number
-                        :min="1"
-                        :max="row.inventoryNumber"
-                        size="mini"
-                        v-model="merchandiseNumbers[row.id]"
-                        @change="
+                          :min="1"
+                          :max="row.inventoryNumber"
+                          size="mini"
+                          v-model="merchandiseNumbers[row.id]"
+                          @change="
                           (currentValue, oldValue) =>
                             changeNumber(currentValue, oldValue, row)
                         "
-                        :step="1"
-                        step-strictly
+                          :step="1"
+                          step-strictly
                       ></el-input-number>
                     </template>
                   </el-table-column>
@@ -108,18 +110,18 @@
                     </template>
                   </el-table-column>
                   <el-table-column
-                    slot="options"
-                    label="操作"
-                    align="center"
-                    width="60"
+                      slot="options"
+                      label="操作"
+                      align="center"
+                      width="60"
                   >
                     <template slot-scope="row">
                       <el-button
-                        type="text"
-                        class="icon-color89B"
-                        icon="iconfont iconDelete"
-                        title="删除"
-                        @click="deleteGood(row)"
+                          type="text"
+                          class="icon-color89B"
+                          icon="iconfont iconDelete"
+                          title="删除"
+                          @click="deleteGood(row)"
                       />
                     </template>
                   </el-table-column>
@@ -149,33 +151,33 @@
                 <ai-info-item label="店铺名"><span>{{ detailInfo.shopName }}</span></ai-info-item>
                 <ai-info-item label="状态">
                   <span :style="{ color: dict.getColor('integralOrderStatus', detailInfo.orderStatus)}">
-                    {{ dict.getLabel("integralOrderStatus", detailInfo.orderStatus)}}
+                    {{ dict.getLabel("integralOrderStatus", detailInfo.orderStatus) }}
                   </span>
                 </ai-info-item>
               </ai-wrapper>
               <ai-table
-                :tableData="detailInfo.merchandiseList"
-                :col-configs="colConfigs"
-                :isShowPagination="false">
+                  :tableData="detailInfo.merchandiseList"
+                  :col-configs="colConfigs"
+                  :isShowPagination="false">
                 <el-table-column
-                  label="商品图"
-                  slot="photo"
-                  align="center"
-                  width="150">
+                    label="商品图"
+                    slot="photo"
+                    align="center"
+                    width="150">
                   <template v-slot="{ row }">
                     <ai-uploader
-                      :disabled="true"
-                      :instance="instance"
-                      v-model="row.merchandisePhoto"
-                      :limit="9">
+                        :disabled="true"
+                        :instance="instance"
+                        v-model="row.merchandisePhoto"
+                        :limit="9">
                     </ai-uploader>
                   </template>
                 </el-table-column>
                 <el-table-column
-                  label="兑换数量"
-                  width="200"
-                  slot="merchandiseNumber"
-                  align="center">
+                    label="兑换数量"
+                    width="200"
+                    slot="merchandiseNumber"
+                    align="center">
                   <template v-slot="{ row }">
                     {{ row.merchandiseNumber }}
                   </template>
@@ -227,47 +229,34 @@
       </template>
     </ai-detail>
     <ai-dialog
-      title="选择商品"
-      :visible.sync="showGoods"
-      :customFooter="true"
-      :destroyOnClose="true"
-      class="goods"
-      @close="init"
-      border
-      width="780px">
+        title="选择商品"
+        :visible.sync="showGoods"
+        :customFooter="true"
+        :destroyOnClose="true"
+        class="goods"
+        @close="init"
+        border
+        width="780px">
       <div class="border_div">
         <header>
           <span>商品列表</span>
           <el-input
-            v-model="keyWord"
-            size="mini"
-            placeholder="商品关键字"
-            @keyup.enter.native="showGoodsList()"
-            clearable
-            style="width: 220px"
-            suffix-icon="iconfont iconSearch"
+              v-model="keyWord"
+              size="mini"
+              placeholder="商品关键字"
+              @keyup.enter.native="showGoodsList()"
+              clearable
+              style="width: 220px"
+              suffix-icon="iconfont iconSearch"
           />
         </header>
         <ai-table
-          :tableData="goodList"
-          :col-configs="goodsConfig"
-          :isShowPagination="false"
-          @selection-change="handleSelectionChange"
+            :tableData="goodList"
+            :col-configs="goodsConfig"
+            :isShowPagination="false"
+            @selection-change="handleSelectionChange"
         >
-          <el-table-column
-            slot="selection"
-            type="selection"
-            width="55"
-            :selectable="
-              (row, index) => {
-                if (Number(row.inventoryNumber) > 0) {
-                  return true;
-                } else {
-                  return false;
-                }
-              }
-            "
-          ></el-table-column>
+          <el-table-column slot="selection" type="selection" width="55" :selectable="(row)=>Number(row.inventoryNumber)>0"/>
         </ai-table>
       </div>
       <div class="dialog-footer" slot="footer">
@@ -279,7 +268,8 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import {mapState} from "vuex";
+
 export default {
   name: "addOrder",
   props: {
@@ -316,18 +306,18 @@ export default {
     ...mapState(["user"]),
     formRules() {
       return {
-        shopId: [{ required: true, message: "请选择店铺", trigger: "change" }],
+        shopId: [{required: true, message: "请选择店铺", trigger: "change"}],
         name: [
-          { required: true, message: "请选择兑换家庭", trigger: "change" },
+          {required: true, message: "请选择兑换家庭", trigger: "change"},
         ],
         merchandiseList: [
-          { required: true, message: "请选择商品", trigger: "change" },
+          {required: true, message: "请选择商品", trigger: "change"},
         ],
       };
     },
     colConfigs() {
       return [
-        { slot: "photo", prop: "photo", label: "商品图", align: "center" },
+        {slot: "photo", prop: "photo", label: "商品图", align: "center"},
         {
           prop: "merchandiseName",
           label: "商品名",
@@ -360,15 +350,15 @@ export default {
           label: "消耗积分",
           align: "center",
         },
-        { slot: "options", label: "操作", align: "center" },
+        {slot: "options", label: "操作", align: "center"},
       ];
     },
     goodsConfig() {
       return [
-        { slot: "selection", label: "", align: "center" },
-        { prop: "merchandiseName", label: "商品名", align: "left", width: 350 },
-        { prop: "costIntegral", label: "单价", align: "left" },
-        { prop: "inventoryNumber", align: "center", label: "库存" },
+        {slot: "selection", label: "", align: "center"},
+        {prop: "merchandiseName", label: "商品名", align: "left", width: 350},
+        {prop: "costIntegral", label: "单价", align: "left"},
+        {prop: "inventoryNumber", align: "center", label: "库存"},
       ];
     },
     allIntegral() {
@@ -424,13 +414,14 @@ export default {
       this.$confirm("是否删除该商品？", {
         type: "error",
       })
-        .then(() => {
-          this.forms.merchandiseList.splice(row.$index, 1);
-          this.$delete(this.goodIntegral, row.row.id);
-          this.$delete(this.merchandiseNumbers, row.row.id);
-          return this.$message.success("删除成功");
-        })
-        .catch(() => {});
+      .then(() => {
+        this.forms.merchandiseList.splice(row.$index, 1);
+        this.$delete(this.goodIntegral, row.row.id);
+        this.$delete(this.merchandiseNumbers, row.row.id);
+        return this.$message.success("删除成功");
+      })
+      .catch(() => {
+      });
     },
     selectGoodsInit(val) {
       return new Promise((reslove) => {
@@ -441,7 +432,7 @@ export default {
           this.$set(this.goodIntegral, e.id, Number(e.costIntegral));
           if (e.photo) {
             e.merchandisePhoto = e.photo;
-            e.photo = [{ ...JSON.parse(e.photo)[0] }];
+            e.photo = [{...JSON.parse(e.photo)[0]}];
           } else {
             e.photo = [];
           }
@@ -454,51 +445,51 @@ export default {
     },
     showGoodsList() {
       this.instance
-        .post(`/app/appvillagerintegralmerchandise/list`, null, {
-          params: {
-            size: 100000,
-            shopId: this.forms.shopId,
-            merchandiseName: this.keyWord,
-            status: "1",
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            if (this.forms.merchandiseList.length > 0) {
-              this.forms.merchandiseList.forEach((e1, index1) => {
-                res.data.records.forEach((e2, index2) => {
-                  if (e1.id == e2.id) {
-                    res.data.records.splice(index2, 1);
-                  }
-                });
+      .post(`/app/appvillagerintegralmerchandise/list`, null, {
+        params: {
+          size: 100000,
+          shopId: this.forms.shopId,
+          merchandiseName: this.keyWord,
+          status: "1",
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          if (this.forms.merchandiseList.length > 0) {
+            this.forms.merchandiseList.forEach((e1, index1) => {
+              res.data.records.forEach((e2, index2) => {
+                if (e1.id == e2.id) {
+                  res.data.records.splice(index2, 1);
+                }
               });
-            }
-            this.goodList = res.data.records;
-            this.showGoods = true;
+            });
           }
-        });
+          this.goodList = res.data.records;
+          this.showGoods = true;
+        }
+      });
     },
     changeNumber(currentValue, oldValue, row) {
       console.log(currentValue, oldValue, row);
       this.$set(
-        this.goodIntegral,
-        row.id,
-        Number(currentValue) * Number(row.costIntegral)
+          this.goodIntegral,
+          row.id,
+          Number(currentValue) * Number(row.costIntegral)
       );
     },
     getShopList() {
       this.instance
-        .post(`/app/appvillagerintegralshop/listForOperator`, null, {
-          params: {
-            size: 100000,
-            areaId: this.areaId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.shopList = res.data.records;
-          }
-        });
+      .post(`/app/appvillagerintegralshop/listForOperator`, null, {
+        params: {
+          size: 100000,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.shopList = res.data.records;
+        }
+      });
     },
     save(formName) {
       this.$refs[formName].validate((valid) => {
@@ -507,13 +498,13 @@ export default {
             Object.keys(this.merchandiseNumbers).forEach((e2, index2) => {
               if (e1.id == e2) {
                 this.forms.merchandiseList[
-                  index1
-                ].merchandiseNumber = this.merchandiseNumbers[e2];
+                    index1
+                    ].merchandiseNumber = this.merchandiseNumbers[e2];
               }
             });
           });
           this.instance
-            .post(
+          .post(
               `/app/appvillagerintegralshoporder/addOrder`,
               {
                 ...this.forms,
@@ -521,15 +512,15 @@ export default {
                 orderIntegral: this.allIntegral,
               },
               null
-            )
-            .then((res) => {
-              if (res.code == 0) {
-                this.$message.success("提交成功");
-                this.$emit("goBack");
-              } else {
-                return this.$message.error(res.msg);
-              }
-            });
+          )
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success("提交成功");
+              this.$emit("goBack");
+            } else {
+              return this.$message.error(res.msg);
+            }
+          });
         } else {
           return false;
         }
@@ -537,20 +528,20 @@ export default {
     },
     searchDetail(id) {
       this.instance
-        .post(`/app/appvillagerintegralshoporder/queryDetailById`, null, {
-          params: {
-            id,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.detailInfo = { ...res.data };
-            this.detailInfo.merchandiseList.map((e) => {
-              let arr = JSON.parse(e.merchandisePhoto);
-              e.merchandisePhoto = [{ ...arr[0] }];
-            });
-          }
-        });
+      .post(`/app/appvillagerintegralshoporder/queryDetailById`, null, {
+        params: {
+          id,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.detailInfo = {...res.data};
+          this.detailInfo.merchandiseList.map((e) => {
+            let arr = JSON.parse(e.merchandisePhoto);
+            e.merchandisePhoto = [{...arr[0]}];
+          });
+        }
+      });
     },
   },
 };
@@ -559,31 +550,39 @@ export default {
 <style lang="scss" scoped>
 .add_order {
   height: 100%;
+
   .form_div {
     padding: 16px 0;
   }
+
   .goods {
     ::v-deep .el-table td {
       border-bottom: none;
       padding: 2px 0;
     }
+
     ::v-deep .el-table th {
       padding: 2px 0;
     }
   }
+
   .total {
     width: 100%;
     padding: 32px 0;
+
     p {
       text-align: right;
       font-size: 14px;
     }
+
     .num {
       font-size: 14px;
       color: #333333;
+
       span:nth-child(1) {
         color: #999999;
       }
+
       span:nth-child(2) {
         color: #999999;
         color: #2266ff;
@@ -591,14 +590,17 @@ export default {
         font-weight: bold;
       }
     }
+
     .tip {
       color: #ff4466;
     }
   }
+
   .border_div {
     overflow: hidden;
     border-radius: 2px;
     border: 1px solid #d0d4dc;
+
     header {
       height: 40px;
       background: #f5f5f5;
@@ -608,14 +610,16 @@ export default {
       justify-content: space-between;
       align-items: center;
       border-bottom: 1px solid #d0d4dc;
+
       span {
         color: #333333;
         font-size: 12px;
       }
     }
   }
+
   .info {
     padding: 16px 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/conv/creditScore/scoreSupermarket/orderManagement.vue b/packages/conv/creditScore/scoreSupermarket/orderManagement.vue
index 21f90219..1c264e9f 100644
--- a/packages/conv/creditScore/scoreSupermarket/orderManagement.vue
+++ b/packages/conv/creditScore/scoreSupermarket/orderManagement.vue
@@ -5,61 +5,60 @@
         <ai-search-bar>
           <template slot="left">
             <el-select
-              size="small"
-              v-model="searchObj.shopId"
-              placeholder="请选择店铺"
-              clearable
-              @change="(page.current = 1), getList()">
+                size="small"
+                v-model="searchObj.shopId"
+                placeholder="请选择店铺"
+                clearable
+                @change="(page.current = 1), getList()">
               <el-option
-                v-for="(item, i) in shopList"
-                :key="i"
-                :label="item.shopName"
-                :value="item.id">
+                  v-for="(item, i) in shopList"
+                  :key="i"
+                  :label="item.shopName"
+                  :value="item.id">
               </el-option>
             </el-select>
             <el-select
-              size="small"
-              v-model="searchObj.orderStatus"
-              placeholder="请选择状态"
-              clearable
-              @change="(page.current = 1), getList()">
+                size="small"
+                v-model="searchObj.orderStatus"
+                placeholder="请选择状态"
+                clearable
+                @change="(page.current = 1), getList()">
               <el-option
-                v-for="(item, i) in dict.getDict('integralOrderStatus')"
-                :key="i"
-                :label="item.dictName"
-                :value="item.dictValue">
+                  v-for="(item, i) in dict.getDict('integralOrderStatus')"
+                  :key="i"
+                  :label="item.dictName"
+                  :value="item.dictValue">
               </el-option>
             </el-select>
-            <div class="times_div">
-              <p class="times">创建时间</p>
+            <ai-search label="创建时间">
               <el-date-picker
-                v-model="searchObj.createTimeStart"
-                type="date"
-                size="small"
-                @change="(page.current = 1), getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="开始日期">
+                  v-model="searchObj.createTimeStart"
+                  type="date"
+                  size="small"
+                  @change="(page.current = 1), getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="开始日期">
               </el-date-picker>
               <el-date-picker
-                v-model="searchObj.createTimeEnd"
-                type="date"
-                size="small"
-                @change="(page.current = 1), getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="结束日期">
+                  v-model="searchObj.createTimeEnd"
+                  type="date"
+                  size="small"
+                  @change="(page.current = 1), getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="结束日期">
               </el-date-picker>
-            </div>
+            </ai-search>
           </template>
 
           <template slot="right">
             <el-input
-              v-model="searchObj.name"
-              size="small"
-              placeholder="订单号/商品名/兑换家庭"
-              v-throttle="() => {page.current = 1, getList()}"
-              @clear="page.current = 1, searchObj.name = '', getList()"
-              clearable
-              suffix-icon="iconfont iconSearch"
+                v-model="searchObj.name"
+                size="small"
+                placeholder="订单号/商品名/兑换家庭"
+                v-throttle="() => {page.current = 1, getList()}"
+                @clear="page.current = 1, searchObj.name = '', getList()"
+                clearable
+                suffix-icon="iconfont iconSearch"
             />
           </template>
         </ai-search-bar>
@@ -67,18 +66,18 @@
           <template slot="left">
             <!-- <el-button type="primary" icon="iconfont iconAdd" @click="add()">添加</el-button> -->
             <ai-download
-              :instance="instance"
-              url="/app/appvillagerintegralshoporder/listExport"
-              :params="{ ...searchObj, areaId: areaId, ids: ids.join(',') }"
-              fileName="订单管理"
-              v-if="$permissions('app_appvillagerintegralshoporder_export')">
+                :instance="instance"
+                url="/app/appvillagerintegralshoporder/listExport"
+                :params="{ ...searchObj, areaId: areaId, ids: ids.join(',') }"
+                fileName="订单管理"
+                v-if="$permissions('app_appvillagerintegralshoporder_export')">
             </ai-download>
             <el-dropdown @command="handleCommand">
               <el-button type="primary">
                 变更状态<i class="el-icon-arrow-down el-icon--right"></i>
               </el-button>
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item command="1">批量完成</el-dropdown-item>
+                <el-dropdown-item command="1">批量兑换</el-dropdown-item>
                 <el-dropdown-item command="2">批量取消</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
@@ -86,30 +85,29 @@
           <template slot="right"></template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="page.total"
-          ref="aitableex"
-          :current.sync="page.current"
-          @select="onRowClick"
-          @select-all="onRowClick"
-          row-key="id"
-          :default-expand-all="false"
-          :tree-props="{ children: 'merchandiseList' }"
-          :size.sync="page.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            :current.sync="page.current"
+            @select="onRowClick"
+            @select-all="onRowClick"
+            row-key="id"
+            :default-expand-all="false"
+            :tree-props="{ children: 'merchandiseList' }"
+            :size.sync="page.size"
+            @getList="getList">
           <el-table-column
-            align="center"
-            type="selection"
-            :selectable="(row,index)=>row.orderStatus==0"
-            width="55"
-            slot="selection">
+              align="center"
+              type="selection"
+              :selectable="(row,index)=>row.orderStatus==0"
+              width="55"
+              slot="selection">
           </el-table-column>
           <el-table-column
-            label="订单号/创建时间"
-            slot="orderCode"
-            align="center"
-            width="150">
+              label="订单号/创建时间"
+              slot="orderCode"
+              align="center"
+              width="150">
             <template v-slot="{ row }">
               <el-row>
                 <el-col>{{ row.orderCode }}</el-col>
@@ -118,16 +116,16 @@
             </template>
           </el-table-column>
           <el-table-column
-            label="商品图"
-            slot="merchandisePhoto"
-            align="center"
-            width="130">
+              label="商品图"
+              slot="merchandisePhoto"
+              align="center"
+              width="130">
             <template v-slot="{ row }">
               <ai-uploader
-                :disabled="true"
-                :instance="instance"
-                v-model="row.merchandisePhoto"
-                :limit="9">
+                  :disabled="true"
+                  :instance="instance"
+                  v-model="row.merchandisePhoto"
+                  :limit="9">
               </ai-uploader>
             </template>
           </el-table-column>
@@ -144,30 +142,30 @@
               <el-row>
                 <el-col style="width: 100%">{{ row.createUserName }}</el-col>
                 <el-col style="color: #999999">{{
-                  row.createUserPhone
+                    row.createUserPhone
                   }}
                 </el-col>
               </el-row>
             </template>
           </el-table-column>
           <el-table-column
-            label="订单状态"
-            slot="orderStatus"
-            align="center"
-            width="130"
-            fixed="right">
+              label="订单状态"
+              slot="orderStatus"
+              align="center"
+              width="130"
+              fixed="right">
             <template v-slot="{ row }">
               <el-row v-if="row.isParent">
                 <el-col
-                  style="width: 100%"
-                  :style="{
+                    style="width: 100%"
+                    :style="{
                     color: dict.getColor(
                       'integralOrderStatus',
                       row.orderStatus
                     ),
                   }"
                 >{{
-                  dict.getLabel("integralOrderStatus", row.orderStatus)
+                    dict.getLabel("integralOrderStatus", row.orderStatus)
                   }}
                 </el-col
                 >
@@ -177,11 +175,11 @@
                 >
                 <el-col style="color: #2266ff; width: 100%" v-if="row.remark">
                   <el-tooltip
-                    :disabled="!row.remark"
-                    class="item"
-                    effect="light"
-                    :content="row.remark"
-                    placement="left-end"
+                      :disabled="!row.remark"
+                      class="item"
+                      effect="light"
+                      :content="row.remark"
+                      placement="left-end"
                   >
                     <el-link type="primary">备注</el-link>
                   </el-tooltip>
@@ -190,21 +188,20 @@
             </template>
           </el-table-column>
           <el-table-column
-            label="操作"
-            slot="options"
-            align="center"
-            width="120"
-            fixed="right">
+              label="操作"
+              slot="options"
+              align="center"
+              width="120"
+              fixed="right">
             <template v-slot="{ row }">
               <div class="table-options">
-                <el-button
-                  v-if="row.orderCode"
-                  type="text"
-                  @click="goDetail(row)"
-                  title="详情"
-                  :disabled="!$permissions('app_appvillagerintegralshoporder_detail')">
-                  详情
+                <el-button v-if="row.orderCode" type="text" @click="goDetail(row)" title="详情"
+                           :disabled="!$permissions('app_appvillagerintegralshoporder_detail')">详情
                 </el-button>
+                <template v-if="row.orderStatus==0 || row.orderStatus==3">
+                  <el-button type="text" v-if="row.orderStatus==0" @click="handlePendingOrder(row.id,1)">确认兑换</el-button>
+                  <el-button type="text" v-if="row.orderStatus==0 || row.orderStatus==3" @click="handlePendingOrder(row.id,2)">取消订单</el-button>
+                </template>
               </div>
             </template>
           </el-table-column>
@@ -215,278 +212,290 @@
 </template>
 
 <script>
-  export default {
-    name: "orderManagement",
-    props: {
-      instance: Function,
-      dict: Object,
-      permissions: Function,
-      areaId: String,
-    },
-    data() {
-      return {
-        searchObj: {
-          name: "",
-          orderStatus: "",
-          createTimeStart: null,
-          createTimeEnd: null,
-          shopId: "",
-        },
-        page: {
-          size: 10,
-          current: 1,
-          total: 0,
-        },
-        tableData: [],
-        shopList: [],
-        ids: [],
-      };
-    },
-    computed: {
-      colConfigs() {
-        let _ = this;
-        return [
-          {slot: "selection"},
-          {
-            prop: "orderCode",
-            align: "center",
-            slot: "orderCode",
-            label: "订单号/创建时间",
-          },
-          {
-            prop: "merchandisePhoto",
-            slot: "merchandisePhoto",
-            align: "center",
-            label: "商品图",
-          },
-          {
-            prop: "merchandiseName",
-            align: "left",
-            label: "商品名",
-            width: 180,
-            "show-overflow-tooltip": false,
-          },
-          {
-            prop: "costIntegral",
-            align: "center",
-            label: "单价",
-            width: 100,
-          },
-          {
-            prop: "merchandiseNumber",
-            align: "center",
-            label: "数量",
-          },
-          {
-            prop: "allCostIntegral",
-            align: "center",
-            label: "消耗积分",
-          },
-          {
-            prop: "familyName",
-            align: "center",
-            label: "兑换家庭",
-            slot: "familyName",
-          },
-          {
-            prop: "createUserName",
-            align: "center",
-            label: "操作人",
-            slot: "createUserName",
-          },
-          {
-            prop: "orderStatus",
-            align: "center",
-            label: "订单状态",
-            fixed: "right",
-            slot: "orderStatus",
-            // render(h, {row}) {
-            //     return h('span', {style: {color: _.dict.getColor('integralOrderStatus', row.orderStatus)}}, _.dict.getLabel('integralOrderStatus', row.orderStatus))
-            // }
-          },
-        ];
+export default {
+  name: "orderManagement",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    areaId: String,
+  },
+  data() {
+    return {
+      searchObj: {
+        name: "",
+        orderStatus: "",
+        createTimeStart: null,
+        createTimeEnd: null,
+        shopId: "",
       },
-    },
-    created() {
-      this.getList();
-      this.dict.load("integralOrderStatus");
-      this.getShopList();
-    },
-    methods: {
-      onRowClick(row) {
-        this.ids = row.map(e => e.id)
+      page: {
+        size: 10,
+        current: 1,
+        total: 0,
       },
-      handleCommand(val) {
-        if (this.ids.length == 0) {
-          return this.$message.error("请选择商品")
+      tableData: [],
+      shopList: [],
+      ids: [],
+    };
+  },
+  computed: {
+    colConfigs() {
+      let _ = this;
+      return [
+        {slot: "selection"},
+        {
+          prop: "orderCode",
+          align: "center",
+          slot: "orderCode",
+          label: "订单号/创建时间",
+        },
+        {
+          prop: "merchandisePhoto",
+          slot: "merchandisePhoto",
+          align: "center",
+          label: "商品图",
+        },
+        {
+          prop: "merchandiseName",
+          align: "left",
+          label: "商品名",
+          width: 180,
+          "show-overflow-tooltip": false,
+        },
+        {
+          prop: "costIntegral",
+          align: "center",
+          label: "单价",
+          width: 100,
+        },
+        {
+          prop: "merchandiseNumber",
+          align: "center",
+          label: "数量",
+        },
+        {
+          prop: "allCostIntegral",
+          align: "center",
+          label: "消耗积分",
+        },
+        {
+          prop: "familyName",
+          align: "center",
+          label: "兑换家庭",
+          slot: "familyName",
+        },
+        {
+          prop: "createUserName",
+          align: "center",
+          label: "操作人",
+          slot: "createUserName",
+        },
+        {
+          prop: "orderStatus",
+          align: "center",
+          label: "订单状态",
+          fixed: "right",
+          slot: "orderStatus",
+          // render(h, {row}) {
+          //     return h('span', {style: {color: _.dict.getColor('integralOrderStatus', row.orderStatus)}}, _.dict.getLabel('integralOrderStatus', row.orderStatus))
+          // }
+        },
+      ];
+    },
+  },
+  created() {
+    this.getList();
+    this.dict.load("integralOrderStatus");
+    this.getShopList();
+  },
+  methods: {
+    onRowClick(row) {
+      this.ids = row.map(e => e.id)
+    },
+    handleCommand(val) {
+      if (this.ids.length == 0) {
+        return this.$message.error("请选择商品")
+      }
+      this.instance.post(`/app/appvillagerintegralshoporder/changeOrderStatus`, null, {
+        params: {
+          ids: this.ids.join(","),
+          status: val
         }
+      }).then(res => {
+        if (res.code == 0) {
+          this.$message.success(`批量${val == 1 ? '兑换' : '取消'}成功`)
+          this.getList()
+        }
+      })
+    },
+    handlePendingOrder(ids, status) {
+      let text = status == 1 ? "确认兑换" : "取消订单"
+      this.$confirm(`是否${text}?`).then(() => {
         this.instance.post(`/app/appvillagerintegralshoporder/changeOrderStatus`, null, {
-          params: {
-            ids: this.ids.join(","),
-            status: val
-          }
+          params: {ids, status}
         }).then(res => {
           if (res.code == 0) {
-            this.$message.success(`批量${val == 1 ? '完成' : '取消'}成功`)
+            this.$message.success(`${text}成功`)
             this.getList()
           }
         })
-      },
-      getList() {
-        this.instance
-          .post(`/app/appvillagerintegralshoporder/list`, null, {
-            params: {
-              ...this.searchObj,
-              ...this.page,
-              areaId: this.areaId,
-            },
-          })
-          .then((res) => {
-            if (res.code == 0) {
-              this.tableData = res.data.records;
-              this.tableData.map((e) => {
-                e.merchandiseName = e.merchandiseList[0].merchandiseName;
-                e.merchandiseNumber = e.merchandiseList[0].merchandiseNumber;
-                e.merchandisePhoto = [
-                  {...JSON.parse(e.merchandiseList[0].merchandisePhoto)[0]},
-                ];
-                e.idForWeb = e.merchandiseList[0].idForWeb;
-                e.costIntegral = e.merchandiseList[0].costIntegral;
-                e.allCostIntegral =
-                  Number(e.merchandiseList[0].costIntegral) *
-                  Number(e.merchandiseNumber);
-                e.merchandiseList.splice(0, 1);
-                e.isParent = true;
-                if (e.merchandiseList.length > 0) {
-                  e.merchandiseList.map((e2) => {
-                    e2.createTime = "";
-                    let arr = JSON.parse(e2.merchandisePhoto);
-                    e2.merchandisePhoto = [{...arr[0]}];
-                    e2.allCostIntegral =
-                      Number(e2.costIntegral) * Number(e2.merchandiseNumber);
-                    e2.isParent = false;
-                    // e2.id = e2.orderId
-                  });
-                }
+      }).catch(() => 0)
+    },
+    getList() {
+      this.instance.post(`/app/appvillagerintegralshoporder/list`, null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.tableData.map((e) => {
+            e.merchandiseName = e.merchandiseList[0].merchandiseName;
+            e.merchandiseNumber = e.merchandiseList[0].merchandiseNumber;
+            e.merchandisePhoto = [
+              {...JSON.parse(e.merchandiseList[0].merchandisePhoto)[0]},
+            ];
+            e.idForWeb = e.merchandiseList[0].idForWeb;
+            e.costIntegral = e.merchandiseList[0].costIntegral;
+            e.allCostIntegral =
+                Number(e.merchandiseList[0].costIntegral) *
+                Number(e.merchandiseNumber);
+            e.merchandiseList.splice(0, 1);
+            e.isParent = true;
+            if (e.merchandiseList.length > 0) {
+              e.merchandiseList.map((e2) => {
+                e2.createTime = "";
+                let arr = JSON.parse(e2.merchandisePhoto);
+                e2.merchandisePhoto = [{...arr[0]}];
+                e2.allCostIntegral =
+                    Number(e2.costIntegral) * Number(e2.merchandiseNumber);
+                e2.isParent = false;
+                // e2.id = e2.orderId
               });
-              this.page.total = res.data.total;
             }
           });
-      },
-      getShopList() {
-        return new Promise((reslove) => {
-          this.instance
-            .post(`/app/appvillagerintegralshop/list`, null, {
-              params: {
-                size: 100000,
-                areaId: this.areaId,
-              },
-            })
-            .then((res) => {
-              if (res.code == 0) {
-                this.shopList = res.data.records;
-                reslove();
-              }
-            });
-        });
-      },
-      reset() {
-        Object.keys(this.searchObj).forEach((e) => {
-          this.searchObj[e] = "";
-        });
-        this.searchObj.createTimeStart = null;
-        this.searchObj.createTimeEnd = null;
-        this.getList();
-      },
-      add() {
-        this.$emit("showDetail", {isAdd: true});
-      },
-      goDetail(row) {
-        console.log(row);
-        this.$emit("showDetail", {isAdd: false, ...row});
-      },
-      finishOrder(row) {
-        this.$confirm(`是否完成此订单？`, {
-          type: "error",
-        })
-          .then(() => {
-            this.instance
-              .post(`/app/appvillagerintegralshoporder/FinishOrder`, null, {
-                params: {
-                  orderId: row.id,
-                },
-              })
-              .then((res) => {
-                if (res.code == 0) {
-                  this.$message.success("已完成！");
-                  this.getList();
-                }
-              });
-          })
-          .catch(() => {
-          });
-      },
-      overOrder(row) {
-        this.$confirm(`是否结束此订单？`, {
-          type: "error",
-        })
-          .then(() => {
-            this.instance
-              .post(`/app/appvillagerintegralshoporder/overOrder`, null, {
-                params: {
-                  orderId: row.id,
-                },
-              })
-              .then((res) => {
-                if (res.code == 0) {
-                  this.$message.success("已结束！");
-                  this.getList();
-                }
-              });
-          })
-          .catch(() => {
-          });
-      },
+          this.page.total = res.data.total;
+        }
+      });
     },
-  };
+    getShopList() {
+      return new Promise((reslove) => {
+        this.instance
+        .post(`/app/appvillagerintegralshop/list`, null, {
+          params: {
+            size: 100000,
+            areaId: this.areaId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.shopList = res.data.records;
+            reslove();
+          }
+        });
+      });
+    },
+    reset() {
+      Object.keys(this.searchObj).forEach((e) => {
+        this.searchObj[e] = "";
+      });
+      this.searchObj.createTimeStart = null;
+      this.searchObj.createTimeEnd = null;
+      this.getList();
+    },
+    add() {
+      this.$emit("showDetail", {isAdd: true});
+    },
+    goDetail(row) {
+      console.log(row);
+      this.$emit("showDetail", {isAdd: false, ...row});
+    },
+    finishOrder(row) {
+      this.$confirm(`是否完成此订单？`, {
+        type: "error",
+      })
+      .then(() => {
+        this.instance
+        .post(`/app/appvillagerintegralshoporder/FinishOrder`, null, {
+          params: {
+            orderId: row.id,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success("已完成！");
+            this.getList();
+          }
+        });
+      })
+      .catch(() => {
+      });
+    },
+    overOrder(row) {
+      this.$confirm(`是否结束此订单？`, {
+        type: "error",
+      })
+      .then(() => {
+        this.instance
+        .post(`/app/appvillagerintegralshoporder/overOrder`, null, {
+          params: {
+            orderId: row.id,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success("已结束！");
+            this.getList();
+          }
+        });
+      })
+      .catch(() => {
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .order_management {
-    height: 100%;
-    overflow: auto;
-    background: #f3f6f9;
+.order_management {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
 
-    .times_div {
-      display: flex;
-      align-items: center;
+  .times_div {
+    display: flex;
+    align-items: center;
 
-      .times {
-        display: block;
-        width: 72px;
-        height: 30px;
-        line-height: 30px;
-        margin: 0;
-        text-align: center;
-        background: #f5f5f5;
-        border-radius: 2px 0px 0px 2px;
-        border: 1px solid #d0d4dc;
-        font-size: 14px;
-        color: #666666;
-      }
-    }
-
-    .iconfont {
-      cursor: pointer;
-    }
-
-    .iconCorrect {
-      color: #53b43b;
-    }
-
-    .iconReject {
-      color: #e75555;
-      padding: 0 8px;
+    .times {
+      display: block;
+      width: 72px;
+      height: 30px;
+      line-height: 30px;
+      margin: 0;
+      text-align: center;
+      background: #f5f5f5;
+      border-radius: 2px 0px 0px 2px;
+      border: 1px solid #d0d4dc;
+      font-size: 14px;
+      color: #666666;
     }
   }
+
+  .iconfont {
+    cursor: pointer;
+  }
+
+  .iconCorrect {
+    color: #53b43b;
+  }
+
+  .iconReject {
+    color: #e75555;
+    padding: 0 8px;
+  }
+}
 </style>
diff --git a/packages/conv/creditScore/scoreSysUser/AppScoreSysUser.vue b/packages/conv/creditScore/scoreSysUser/AppScoreSysUser.vue
new file mode 100644
index 00000000..2fd928d8
--- /dev/null
+++ b/packages/conv/creditScore/scoreSysUser/AppScoreSysUser.vue
@@ -0,0 +1,36 @@
+<template>
+  <section class="AppScoreSysUser">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+
+import SsuList from "./ssuList";
+import SsuDetail from "./ssuDetail";
+
+export default {
+  name: "AppScoreSysUser",
+  label: "员工积分",
+  components: {SsuDetail, SsuList},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      return this.$route.query.id ? SsuDetail : SsuList
+    }
+  },
+  created() {
+    this.dict.load("yesOrNo", "integralGiveObjType")
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppScoreSysUser {
+  height: 100%;
+}
+</style>
diff --git a/packages/conv/creditScore/scoreSysUser/ssuDetail.vue b/packages/conv/creditScore/scoreSysUser/ssuDetail.vue
new file mode 100644
index 00000000..ac28dd80
--- /dev/null
+++ b/packages/conv/creditScore/scoreSysUser/ssuDetail.vue
@@ -0,0 +1,201 @@
+<template>
+  <section class="ssuDetail">
+    <ai-detail>
+      <template slot="title">
+        <ai-title title="积分明细" isShowBack isShowBottomBorder @onBackClick="$router.push({})"/>
+      </template>
+      <template slot="content">
+        <div class="detail-info">
+          <div class="detail-info__item">
+            <h2>姓名</h2>
+            <span v-text=" detail.sysUserName"/>
+          </div>
+          <div class="detail-info__item">
+            <h2>员工积分</h2>
+            <el-row type="flex" align="middle">
+              <span class="color-26f fill" v-text="detail.sysUserIntegral || 0"/>
+              <el-button type="text" @click="dialog=true,flag=false" v-if="user.info.id==detail.sysUserId">积分赠送</el-button>
+            </el-row>
+          </div>
+          <div class="detail-info__item">
+            <h2>已用积分</h2>
+            <span>{{ detail.sysUserUsedIntegral || 0 }}</span>
+          </div>
+        </div>
+        <ai-card title="积分变动明细">
+          <template slot="right">
+            <ai-download
+                :instance="instance"
+                url="/app/appvillagerintegraldetail/sysUserExport"
+                :disabled="!Boolean(tableData.length)"
+                :params="{residentId:detail.sysUserId,type}"
+                fileName="积分变动明细">
+              <el-button type="text" icon="iconfont iconExported">导出</el-button>
+            </ai-download>
+          </template>
+          <template #content>
+            <ai-search-bar>
+              <template #left>
+                <ai-select v-model="type" placeholder="请选择类型" @change="page.current=1,getDetail()"
+                           :selectList="dict.getDict('integralDetailType')"/>
+              </template>
+            </ai-search-bar>
+            <ai-table :tableData="tableData" :col-configs="colConfigs" :total="page.total" border :dict="dict" :current.sync="page.current"
+                      :size.sync="page.size" @getList="getDetail"/>
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail>
+    <ai-dialog title="积分赠送" width="600px" :visible.sync="dialog" @onConfirm="handleGiveScore" @closed="form={}">
+      <el-alert type="warning" show-icon title="请注意,确认赠送对象和分值,积分赠送后,不可撤回。" :closable="false"/>
+      <el-form class="mt10" size="small" ref="DialogForm" label-width="100px" label-suffix="：" :rules="rules" :model="form">
+        <el-form-item label="选择对象" prop="objectType">
+          <ai-select v-model="form.objectType" :selectList="dict.getDict('integralGiveObjType')" @change="form.userId=null"/>
+        </el-form-item>
+        <el-form-item label="选择人员" prop="userId" v-if="form.objectType">
+          <ai-person-select v-show="form.objectType==1" :instance="instance" url="/admin/user/userIntegralList" customClicker
+                            @selectPerson="handleResidentSelect" headerTitle="员工列表"/>
+          <ai-person-select v-show="form.objectType==0" :instance="instance" :url="`/app/appresident/list?areaId=${user.info.areaId}`"
+                            @selectPerson="handleResidentSelect" customClicker/>
+        </el-form-item>
+        <el-form-item label="赠送分值" prop="integral">
+          <el-input v-model="form.integral" clearable placeholder="请输入">
+            <span slot="append">积分总额:{{ detail.sysUserIntegral || 0 }}</span>
+          </el-input>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: 'ssuDetail',
+  props: {
+    instance: Function,
+    dict: Object
+  },
+  data() {
+    return {
+      page: {current: 1, size: 10, total: 0},
+      type: "",
+      detail: {},
+      tableData: [],
+      form: {},
+      dialog: false,
+      rules: {
+        integral: {required: true, message: "请输入赠送分值,最多保留一位小数", pattern: /^\d*[.\d]\d?$/},
+        objectType: {required: true, message: "请选择对象"},
+        userId: {required: true, message: "请选择人员"},
+      },
+      flag: false
+    }
+  },
+  created() {
+    this.dict.load('integralDetailType')
+    this.getDetail()
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {prop: 'doTime', label: '时间', width: 200},
+        {prop: "type", label: "类型", dict: "integralDetailType", align: 'center'},
+        {
+          prop: 'changeIntegral', align: 'center', label: '变动积分',
+          render: (h, {row}) => h('p', `${row.integralCalcType == 1 ? '+' : '-'}${row.changeIntegral}`)
+        },
+        {prop: 'nowIntegral', align: 'center', label: '剩余积分'},
+        {prop: 'eventDesc', label: '事件', width: 500}
+      ]
+    }
+  },
+  methods: {
+    getDetail() {
+      let {id: userId} = this.$route.query, {type} = this
+      this.instance.post('/app/appvillagerintegraldetail/sysUserIntegralList', null, {
+        params: {userId, ...this.page, type}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+          this.tableData = res.data.details?.records || []
+          this.page.total = res.data.details?.total || 0
+        }
+      })
+    },
+    handleGiveScore() {
+      if(this.flag) return
+      this.$refs.DialogForm.validate(v => {
+        if (v) {
+          this.flag = true
+          this.instance.post("/admin/user/giveIntegral", null, {
+            params: {...this.form}
+          }).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("提交成功!")
+              this.dialog = false
+              this.getDetail()
+            }else{
+              this.flag = false
+            }
+          }).catch(() => {
+            this.flag = false
+          })
+        }
+      })
+    },
+    handleResidentSelect(v) {
+      this.form.userId = v?.id || ""
+      this.form.userName = v?.name || ""
+      this.$refs.DialogForm.clearValidate("userId")
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ssuDetail {
+  height: 100%;
+
+  .detail-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+
+    .detail-info__item {
+      flex: 1;
+      height: 96px;
+      margin-right: 20px;
+      padding: 16px 24px;
+      background: #FFFFFF;
+      box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+      border-radius: 4px;
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      h2 {
+        margin-bottom: 8px;
+        color: #888888;
+        font-size: 16px;
+        font-weight: bold;
+      }
+
+      span {
+        display: block;
+        line-height: 32px;
+        font-size: 24px;
+        font-weight: bold;
+        color: #222;
+      }
+    }
+  }
+
+  ::v-deep.color-26f {
+    color: #26f !important;
+  }
+}
+</style>
diff --git a/packages/conv/creditScore/scoreSysUser/ssuList.vue b/packages/conv/creditScore/scoreSysUser/ssuList.vue
new file mode 100644
index 00000000..561848a5
--- /dev/null
+++ b/packages/conv/creditScore/scoreSysUser/ssuList.vue
@@ -0,0 +1,112 @@
+<template>
+  <section class="ssuList">
+    <ai-list>
+      <template slot="title">
+        <ai-title title="员工积分" isShowBottomBorder/>
+      </template>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <ai-select v-model="searchObj.integralNotEmpty" placeholder="积分是否大于0" :selectList="dict.getDict('yesOrNo')"
+                       @change="page.current = 1,getList()"/>
+          </template>
+          <template slot="right">
+            <el-input v-model="searchObj.con" size="small" placeholder="姓名、联系方式" @change="page.current=1,getList()"
+                      clearable suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-search-bar class="mt10">
+          <template slot="left">
+            <ai-download :instance="instance" type="primary" url="/admin/user/exportUserIntegralList" :params="searchObj" fileName="员工积分"></ai-download>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="page.total" :current.sync="page.current" :size.sync="page.size" :dict="dict"
+                  @getList="getList">
+          <el-table-column label="操作" slot="options" fixed="right" align="center" width="180">
+            <template v-slot="{row}">
+              <div class="table-options">
+                <el-button type="text" :disabled="!permissions('app_appvillagerintegralfamily_detail')" title="详情" @click="goDetail(row)">详情</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import {mapState} from 'vuex';
+
+export default {
+  name: 'ssuList',
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  data() {
+    return {
+      searchObj: {},
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      tableData: [],
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {prop: 'name', label: '姓名'},
+        {prop: 'phone', label: '联系电话', align: 'center'},
+        {prop: 'areaName', align: 'center', label: '所在区域'},
+        {prop: 'integral', align: 'center', label: '员工积分'},
+        {prop: 'usedIntegral', align: 'center', label: '已用积分'},
+      ]
+    },
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.instance.post("/admin/user/userIntegralList", null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    goDetail(row) {
+      let {id} = row
+      this.$router.push({query: {id}})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ssuList {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+
+  .iconfont {
+    cursor: pointer;
+  }
+
+  .family-list {
+    ::v-deep .el-table--small {
+      font-size: 14px !important;
+    }
+  }
+}
+</style>
diff --git a/packages/device/AppBroadcast/AppBroadcast.vue b/packages/device/AppBroadcast/AppBroadcast.vue
index 151f99d3..f62211c0 100644
--- a/packages/device/AppBroadcast/AppBroadcast.vue
+++ b/packages/device/AppBroadcast/AppBroadcast.vue
@@ -9,6 +9,7 @@
 <script>
 import List from './components/List'
 import Add from './components/Add'
+import Detail from './components/Detail'
 
 export default {
   label: '播发记录',
@@ -28,7 +29,8 @@ export default {
 
   components: {
     Add,
-    List
+    List,
+    Detail
   },
   methods: {
     onChange(data) {
@@ -37,6 +39,11 @@ export default {
         this.params = data.params
       }
 
+      if (data.type === 'detail') {
+        this.component = 'Detail'
+        this.params = data.params
+      }
+
       if (data.type == 'list') {
         this.component = 'List'
         this.params = data.params
diff --git a/packages/device/AppBroadcast/components/Detail.vue b/packages/device/AppBroadcast/components/Detail.vue
new file mode 100644
index 00000000..c2ebefdc
--- /dev/null
+++ b/packages/device/AppBroadcast/components/Detail.vue
@@ -0,0 +1,121 @@
+<template>
+  <ai-detail isHasSidebar class="Detail">
+    <template slot="title">
+      <ai-title title="任务详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
+      </ai-title>
+    </template>
+    <template slot="content">
+      <AiSidebar :tabTitle="tabList" v-model="currIndex"></AiSidebar>
+      <div v-show="currIndex == 0">
+        <ai-card title="播发任务" v-show="currIndex === 0">
+          <template #content>
+            <ai-wrapper
+              label-width="120px">
+              <ai-info-item label="播发级别" v-show="info.taskType == 0">{{ $dict.getLabel('dlbMessageUrgency', info.messageLevel) }}</ai-info-item>
+              <ai-info-item label="播发级别" v-show="info.taskType == 1">{{ $dict.getLabel('dlbMessageUrgency', info.messageLevel) }} - {{ $dict.getLabel('dlbDyclingType', info.cyclingType) }}</ai-info-item>
+              <ai-info-item label="播放方式" :value="info.taskType == 1? '定时播放':'立即播放'"></ai-info-item>
+              <ai-info-item label="创建人" :value="info.createUserName"></ai-info-item>
+              <ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
+              <ai-info-item label="开始日期" :value="info.startDate" v-if="info.taskType == 1"></ai-info-item>
+              <ai-info-item label="播放天数" :value="info.broadcastDay" v-if="info.cyclingType == 3 && info.taskType == 1"></ai-info-item>
+              <ai-info-item label="播放天数"  v-if="info.cyclingType == 2 && info.taskType == 1">
+                <span v-for="(item, index) in info.cyclingDateList" :key="index"><span v-if="index > 0">,</span>{{dayList[item]}}</span>
+              </ai-info-item>
+              <ai-info-item label="开始时间" :value="info.startTime" v-if="info.taskType == 1"></ai-info-item>
+              <ai-info-item label="结束时间" :value="info.endTime" v-if="info.taskType == 1"></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+      </div>
+      <ai-card title="播发设备" v-show="currIndex == 1">
+        <template #right>
+           <div style="color: #333;font-size: 15px;">共<span style="color: #0082ff;font-size: 15px;" v-if="info.devices">{{info.devices.length}}</span>个设备</div>
+        </template>
+        <template #content>
+          <ai-table
+            class="detail-table__table"
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            :isShowPagination="false"
+            @getList="getDetail">
+          </ai-table>
+        </template>
+      </ai-card>
+      <ai-card title="播发素材" v-show="currIndex == 2">
+        <template #content>
+          <div class="audios">
+            <!-- <div>{{item.}}</div> -->
+            <ai-audio :src="item.url" v-for="item in info.materials" :key="item.id" skin="flat" style="margin-bottom: 8px;"/>
+          </div>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+export default {
+  name: 'Detail',
+  components: {},
+  props: {
+    dict: Object,
+    params: Object,
+    instance: Function,
+  },
+  data() {
+    return {
+      tabList: ['播发任务','播发设备','播发素材'],
+      currIndex: 0,
+      info: {},
+      tableData: [],
+      search: {},
+      total: 0,
+      colConfigs: [
+        {prop: 'name', label: '设备名称', width: 400},
+        {prop: 'areaName', label: '行政区划', align: 'center'},
+        {prop: 'devStatus', label: '状态', align: 'center', render: (h, { row })=>{
+          return h('span',null,this.dict.getLabel('dlbDevStatus',row.devStatus))
+        }},
+      ],
+      dayList: ['', '每周一', '每周二', '每周三', '每周四', '每周五', '每周六', '每周日'],
+      voiceList: [],
+    }
+  },
+  created() {
+    this.$dict.load('dlbMessageUrgency','dlbDyclingType','dlbDevStatus').then(()=>{
+      if(this.params.id) {
+        this.getDetail()
+      }
+    })
+    
+    
+  },
+  methods: {
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh,
+      })
+    },
+    getDetail() {
+      this.instance.post(`/app/appzyvideobroadcast/queryDetailById?id=${this.params.id}`).then((res) => {
+        if(res?.data) {
+          this.info = res.data
+          this.tableData = res.data.devices
+          this.total = res.data.devices.length
+          if(this.info.cyclingType == 2) {
+            this.info.cyclingDateList = this.info.cyclingDate.split(',')
+          }
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.Detail {
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/packages/device/AppBroadcast/components/List.vue b/packages/device/AppBroadcast/components/List.vue
index 17682cee..e5033ae1 100644
--- a/packages/device/AppBroadcast/components/List.vue
+++ b/packages/device/AppBroadcast/components/List.vue
@@ -5,15 +5,15 @@
       <template #content>
         <ai-search-bar bottomBorder>
           <template slot="left">
-            <ai-select v-model="search.messageType" placeholder="媒资类型" clearable
+            <ai-select v-model="search.type" placeholder="媒资类型" clearable
                        :selectList="$dict.getDict('dlbResourceType')"
                        @change=";(page.current = 1), getList()"></ai-select>
-            <ai-select v-model="search.messageUrgency" placeholder="级别" clearable
+            <ai-select v-model="search.messageLevel" placeholder="级别" clearable
                        :selectList="$dict.getDict('dlbMessageUrgency')"
                        @change=";(page.current = 1), getList()"></ai-select>
           </template>
           <template slot="right">
-            <el-input v-model="search.messageName" size="small" placeholder="媒资名称" clearable
+            <el-input v-model="search.sourceName" size="small" placeholder="媒资名称" clearable
                       v-throttle="() => {page.current = 1, getList()}"
                       @clear=";(page.current = 1), (search.messageName = ''), getList()"
                       suffix-icon="iconfont iconSearch"/>
@@ -25,14 +25,15 @@
             <!-- <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button> -->
           </template>
         </ai-search-bar>
-        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" :dict="dict"
+        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" :dict="dict" v-loading="loading"
                   :current.sync="page.current" :size.sync="page.size" @getList="getList"
                   @selection-change="(v) => (ids = v.map((e) => e.id))">
           <el-table-column slot="options" label="操作" align="center" width="180" fixed="right">
             <template slot-scope="{ row }">
-              <el-button type="text" @click="onAdd(row.broadcastId)">复制</el-button>
-              <el-button type="text" @click="cancel(row.broadcastId)"
-                         v-if="row.broadcastStatus == 0 || row.broadcastStatus == 1 || row.broadcastStatus == 2">撤回
+              <!-- <el-button type="text" @click="onAdd(row.id)">复制</el-button> -->
+              <el-button type="text" @click="toDetail(row.id)">详情</el-button>
+              <el-button type="text" @click="reset(row.id)"
+                         v-if="row.taskType == 1 && (row.broadcastStatus == 0 || row.broadcastStatus == 1 || row.broadcastStatus == 2 )">撤回
               </el-button>
             </template>
           </el-table-column>
@@ -62,25 +63,34 @@ export default {
       },
       total: 0,
       search: {
-        messageName: '',
-        messageType: '',
-        messageUrgency: '',
+        sourceName: '',
+        cyclingType: '',
+        messageLevel: '',
       },
       id: '',
       ids: [],
       colConfigs: [
-        {prop: 'messageName', label: '媒资名称', width: 400},
-        {prop: 'messageType', label: '媒资类型', align: 'center', dict: "dlbResourceType"},
-        {prop: 'messageUrgency', label: '级别', align: 'center', dict: "dlbMessageUrgency"},
-        {prop: 'taskType', label: '播发方式', align: 'center', dict: "dlbBroadTaskType"},
-        {prop: 'startDate', label: '开始时间', align: 'center', width: 180},
-        {prop: 'broadcastStatus', label: '状态', align: 'center', dict: "dlbBroadcastStatus"},
-        {prop: 'areaName', label: '地区', align: 'center'},
+        {prop: 'sourceName', label: '媒资名称', width: 200},
+        {prop: 'type', label: '媒资类型', align: 'center', render: (h, {row}) => {
+          return h('span', null, this.dict.getLabel('dlbResourceType',row.type))},
+        },
+        {prop: 'messageLevel', label: '级别', align: 'center', dict: "dlbMessageUrgency"},
+        {prop: 'taskType', label: '播发方式', align: 'center', render: (h, {row}) => {
+          return h('span', null, (row.taskType == 1? '定时播放':'立即播放'))},
+        },
+        {prop: 'startTime', label: '开始时间', align: 'center', width: 180},
+        {prop: 'broadcastStatus', label: '状态', align: 'center', 
+          render: (h, { row })=>{
+            return h('span',null, (row.broadcastStatus == 0? '已下发': row.broadcastStatus == 3? '播发成功': row.broadcastStatus == 6? '已取消': ''))
+          }
+        },
+        // {prop: 'areaName', label: '地区', align: 'center'},
         {prop: 'createUserName', label: '创建人', align: 'center'},
         {slot: 'options'},
       ],
       tableData: [],
       areaId: '',
+      loading: false,
     }
   },
 
@@ -98,14 +108,15 @@ export default {
 
   created() {
     this.areaId = this.user.info.areaId
-    this.dict.load('dlbResourceType', 'dlbMessageUrgency', 'dlbBroadTaskType', 'dlbBroadcastStatus', 'dlbMessageUrgency').then(() => {
+    this.dict.load('dlbDyclingType', 'dlbMessageUrgency', 'dlbBroadTaskType', 'dlbBroadcastStatus', 'dlbMessageUrgency').then(() => {
       this.getList()
+      this.loading = true
     })
   },
 
   methods: {
     getList() {
-      this.instance.post(`/app/appzyvideobroadcast/getBroadcastRecords`, null, {
+      this.instance.post(`/app/appzyvideobroadcast/list`, null, {
         params: {
           ...this.page,
           ...this.search,
@@ -115,7 +126,10 @@ export default {
         if (res.code == 0) {
           this.tableData = res.data.records
           this.total = parseInt(res.data.total)
+          this.loading = false
         }
+      }).catch(() => {
+        this.loading = false
       })
     },
     onAdd(id) {
@@ -126,8 +140,16 @@ export default {
         }
       })
     },
-    cancel(id) {
-      this.$confirm('确定撤回该广播?').then(() => {
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'detail',
+        params: {
+          id: id || ''
+        }
+      })
+    },
+    reset(id) {
+      this.$confirm('确定要撤回该广播?').then(() => {
         this.instance.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
           if (res.code == 0) {
             this.$message.success('撤回成功！')
diff --git a/packages/device/AppEquipmentManage/AppEquipmentManage.vue b/packages/device/AppEquipmentManage/AppEquipmentManage.vue
index fb34f2a6..591f6859 100644
--- a/packages/device/AppEquipmentManage/AppEquipmentManage.vue
+++ b/packages/device/AppEquipmentManage/AppEquipmentManage.vue
@@ -8,6 +8,7 @@
 
 <script>
 import List from './components/List'
+import taskList from './components/taskList'
 
 export default {
   label: '广播设备管理',
@@ -26,12 +27,13 @@ export default {
   },
 
   components: {
-    List
+    List,
+    taskList,
   },
   methods: {
     onChange(data) {
-      if (data.type === 'add') {
-        this.component = 'Add'
+      if (data.type === 'taskList') {
+        this.component = 'taskList'
         this.params = data.params
       }
 
diff --git a/packages/device/AppEquipmentManage/components/List.vue b/packages/device/AppEquipmentManage/components/List.vue
index e9adc8b0..790beaf5 100644
--- a/packages/device/AppEquipmentManage/components/List.vue
+++ b/packages/device/AppEquipmentManage/components/List.vue
@@ -4,16 +4,13 @@
       <ai-title slot="title" title="广播设备管理" isShowBottomBorder/>
       <template #content>
         <ai-search-bar bottomBorder>
-          <template slot="right">
-            <el-input v-model="search.keyword" size="small" placeholder="设备名称/设备编号" clearable
-                      v-throttle="() => {page.current = 1, getList()}"
-                      @clear=";(page.current = 1), (search.keyword = ''), getList()" suffix-icon="iconfont iconSearch"/>
-          </template>
-        </ai-search-bar>
-        <ai-search-bar class="ai-search-ba mar-t10">
           <template slot="left">
-            <!-- <el-button icon="iconfont" type="primary" size="small">数据同步</el-button> -->
-            <!-- <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button> -->
+            <el-button type="primary" icon="iconfont iconResetting" @click="update" :loading="btnLoading">更新数据</el-button>
+          </template>
+          <template slot="right">
+            <el-input v-model="search.name" size="small" placeholder="设备名称/设备编号" clearable
+                      v-throttle="() => {page.current = 1, getList()}"
+                      @clear=";(page.current = 1), (search.name = ''), getList()" suffix-icon="iconfont iconSearch"/>
           </template>
         </ai-search-bar>
         <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex"
@@ -21,9 +18,10 @@
                   @selection-change="(v) => (ids = v.map((e) => e.id))">
           <el-table-column slot="options" label="操作" align="center" width="280" fixed="right">
             <template slot-scope="{ row }">
-              <el-button type="text" @click="close(row.id)">停播</el-button>
-              <el-button type="text" @click="bind(row)">绑定行政区划</el-button>
-<!--              <el-button type="text" @click="locate=true">地图标绘</el-button>-->
+              <!-- <el-button type="text" @click="close(row.id)">停播</el-button> -->
+              <el-button type="text" @click="toTaskList(row.deviceId)">任务列表</el-button>
+              <el-button type="text" @click="bind(row)" >绑定行政区划</el-button>
+              <!-- <el-button type="text" @click="locate=true">地图标绘</el-button>-->
             </template>
           </el-table-column>
         </ai-table>
@@ -65,20 +63,21 @@ export default {
       },
       total: 0,
       search: {
-        bind: '',
-        keyword: '',
+        name: '',
       },
       id: '',
       ids: [],
       colConfigs: [
         {
-          prop: 'deviceName',
+          prop: 'name',
           label: '设备名称',
+          width: '200',
         },
         {
           prop: 'areaName',
           label: '所属行政区划',
           align: 'center',
+          width: '200',
         },
         {
           prop: 'serialNo',
@@ -88,7 +87,7 @@ export default {
         {
           prop: 'devStatus',
           label: '设备状态',
-          width: '100',
+          width: '200',
           align: 'center',
           render: (h, {row}) => {
             return h('span', null, this.dict.getLabel('dlbDevStatus', row.devStatus))
@@ -97,10 +96,9 @@ export default {
         {
           prop: 'bind',
           label: '是否绑定区划',
-          width: '120',
           align: 'center',
           render: (h, {row}) => {
-            return h('span', null, this.dict.getLabel('yesOrNo', row.bind))
+            return h('span', null, (row.areaId? '是': '否'))
           },
         },
         {
@@ -113,6 +111,7 @@ export default {
       areaId: '',
       bindVisible: false,
       changeInfo: {},
+      btnLoading: false,
       locate: false
     }
   },
@@ -174,7 +173,7 @@ export default {
       })
     },
     getList() {
-      this.instance.post(`/app/appdlbquipment/getDlbDeviceList`, null, {
+      this.instance.post(`/app/appdlbquipment/list`, null, {
         params: {
           ...this.page,
           ...this.search,
@@ -187,6 +186,32 @@ export default {
         }
       })
     },
+
+    toTaskList(id) {
+      this.$emit('change', {
+        type: 'taskList',
+        params: {
+          id: id || '',
+          // areaId: this.areaId,
+        },
+      })
+    },
+    update () {
+      this.btnLoading = true
+      this.instance.post(`/app/appdlbquipment/sync`, null, {
+        timeout: 1000000
+      }).then(res => {
+        if (res.code == 0) {
+          this.$message.success('更新成功')
+          this.getList()
+        }
+
+        this.btnLoading = false
+      }).catch(() => {
+        
+        this.btnLoading = false
+      })
+    },
   },
 }
 </script>
diff --git a/packages/device/AppEquipmentManage/components/taskList.vue b/packages/device/AppEquipmentManage/components/taskList.vue
new file mode 100644
index 00000000..898b884a
--- /dev/null
+++ b/packages/device/AppEquipmentManage/components/taskList.vue
@@ -0,0 +1,151 @@
+<template>
+  <section class="taskList">
+    <ai-list>
+      <ai-title slot="title" title="任务列表" isShowBack isShowBottomBorder @onBackClick="cancel(true)"/>
+      <template #content>
+        <ai-search-bar bottomBorder>
+          <template slot="right">
+            <el-input v-model="search.sourceName" size="small" placeholder="媒资名称/创建人" clearable
+                      v-throttle="() => {page.current = 1, getList()}"
+                      @clear=";(page.current = 1), (search.sourceName = ''), getList()" suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="page.total" ref="aitableex"
+                  :current.sync="page.current" :size.sync="page.size" @getList="getList"
+                  @selection-change="(v) => (ids = v.map((e) => e.id))">
+          <el-table-column slot="options" label="操作" align="center" width="280" fixed="right">
+            <template slot-scope="{ row }" v-if="row.taskType == 1 && (row.broadcastStatus == 0 || row.broadcastStatus == 1 || row.broadcastStatus == 2 )">
+              <el-button type="text" @click="reset(row.id)">撤回任务</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'taskList',
+  components: {},
+  props: {
+    dict: Object,
+    instance: Function,
+    params: Object,
+  },
+  data() {
+    return {
+      page: {
+        current: 1,
+        size: 10,
+        total: 0,
+      },
+      search: {
+        sourceName: '',
+      },
+      tableData: [],
+      colConfigs: [
+        {
+          prop: 'sourceName',
+          label: '任务名称',
+        },
+        {
+          prop: 'type',
+          label: '媒资类型',
+          width: '200',
+          align: 'center',
+          render: (h, { row })=>{
+            return h('span',null,this.dict.getLabel('dlbResourceType',row.type))
+          }
+        },
+        {
+          prop: 'messageLevel',
+          label: '级别',
+          align: 'center',
+          render: (h, { row })=>{
+            return h('span',null,this.dict.getLabel('dlbMessageUrgency',row.messageLevel))
+          }
+        },
+        {
+          prop: 'taskType',
+          label: '播发方式',
+          width: '220',
+          align: 'center',
+          render: (h, {row}) => {
+            return h('span', null, (row.taskType == 1? '定时播放':'立即播放'))
+          },
+        },
+        {
+          prop: 'startTime',
+          label: '开始时间',
+          width: '120',
+          align: 'center',
+        },
+        {
+          prop: 'broadcastStatus',
+          label: '状态',
+          align: 'center',
+          render: (h, { row })=>{
+            return h('span',null, (row.broadcastStatus == 0? '已下发': row.broadcastStatus == 3? '播发成功': row.broadcastStatus == 6? '已取消': ''))
+          }
+        },
+        {
+          prop: 'createUserName',
+          label: '创建人',
+          align: 'center',
+        },
+        {
+          slot: 'options',
+          label: '操作',
+          align: 'center',
+        },
+      ],
+    }
+  },
+  created() {
+    this.$dict.load('dlbDyclingType','dlbMessageUrgency','dlbBroadcastStatus','dlbResourceType').then(()=>{
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appzyvideobroadcast/list?deviceId`,null,{
+        params: {
+          ...this.page,
+          ...this.search,
+          deviceId: this.params.deviceId
+        }
+      }).then(res=>{
+        if(res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+
+    reset(id) {
+      this.$confirm('确定要撤回该任务吗?').then(() => {
+        this.instance.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
+          if (res.code == 0) {
+            this.$message.success('撤回成功！')
+            this.getList()
+          }
+        })
+      })
+    },
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.taskList {
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/packages/device/AppMediaManage/components/List.vue b/packages/device/AppMediaManage/components/List.vue
index 30f9485d..80c06e86 100644
--- a/packages/device/AppMediaManage/components/List.vue
+++ b/packages/device/AppMediaManage/components/List.vue
@@ -32,13 +32,46 @@
           </el-table-column>
           <el-table-column slot="options" label="操作" align="center" width="180" fixed="right">
             <div class="table-options" slot-scope="{ row }">
-              <el-button type="text" @click="play(row.id)">播发</el-button>
+              <!-- play(row.id) -->
+              <el-button type="text" @click="getItemInfo(row.id)">播发</el-button>
               <el-button type="text" @click="remove(row.id)">删除</el-button>
             </div>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
+
+    <ai-dialog 
+      title="广播播发"
+      :visible.sync="detailDialog"
+      :customFooter="true"
+      :destroyOnClose="true"
+      width="780px">
+      <ai-detail style="background: #FFF;">
+        <template #content>
+          <div class="audios">
+            <ai-audio :src="info.url" skin="flat"/>
+          </div>
+          <ai-wrapper style="margin-top: 30px;">
+            <ai-info-item label="媒资名称" :value="info.name"></ai-info-item>
+            <!-- <ai-info-item label="状态">{{ $dict.getLabel('dlbDevStatus', info.devStatus)  }}</ai-info-item> -->
+            <ai-info-item label="媒资类型">{{$dict.getLabel('dlbResourceType', info.type)}}</ai-info-item>
+            <ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
+            <ai-info-item label="内容" class="contentBox"  v-if="info.type == 3" isLine>
+              <div class="content">
+                {{ info.content }}
+              </div>
+            </ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-detail>
+
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="detailDialog=false" size="medium">关闭</el-button>
+        <el-button @click="play(info.id)" type="primary" size="medium">新建广播</el-button>
+      </div>
+    </ai-dialog>
+
   </section>
 </template>
 
@@ -82,9 +115,9 @@ export default {
             return h('span', null, this.dict.getLabel('dlbResourceType', row.type))
           },
         },
-        {
-          slot: 'content',
-        },
+        // {
+        //   slot: 'content',
+        // },
         {prop: 'createTime', label: '创建时间', align: 'center'},
         {
           prop: 'createUserName',
@@ -101,6 +134,8 @@ export default {
       ],
       tableData: [],
       areaId: '',
+      detailDialog: false,
+      info: {},
     }
   },
 
@@ -115,15 +150,14 @@ export default {
     },
   },
   created() {
-    this.dict.load('dlbResourceType').then(() => {
+    this.dict.load('dlbResourceType','dlbDevStatus').then(() => {
       this.getList()
     })
   },
 
   methods: {
     getList() {
-      this.instance
-      .post(`/app/appdlbresource/list`, null, {
+      this.instance.post(`/app/appdlbresource/list`, null, {
         params: {
           ...this.page,
           ...this.search,
@@ -137,7 +171,17 @@ export default {
       })
     },
 
+    getItemInfo (id) {
+      this.instance.post(`/app/appdlbresource/queryDetailById?id=${id}`).then(res => {
+        if (res?.data) {
+          this.info = res.data
+          this.detailDialog = true
+        }
+      })
+    },
+
     play (id) {
+      this.detailDialog = false
       this.$emit('change', {
         type: 'Play',
         params: {
@@ -184,5 +228,18 @@ export default {
   .mar-t10 {
     margin-top: 10px;
   }
+  .audios {
+    padding-left: 40px;
+  }
+
+  ::v-deep .ai-info-item__right {
+    width: 100%;
+  }
+
+  .content {
+    width: 100%;
+    height: 200px;
+    overflow-y: auto;
+  }
 }
 </style>
diff --git a/packages/device/AppMediaManage/components/Play.vue b/packages/device/AppMediaManage/components/Play.vue
index 818186b6..0f4a1216 100644
--- a/packages/device/AppMediaManage/components/Play.vue
+++ b/packages/device/AppMediaManage/components/Play.vue
@@ -1,23 +1,23 @@
 <template>
-  <ai-detail>
+  <ai-detail class="Play">
     <template #title>
       <ai-title title="添加广播" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
     </template>
     <template #content>
       <ai-card title="基础信息">
         <template #content>
+          <el-alert title="温馨提示：请先选择行政区划，再选择播放设备！" type="warning" show-icon :closable="false" style="margin-bottom: 12px;padding: 4px 20px;"></el-alert>
           <el-form class="ai-form" :model="formData" :rules="formRules" ref="ruleForm" label-width="120px">
             <el-form-item label="播发内容" prop="mediaId">
               <ai-select v-model="formData.mediaId" placeholder="播发内容" clearable :selectList="mediaList"></ai-select>
             </el-form-item>
-            <el-form-item label="播放设备" prop="serialNo">
-              <ai-select v-model="formData.serialNo" placeholder="播放设备" clearable
-                         :selectList="equipmentList"></ai-select>
-            </el-form-item>
             <el-form-item label="播发级别" prop="messageLevel">
               <ai-select v-model="formData.messageLevel" placeholder="播发级别" clearable
                          :selectList="$dict.getDict('dlbMessageUrgency')"></ai-select>
             </el-form-item>
+            <el-form-item label="设备行政区划">
+              <ai-area-get v-model="areaId" :root="areaRootId"  :instance="instance" @select="handleAreaSelect" size="small" placeholder="请选择行政区划"/>
+            </el-form-item>
             <el-form-item label="播放方式" prop="taskType" class="buildingTypes">
               <el-radio-group v-model="formData.taskType">
                 <el-radio label="0">立即播放</el-radio>
@@ -58,6 +58,10 @@
                               :picker-options="{ start: formData.startTime, minTime: formData.startTime}"
                               value-format="HH:mm:ss"></el-time-picker>
             </el-form-item>
+            <el-form-item label="播放设备" v-if="areaId" prop="serialNo" style="width: 100%;">
+              <ai-table-select nodeName="name" :instance="instance" extra="serialNo" searchKey="name" :action="`/app/appdlbquipment/list?devStatus=5&areaId=${areaId}`"
+                              @select="v => formData.serialNo = v.map(e=> e.serialNo).toString()" multiple/>
+            </el-form-item>
           </el-form>
         </template>
       </ai-card>
@@ -123,6 +127,9 @@ export default {
         mediaId: [
           {required: true, message: '请选择播发内容', trigger: 'change'}
         ],
+        areaId: [
+          {required: true, message: '请选择行政区划', trigger: 'change'}
+        ],
         serialNo: [
           {required: true, message: '请选择播放设备', trigger: 'change'}
         ],
@@ -151,8 +158,20 @@ export default {
           {required: true, message: '播放天数', trigger: 'change'}
         ],
       },
+      areaRootId: '',
       mediaList: [],
-      equipmentList: []
+      equipmentList: [],
+      detailDialog: false,
+      isAll: false,
+      input3: '',
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      },
+      serialNoList: [],
+      areaId: '',
+      areaName: '',
+      userAreaId: '',
     }
   },
   computed: {
@@ -166,13 +185,26 @@ export default {
       return myDate.getHours() + ':' + myDate.getMinutes() + ':' + myDate.getSeconds()
     }
   },
+
+  watch: {
+    userAreaId: {
+      handler: function(v) {
+        this.areaRootId = [v?.substr(0,6),'000000'].join("")
+      },
+      deep: true
+    }
+  },
+
   created() {
     this.dict.load('dlbMessageUrgency', 'dlbBroadTaskType', 'dlbDyclingType')
     Promise.all([this.getEquipmentList(), this.getMediaList()]).then(() => {
       this.formData.mediaId = this.params.id
+      this.userAreaId = this.user.info.areaId
     })
   },
   methods: {
+    // 选择设备
+    getSelect() {},
     getMediaList() {
       return this.instance.post(`/app/appdlbresource/list?current=1&size=10000`).then((res) => {
         if (res?.data) {
@@ -193,7 +225,16 @@ export default {
         }
       })
     },
+    // 地区选择
+    handleAreaSelect(v) {
+      this.areaName = v?.[0]?.label
+    },
+
+    // 播放
     confirm() {
+      if(!this.areaId) {
+        this.$message.error('请选择所要播放设备的行政区划！')
+      }
       this.$refs['ruleForm'].validate((valid) => {
         if (valid) {
           if (this.formData.checkList.length) {
@@ -250,5 +291,52 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.Play {
+  .equipment {
+    position: relative;
+    .select {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
 
+  .equipments {
+    display: flex;
+    width: 100%;
+    height: 32px;
+    align-items: center;
+    border-radius: 4px;
+    border: 1px solid #DDD;
+    justify-content: space-between;
+  }
+
+  .container {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    .item {
+      flex: 1;
+      display: inline-block;
+      height: auto;
+      border: 1px solid #DDD;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        padding: 10px;
+        box-sizing: border-box;
+        height: 50px;
+        align-items: center;
+        border-bottom: 1px solid #DDD;
+        .checkBox {
+          align-self: center;
+        }
+      }
+      .content {
+        padding: 10px;
+        box-sizing: border-box;
+      }
+    }
+  }
+}
 </style>
diff --git a/packages/device/IntelligentSecurity/AppISManage/AppISManage.vue b/packages/device/IntelligentSecurity/AppISManage/AppISManage.vue
index b60271e5..79d39886 100644
--- a/packages/device/IntelligentSecurity/AppISManage/AppISManage.vue
+++ b/packages/device/IntelligentSecurity/AppISManage/AppISManage.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="AppISManage">
-    <device-slider :permissions="permissions" :show.sync="slider" :ins="instance" :dict="dict" @treeCommand="handleSliderOption" @select="handleSelectMonitor" :render-item="renderTreeItem" ref="DeviceSlider" />
+    <device-slider :permissions="permissions" :show.sync="slider" :instance="instance" :dict="dict" @treeCommand="handleSliderOption" @select="handleSelectMonitor" :render-item="renderTreeItem" ref="DeviceSlider" />
     <div class="monitorPane" v-loading="isLoading" element-loading-background="rgba(0, 0, 0, 0.6)">
       <div class="headerBar">
         <el-select default-first-option size="small" v-model="splitScreen" @change="onChange">
@@ -54,8 +54,7 @@
       splitOps() {
         return [
           { label: '单分屏', value: 1, per: '100%' },
-          { label: '四分屏', value: 4, per: '49.2%' },
-          { label: '九分屏', value: 9, per: '32%' },
+          { label: '四分屏', value: 4, per: '49.2%' }
         ]
       },
       currentSplitStyle() {
diff --git a/packages/device/IntelligentSecurity/AppISMap/AppISMap.vue b/packages/device/IntelligentSecurity/AppISMap/AppISMap.vue
index e96f587b..7d2fe7a0 100644
--- a/packages/device/IntelligentSecurity/AppISMap/AppISMap.vue
+++ b/packages/device/IntelligentSecurity/AppISMap/AppISMap.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="AppISMap">
-    <device-slider :show.sync="slider" :ins="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/>
+    <device-slider :show.sync="slider" :instance="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/>
     <div id="amap"/>
     <div ref="selectedInfoWin" class="selected">
       <b>{{ selected.deviceName }}</b>
diff --git a/packages/device/IntelligentSecurity/components/deviceSlider.vue b/packages/device/IntelligentSecurity/components/deviceSlider.vue
index 139bc85e..d6406a8d 100644
--- a/packages/device/IntelligentSecurity/components/deviceSlider.vue
+++ b/packages/device/IntelligentSecurity/components/deviceSlider.vue
@@ -22,7 +22,10 @@
             prefix-icon="el-icon-search"
             @clear="search.name = '', handleTreeFilter()" clearable/>
       </div>
-      <div title>设备列表</div>
+      <div title>
+        <div>设备列表</div>
+        <el-button type="text" icon="iconfont iconResetting" @click="updateDev" size="mini" :loading="btnLoading">刷新</el-button>
+      </div>
       <div fill class="deviceList">
         <el-tree ref="deviceTree" highlight-current :render-content="renderItem" :data="treeData" :props="propsConfig"
                  @node-click="handleNodeClick" @node-contextmenu="nodeContextmenu"
@@ -48,10 +51,10 @@ export default {
   name: "deviceSlider",
   props: {
     show: Boolean,
-    ins: Function,
+    instance: Function,
     dict: Object,
     permissions: Function,
-    renderItem: Function
+    renderItem: Function,
   },
   computed: {
     overview() {
@@ -98,7 +101,8 @@ export default {
         x: '',
         y: '',
         node: {}
-      }
+      },
+      btnLoading: false,
     }
   },
   methods: {
@@ -110,8 +114,10 @@ export default {
       this.isShowMenu = false
     },
     getDevices() {
-      this.ins.post("/app/appzyvideoequipment/tree", null, {
-        params: {size: 999}
+      this.instance.post(`/app/appzyvideoequipment/tree`, null, {
+        params: {
+          size: 999
+        }
       }).then(res => {
         if (res?.data) {
           this.staData = res.data.count
@@ -122,6 +128,21 @@ export default {
       })
     },
 
+    updateDev() {
+      this.btnLoading = true
+      this.instance.post(`/app/appzyvideoequipment/sync`, null, {
+        timeout: 1000000
+      }).then(res => {
+        if (res.code == 0) {
+          this.$message.success('更新成功')
+          this.getDevices()
+        }
+        this.btnLoading = false
+      }).catch(() => {
+        this.btnLoading = false
+      })
+    },
+
     handleTreeCommand(e, node) {
       this.$emit('treeCommand', {
         type: e,
@@ -154,14 +175,16 @@ export default {
     handleTreeFilter() {
       this.$refs.deviceTree?.filter(this.search.name)
     },
-
     onChange() {
       this.$refs.deviceTree?.filter(this.search.name)
-    }
+    },
+    
   },
+
   created() {
-    this.dict.load("deviceStatus")
-    this.getDevices()
+    this.$dict.load("deviceStatus").then(()=>{
+      this.getDevices()
+    })
   },
 
   mounted() {
@@ -247,6 +270,18 @@ export default {
       background: #3E4A69;
       padding: 0 16px;
       line-height: 28px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      ::v-deep .el-button {
+        padding: 0 4px;
+        height: 28px;
+        background: #3E4A69;
+      }
+      ::v-deep .el-button:hover {
+        border: none;
+      }
     }
 
     ::v-deep.deviceList {
@@ -278,8 +313,8 @@ export default {
       .el-tree-node__content {
         background: transparent!important;
       }
-      
-      .el-tree-node__children .is-current .el-tree-node__content {
+
+      .el-tree-node__children .is-current > .el-tree-node__content {
         background: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%)!important;
       }
 
diff --git a/packages/device/tutelage/AppWristband/components/List.vue b/packages/device/tutelage/AppWristband/components/List.vue
index 8594165e..f7af9ccd 100644
--- a/packages/device/tutelage/AppWristband/components/List.vue
+++ b/packages/device/tutelage/AppWristband/components/List.vue
@@ -50,7 +50,7 @@
           <template slot-scope="{ row }">
             <div class="table-options">
               <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
-              <el-button type="text" @click="$router.push({name: '监护地图', query: {id: row.id, lat: row.lat, lng: row.lng}})">地图查看</el-button>
+              <el-button type="text" @click="$router.push({name: '12ed7dcf13014bf0b2bbffa7d0238e0b', query: {id: row.id, lat: row.lat, lng: row.lng}})">地图查看</el-button>
               <el-button type="text" @click="toMonitor(row.id)">监测数据</el-button>
               <el-button type="text" @click="remove(row.id)">删除</el-button>
             </div>
diff --git a/packages/extra/AppAddressBook/components/Add.vue b/packages/extra/AppAddressBook/components/Add.vue
index 1366ad2b..542f1cae 100644
--- a/packages/extra/AppAddressBook/components/Add.vue
+++ b/packages/extra/AppAddressBook/components/Add.vue
@@ -4,7 +4,7 @@
       <ai-title :title="id ? '编辑成员' : '添加成员'" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
       </ai-title>
     </template>
-    <template slot="content">
+    <template slot="content">  
       <el-form ref="form" :model="form" label-width="110px" label-position="right">
       <ai-card title="个人信息">
         <template #content>
diff --git a/packages/extra/AppCodeGeneration/components/Add.vue b/packages/extra/AppCodeGeneration/components/Add.vue
index 6bb416b8..c4759144 100644
--- a/packages/extra/AppCodeGeneration/components/Add.vue
+++ b/packages/extra/AppCodeGeneration/components/Add.vue
@@ -13,7 +13,8 @@
               <el-form-item :label="item.fieldName" :prop="item.fieldDbName" style="width: 100%">
                 <!-- 字典下拉选择 -->
                 <template v-if="item.type == 'dict'">
-                  <ai-select v-model="formData[item.fieldDbName]" :placeholder="item.fieldName" :selectList="dict.getDict(item.dict)" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)" />
+                  <ai-select v-model="formData[item.fieldDbName]" :placeholder="item.fieldName" :selectList="dict.getDict(item.dict)"
+                             :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
                 </template>
                 <!-- 单选radio -->
                 <template v-else-if="item.type == 'radio'">
@@ -23,7 +24,8 @@
                 </template>
                 <!-- 开关onOff -->
                 <template v-else-if="item.type == 'onOff'">
-                  <el-switch v-model="formData[item.fieldDbName]" active-color="#26f" inactive-color="#ddd" active-value="1" inactive-value="0" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"></el-switch>
+                  <el-switch v-model="formData[item.fieldDbName]" active-color="#26f" inactive-color="#ddd" active-value="1" inactive-value="0"
+                             :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"></el-switch>
                 </template>
                 <!-- 多选checkbox -->
                 <template v-else-if="item.type == 'checkbox'">
@@ -37,20 +39,23 @@
                 <template v-else-if="item.type === 'gird'">
                   <el-input disabled :value="girdName" size="small" placeholder="请选择网格">
                     <template slot="append">
-                      <el-button size="small" @click="showGrid = true, treeObj.checkedKeys = formData[item.fieldDbName] ? [formData[item.fieldDbName]] : [], gridFieldName = item.fieldDbName">选择网格</el-button>
+                      <el-button size="small"
+                                 @click="showGrid = true, treeObj.checkedKeys = formData[item.fieldDbName] ? [formData[item.fieldDbName]] : [], gridFieldName = item.fieldDbName">
+                        选择网格
+                      </el-button>
                     </template>
                   </el-input>
                 </template>
                 <template v-else-if="item.type === 'resident'">
                   <el-input
-                    v-model="formData.name"
-                    :placeholder="'请选择'+item.fieldName">
+                      v-model="formData.name"
+                      :placeholder="'请选择'+item.fieldName">
                     <template slot="append">
                       <ai-person-select
-                        :instance="instance"
-                        :disabled="!!params.id"
-                        :url="'/app/appresident/list?auditType=1&areaId=' + user.info.areaId"
-                        :isMultiple="false" dialogTitle="选择" @selectPerson="onChange">
+                          :instance="instance"
+                          :disabled="!!params.id"
+                          :url="'/app/appresident/list?auditType=1&areaId=' + user.info.areaId"
+                          :isMultiple="false" dialogTitle="选择" @selectPerson="onChange">
                         <template name="option" v-slot:option="{ item }">
                           <span class="iconfont iconProlife">{{ item.name }}</span>
                           <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
@@ -60,35 +65,42 @@
                   </el-input>
                 </template>
                 <template v-else-if="item.type == 'idNumber'">
-                  <ai-id v-model="formData[item.fieldDbName]" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)" />
+                  <ai-id v-model="formData[item.fieldDbName]" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
                 </template>
                 <!-- input输入框 -->
                 <template v-else-if="item.type == 'input' || item.type == 'name' || item.type == 'phone'">
-                  <el-input v-model="formData[item.fieldDbName]" :placeholder="'请输入'+item.fieldName" clearable :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
+                  <el-input v-model="formData[item.fieldDbName]" :placeholder="'请输入'+item.fieldName" clearable
+                            :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
                             :maxlength="item.maxLength" show-word-limit></el-input>
                 </template>
                 <!-- number 输入框 -->
                 <template v-else-if="item.type == 'number'">
-                  <el-input-number v-model="formData[item.fieldDbName]" :label="'请输入'+item.fieldName" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)" :precision="item.decimalPlaces" :max="item.maxValue" :min="item.minValue"></el-input-number>
+                  <el-input-number v-model="formData[item.fieldDbName]" :label="'请输入'+item.fieldName"
+                                   :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)" :precision="item.decimalPlaces" :max="item.maxValue"
+                                   :min="item.minValue"></el-input-number>
                 </template>
                 <!-- textarea输入框 -->
                 <template v-else-if="item.type == 'textarea' || item.type == 'text'">
-                  <el-input v-model="formData[item.fieldDbName]" :placeholder="'请输入'+item.fieldName" clearable :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
+                  <el-input v-model="formData[item.fieldDbName]" :placeholder="'请输入'+item.fieldName" clearable
+                            :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
                             :maxlength="item.maxLength" type="textarea" show-word-limit :rows="3"></el-input>
                 </template>
                 <!-- 日期选择 -->
                 <template v-else-if="item.type == 'date'">
-                  <el-date-picker style="width: 100%;" v-model="formData[item.fieldDbName]" type="date" placeholder="请选择" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
+                  <el-date-picker style="width: 100%;" v-model="formData[item.fieldDbName]" type="date" placeholder="请选择"
+                                  :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
                                   :value-format="item.timePattern"></el-date-picker>
                 </template>
                 <!-- 日期带时分秒选择 -->
                 <template v-else-if="item.type == 'datetime'">
-                  <el-date-picker v-model="formData[item.fieldDbName]" type="datetime" placeholder="选择日期时间" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
+                  <el-date-picker v-model="formData[item.fieldDbName]" type="datetime" placeholder="选择日期时间"
+                                  :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
                                   :value-format="item.timePattern"></el-date-picker>
                 </template>
                 <!-- 时间-时分秒选择 -->
                 <template v-else-if="item.type == 'time'">
-                  <el-time-picker v-model="formData[item.fieldDbName]" placeholder="请选择" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
+                  <el-time-picker v-model="formData[item.fieldDbName]" placeholder="请选择"
+                                  :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"
                                   :value-format="item.timePattern"></el-time-picker>
                 </template>
                 <!-- 附件 -->
@@ -99,11 +111,13 @@
                 </template>
                 <!-- 富文本 -->
                 <template v-else-if="item.type == 'rtf'">
-                  <ai-editor v-model="formData[item.fieldDbName]" :instance="instance" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
+                  <ai-editor v-model="formData[item.fieldDbName]" :instance="instance"
+                             :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
                 </template>
                 <!-- 地区选择 -->
                 <template v-else-if="item.type == 'area'">
-                  <ai-area-get :instance="instance" v-model="formData[item.fieldDbName]" :name.sync="formData[item.fieldDbName +'_name']" :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
+                  <ai-area-get :instance="instance" v-model="formData[item.fieldDbName]" :name.sync="formData[item.fieldDbName +'_name']"
+                               :disabled="item.disable == 1 || !!(formData.resident_id && item.isInit)"/>
                 </template>
                 <!-- 人员选择 -->
                 <div class="especial" v-else-if="item.type == 'user'">
@@ -118,23 +132,23 @@
         </ai-card>
       </el-form>
       <ai-dialog
-        title="选择网格"
-        :visible.sync="showGrid"
-        :destroyOnClose="true"
-        @close="showGrid = false"
-        @onConfirm="getCheckedTree"
-        width="720px">
+          title="选择网格"
+          :visible.sync="showGrid"
+          :destroyOnClose="true"
+          @close="showGrid = false"
+          @onConfirm="getCheckedTree"
+          width="720px">
         <div class="grid">
           <el-tree
-            :data="treeObj.treeList"
-            :props="treeObj.defaultProps"
-            node-key="id"
-            ref="tree"
-            :check-strictly="true"
-            show-checkbox
-            :default-checked-keys="treeObj.checkedKeys"
-            default-expand-all
-            @check="onCheckChange">
+              :data="treeObj.treeList"
+              :props="treeObj.defaultProps"
+              node-key="id"
+              ref="tree"
+              :check-strictly="true"
+              show-checkbox
+              :default-checked-keys="treeObj.checkedKeys"
+              default-expand-all
+              @check="onCheckChange">
           </el-tree>
         </div>
       </ai-dialog>
@@ -205,7 +219,7 @@ export default {
     this.getFormData()
     if (this.params.id) {
       this.getDetail()
-    } 
+    }
   },
   methods: {
     getGridList() {
@@ -219,10 +233,10 @@ export default {
       })
     },
 
-    onChange (e) {
+    onChange(e) {
       this.formData.resident_id = e.id
       Object.keys(this.formData).forEach(item => {
-        for (var p in e){
+        for (var p in e) {
           if (item === p) {
             this.$set(this.formData, item, e[item])
           }
@@ -249,7 +263,7 @@ export default {
       this.showGrid = false
     },
 
-    onCheckChange (e) {
+    onCheckChange(e) {
       this.$nextTick(() => {
         this.$refs.tree.getCheckedKeys().forEach(v => {
           this.$refs.tree.setChecked(v, false)
@@ -258,16 +272,11 @@ export default {
       })
     },
 
-    format (list) {
+    format(list) {
       return list.map(item => {
-        if (item.girdLevel !== '2') {
-          item.disabled = true
-        }
-
         if (item.girdList && item.girdList.length) {
           item.girdList = this.format(item.girdList)
         }
-
         return item
       })
     },
@@ -305,8 +314,7 @@ export default {
             fieldValue: []
           }
           if (!this.params.id && item.defaultValue) {
-            var val = item.defaultValue?.split('`')
-            colItem.fieldValue = val
+            colItem.fieldValue = item.defaultValue?.split('`')
           }
 
         } else if (item.type === 'upload') {
@@ -333,7 +341,7 @@ export default {
           if (!this.params.id) {
             colItem.fieldValue = Number(item.defaultValue) || 0
           }
-        }else {
+        } else {
           if (item.type == 'date' && !item.timePattern) {
             item.timePattern = 'yyyy-MM-dd'
           }
@@ -378,9 +386,8 @@ export default {
         if (res?.data) {
           this.configs.tableInfos.map((item) => {
             this.formData[item.fieldDbName] = res.data[item.fieldDbName] || ''
-            if(item.type == 'checkbox') {
-              var checkList = this.formData[item.fieldDbName]?.split(',')
-              this.formData[item.fieldDbName] = checkList
+            if (item.type == 'checkbox') {
+              this.formData[item.fieldDbName] = this.formData[item.fieldDbName]?.split(',')?.filter(e => !!e)
             }
 
             if (item.type === 'gird' && this.formData[item.fieldDbName]) {
@@ -414,20 +421,20 @@ export default {
           this.formDataList.map((item) => {
             if (item.length) {
               item.map((items) => {
-                if (items.type == 'checkbox' && this.formData[items.fieldDbName].length) { //多选
-                  this.formData[items.fieldDbName] = this.formData[items.fieldDbName]?.toString()
+                if (items.type == 'checkbox') { //多选
+                  this.formData[items.fieldDbName] = this.formData[items.fieldDbName]?.filter(e => !!e)?.toString()
                 }
                 if (items.type == 'upload') {
                   this.formData[items.fieldDbName] = this.formData[items.fieldDbName].map(v => v.url).join(',')
                 }
 
-                if(items.type == 'gird' && this.formData[items.fieldDbName]) {
+                if (items.type == 'gird' && this.formData[items.fieldDbName]) {
                   this.formData[items.fieldDbName] = this.formData[items.fieldDbName] + '_' + this.girdName
                 }
-                if(items.type == 'area' && this.formData[items.fieldDbName]) {
+                if (items.type == 'area' && this.formData[items.fieldDbName]) {
                   var area = []
                   area.push(this.formData[items.fieldDbName])
-                  area.push(this.formData[items.fieldDbName+'_name'])
+                  area.push(this.formData[items.fieldDbName + '_name'])
                   this.formData[items.fieldDbName] = area.join('_')
                 }
               })
@@ -462,9 +469,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+::v-deep .ai-card {
   width: 100%;
 }
+
 .form-div {
   display: inline-block;
   vertical-align: top;
@@ -474,11 +482,10 @@ export default {
   ::v-deep .AiPersonSelect {
     .el-button {
       border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0;
-    background: transparent;
+      background-color: transparent;
+      color: inherit;
+      border-top: 0;
+      border-bottom: 0;
     }
   }
 }
diff --git a/packages/extra/AppCodeGeneration/components/List.vue b/packages/extra/AppCodeGeneration/components/List.vue
index e7a02982..fda35be0 100644
--- a/packages/extra/AppCodeGeneration/components/List.vue
+++ b/packages/extra/AppCodeGeneration/components/List.vue
@@ -139,7 +139,9 @@ export default {
           colItem = {label: item.fieldName, type: item.type, slot: item.fieldDbName, fieldDbName: item.fieldDbName}
         } else if (item.type == 'area') {
           colItem = {prop: item.fieldDbName + '_name', label: item.fieldName, align: "center"}
-        } else {
+        } else if (item.type == 'gird') {
+          colItem = {prop: item.fieldDbName + '_name', label: item.fieldName, align: "center"}
+        }else {
           colItem = {prop: item.fieldDbName, label: item.fieldName, align: "center"}
         }
         colList.push(colItem)
diff --git a/packages/grid/AppBuildManage/components/List.vue b/packages/grid/AppBuildManage/components/List.vue
index e12ca3ec..42a87865 100644
--- a/packages/grid/AppBuildManage/components/List.vue
+++ b/packages/grid/AppBuildManage/components/List.vue
@@ -303,6 +303,7 @@ export default {
 
     .is-current > .el-tree-node__content {
       background: #2266ff;
+      min-width: 100%;
 
       &:hover {
         background: #2266ff;
@@ -315,5 +316,9 @@ export default {
       }
     }
   }
+  ::v-deep .is-current>.el-tree-node__content{
+    width: 100%!important;
+    padding-right: 16px!important;
+  }
 }
 </style>
diff --git a/packages/grid/AppBuildMap/AppBuildMap.vue b/packages/grid/AppBuildMap/AppBuildMap.vue
index 33572f37..c4050a71 100644
--- a/packages/grid/AppBuildMap/AppBuildMap.vue
+++ b/packages/grid/AppBuildMap/AppBuildMap.vue
@@ -35,7 +35,7 @@
         <h2>房屋信息</h2>
         <div class="community-info__item">
           <label>所属社区</label>
-          <span>{{ info.areaName}}</span>
+          <span>{{ info.areaName }}</span>
         </div>
         <div class="community-info__item">
           <label>所属小区</label>
@@ -43,7 +43,7 @@
         </div>
         <div class="community-info__item">
           <label>房屋类型</label>
-          <span>{{ dict.getLabel("communityBuildingType",info.buildingType) }}</span>
+          <span>{{ dict.getLabel("communityBuildingType", info.buildingType) }}</span>
         </div>
         <div class="community-info__item">
           <label>楼长姓名</label>
@@ -51,7 +51,7 @@
         </div>
         <div class="community-info__item">
           <label>楼长电话</label>
-          <span>{{ info.managerPhone}}</span>
+          <span>{{ info.managerPhone }}</span>
         </div>
       </div>
 
@@ -59,7 +59,7 @@
         <h2>人员信息</h2>
         <div class="community-info__item">
           <label>姓名</label>
-          <span style="color:#2266FF;">{{ resident.name}}</span>
+          <span style="color:#2266FF;">{{ resident.name }}</span>
         </div>
         <div class="community-info__item">
           <label>所属单元</label>
@@ -67,7 +67,7 @@
         </div>
         <div class="community-info__item">
           <label>房号</label>
-          <span>{{house.houseCode}}</span>
+          <span>{{ house.houseCode }}</span>
         </div>
         <div class="community-info__item">
           <label>联系方式</label>
@@ -86,7 +86,8 @@
       <!--        </div>-->
       <div class="community-btn">
         <el-button icon="iconfont iconloudongmoxing" size="small"
-                   @click="$router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">楼栋模型
+                   @click="$router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">
+          楼栋模型
         </el-button>
       </div>
     </div>
@@ -153,19 +154,19 @@ export default {
       list: [],
       areaList: [],
       info: {},
-      resident:null,
+      resident: null,
       satellite: null,
       zoom: 11,
       chooseBuildId: '',
       buildList: [],
       searchList: [],
-      house:null,
-      center: []
+      house: null,
+      center: [],
+      mapLib: null
     }
   },
   computed: {
     ...mapState(['user']),
-
     hasCommunityId() {
       return !!this.$route.query?.communityId
     }
@@ -186,7 +187,7 @@ export default {
   },
 
   created() {
-    this.dict.load('householdRelation','communityBuildingType')
+    this.dict.load('householdRelation', 'communityBuildingType')
   },
 
   mounted() {
@@ -198,9 +199,9 @@ export default {
   },
 
   methods: {
-    getCorpLocation(){
-      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res=>{
-        if(res.code==0){
+    getCorpLocation() {
+      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res => {
+        if (res.code == 0) {
           this.initMap(res.data);
         }
       })
@@ -239,9 +240,9 @@ export default {
     },
 
     getBuildInfo(id) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`,null,{
-        params:{
-          buildId:id
+      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
+        params: {
+          buildId: id
         }
       }).then(res => {
         if (res.code === 0) {
@@ -255,11 +256,11 @@ export default {
     },
 
     chooseCommunity(item) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`,null,{
-        params:{
-          buildId:item.buildingId,
-          houseId:item.id,
-          residentId:item.residentId
+      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
+        params: {
+          buildId: item.buildingId,
+          houseId: item.id,
+          residentId: item.residentId
         }
       }).then(res => {
         if (res.code === 0) {
@@ -293,7 +294,7 @@ export default {
         <div class="polymeric-container">
           <p>${context.count}</p>
         </div>
-      </div>`
+      </div>`, {mapLib: AMap} = this
 
       let offset = new AMap.Pixel(-9, -9)
       context.marker.setContent(el)
@@ -308,12 +309,12 @@ export default {
     renderMarker(context) {
       const buildId = context.data[0].id
 
-      let el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId?'background-color:#2266FF':''}">
+      let el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId ? 'background-color:#2266FF' : ''}">
          <div class="mark-contaienr">
             <span>${context.data[0].communityName}</span>&nbsp;&nbsp;
             <span>${context.data[0].buildingNumber}栋</span>
           </div>
-        <div class="arrow" style="${buildId === this.chooseBuildId?'border-top-color: #2266FF':''}"></div>
+        <div class="arrow" style="${buildId === this.chooseBuildId ? 'border-top-color: #2266FF' : ''}"></div>
       </div>`
 
       context.marker.setContent(el);
@@ -336,6 +337,7 @@ export default {
     },
 
     addMakert(points) {
+      let {mapLib: AMap} = this
       new AMap.MarkerClusterer(this.map, points, {
         gridSize: 60,
         maxZoom: 15,
@@ -352,29 +354,26 @@ export default {
           size: 1000000
         }
       }).then(res => {
-        if (res.code === 0) {
+        if (res?.data) {
           this.buildList = res.data.records
           const points = res.data.records.map(item => {
             return {
               lnglat: [item.lng, item.lat],
               id: item.id,
               corpId: item.corpId,
-              areaName:item.areaName,
-              buildingNumber:item.buildingNumber,
-              communityName:item.communityName
+              areaName: item.areaName,
+              buildingNumber: item.buildingNumber,
+              communityName: item.communityName
             }
           })
-
           this.addMakert(points)
         }
       })
     },
-
     hidePopup() {
       this.isShowArea = false
       this.isShowSearch = false
     },
-
     switchLayer(flag) {
       if (flag) {
         this.map.addLayer(this.satellite)
@@ -384,9 +383,8 @@ export default {
 
       this.isImageMap = flag
     },
-
-    initMap({lng,lat}) {
-      this.center = [lng,lat];
+    initMap({lng, lat}) {
+      this.center = [lng, lat];
       AMapLoader.load({
         key: 'b553334ba34f7ac3cd09df9bc8b539dc',
         version: '2.0',
@@ -396,6 +394,7 @@ export default {
           plugins: []
         }
       }).then((AMap) => {
+        this.mapLib = AMap
         this.map = new AMap.Map('map', {
           resizeEnable: true,
           zooms: [6, 20],
@@ -422,7 +421,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper{
+::v-deep .ai-list__content--right-wrapper {
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -804,7 +803,7 @@ export default {
       white-space: nowrap;
     }
 
-    p:first-child{
+    p:first-child {
       font-size: 14px;
     }
 
@@ -816,7 +815,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+::v-deep .mark {
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -829,7 +828,7 @@ export default {
   box-sizing: border-box;
   padding: 0 12px;
 
-  .mark-contaienr{
+  .mark-contaienr {
     color: white;
     font-size: 14px;
     position: relative;
@@ -841,7 +840,7 @@ export default {
     justify-content: center;
   }
 
-  .arrow{
+  .arrow {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
diff --git a/packages/grid/AppBuildMap/buildingStatistics.vue b/packages/grid/AppBuildMap/buildingStatistics.vue
index 00209001..7096a132 100644
--- a/packages/grid/AppBuildMap/buildingStatistics.vue
+++ b/packages/grid/AppBuildMap/buildingStatistics.vue
@@ -1,74 +1,75 @@
 <template>
   <section class="buildingStatistics">
-    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId=''"/>
+    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder
+              @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId=''"/>
     <div class="buildingPane">
       <div class="bgItem tree"/>
-        <div class="building">
-          <template v-if="floorRooms.length>0">
-            <div class="buildingSignboard">{{ `${currentBuilding.buildingNumber}栋 ${unitNumber}单元` }}
-            </div>
-            <el-scrollbar class="floors">
-              <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
-                <div class="room" v-for="(op,i) in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)" :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
-                  {{ op.houseCode }}
-                  <div v-if="op.livingNumber==0">无人</div>
-                  <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
-                    <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
-                      <span>{{selected.houseCode}}详情</span>
-                      <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
-                    </el-row>
-                    <div class="family-member">
-                      <h2>房主信息</h2>
-                      <div v-for="(item,index) in selected.owner" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span style="color: #2266FF;">{{item.phone}}</span>
+      <div class="building">
+        <template v-if="floorRooms.length>0">
+          <div class="buildingSignboard" v-text="`${currentBuilding.buildingNumber}栋 ${unitNumber}单元`"/>
+          <el-scrollbar class="floors">
+            <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
+              <div class="room" v-for="op in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)"
+                   :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
+                {{ op.houseCode }}
+                <div v-if="op.livingNumber==0">无人</div>
+                <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
+                  <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
+                    <span>{{ selected.houseCode }}详情</span>
+                    <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
+                  </el-row>
+                  <div class="family-member">
+                    <h2>房主信息</h2>
+                    <div v-for="(item,index) in selected.owner" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
                       </div>
-
-                      <h2>承租人信息</h2>
-                      <div v-for="(item,index) in selected.renter" :key="item.id">
-                        <div class="family-member__item" >
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span>{{item.phone}}</span>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
                         </div>
+                        <span style="color: #2266FF;">{{ item.phone }}</span>
                       </div>
+                    </div>
 
-                      <h2>实际居住人员</h2>
-                      <div v-for="(item,index) in selected.live" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span>{{root.dict.getLabel("householdRelation",item.relation)}}</span>
+                    <h2>承租人信息</h2>
+                    <div v-for="(item,index) in selected.renter" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
+                      </div>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
+                        </div>
+                        <span>{{ item.phone }}</span>
+                      </div>
+                    </div>
+
+                    <h2>实际居住人员</h2>
+                    <div v-for="(item,index) in selected.live" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
+                        </div>
+                        <span>{{ root.dict.getLabel("householdRelation", item.relation) }}</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </el-scrollbar>
-          </template>
-          <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
-          <div class="bottom"/>
-        </div>
-      <building-tool-bar></building-tool-bar>
+            </div>
+          </el-scrollbar>
+        </template>
+        <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
+        <div class="bottom"/>
+      </div>
+      <building-tool-bar/>
     </div>
   </section>
 </template>
@@ -96,11 +97,11 @@ export default {
       rooms: [],
       selected: {},
       currentBuilding: {},
-      unitNumber:1,
+      unitNumber: 1,
       tips: [],
-      position:{
-        x:"",
-        y:""
+      position: {
+        x: "",
+        y: ""
       },
     }
   },
@@ -115,23 +116,23 @@ export default {
     }
   },
   created() {
-    this.dict.load('householdRelation', 'residentTipType',"houseLivingType")
+    this.dict.load('householdRelation', 'residentTipType', "houseLivingType")
     if (this.isFormDv && this.query.buildingId) {
       this.getRoomsByBuilding(this.query.buildingId, this.query.unitNum)
-      this.currentBuilding = { buildingNumber: this.query.buildingNumber}
+      this.currentBuilding = {buildingNumber: this.query.buildingNumber}
       this.unitNumber = this.query.unitNum
 
       return false
     }
-    this.getRoomsByBuilding(this.$route.query?.buildingId,this.$route.query?.unitNum)
+    this.getRoomsByBuilding(this.$route.query?.buildingId, this.$route.query?.unitNum)
     this.currentBuilding = {buildingNumber: this.$route.query?.buildingNumber};
     this.unitNumber = this.$route.query?.unitNum;
   },
   methods: {
     handleSelectRoom(room, e) {
       console.log(e)
-      if (room.livingNumber>0) {
-        this.$nextTick(()=>{
+      if (room.livingNumber > 0) {
+        this.$nextTick(() => {
           this.position.x = e.pageX + 40 + "px"
           this.position.y = e.pageY + "px"
           this.selected = room;
@@ -140,15 +141,17 @@ export default {
         // this.getRoomDetail(room.id)
       }
     },
-    selectedBuilding(building,unitNumber) {
+    selectedBuilding(building, unitNumber) {
       this.selected = {}
       this.tips = []
-      this.$router.push({query: {...this.$route.query, buildingId: building.id,unitNum:unitNumber}}).catch(e=>{e})
+      this.$router.push({query: {...this.$route.query, buildingId: building.id, unitNum: unitNumber}}).catch(e => {
+        e
+      })
       this.currentBuilding = building
       this.unitNumber = unitNumber
-      this.getRoomsByBuilding(building.id,unitNumber)
+      this.getRoomsByBuilding(building.id, unitNumber)
     },
-    getRoomsByBuilding(buildingId,unitNumber) {
+    getRoomsByBuilding(buildingId, unitNumber) {
       this.root.instance.post("/app/appcommunityhouseinfo/list", null, {
         params: {
           unitNumber,
@@ -170,11 +173,11 @@ export default {
           this.selected = {
             ...this.selected, ...res.data,
             residents: residents.map(e => {
-              let {tips} = e
-              //显示为户主
-              let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
-              return {...e, tips: tips ? tips.split("|") : [], relationLabel}
-            }
+                  let {tips} = e
+                  //显示为户主
+                  let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
+                  return {...e, tips: tips ? tips.split("|") : [], relationLabel}
+                }
             )
           }
         }
@@ -197,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title{
+  ::v-deep .ailist-title {
     margin: 0 20px;
   }
 
@@ -337,29 +340,37 @@ export default {
 
     ::v-deep .floors {
       max-height: 520px;
+      max-width: 60vw;
+      margin: 0 20px;
+      padding: 0 50px;
+      position: relative;
 
-      .el-scrollbar__wrap {
-        overflow-x: hidden;
-        margin-bottom: 0 !important;
+      &:before {
+        display: block;
+        content: " ";
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
+        background-size: 100% 105px;
       }
     }
 
     .floor {
-      margin: 0 20px;
+      position: relative;
       height: 105px;
-      flex-shrink: 0;
-      max-width: calc(100% - 40px);
       display: flex;
+      flex-shrink: 0;
       align-items: center;
-      background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
-      background-size: 100% 105px;
-      padding: 0 30px;
       box-sizing: border-box;
       gap: 20px;
 
       .room {
         width: 60px;
         height: 72px;
+        flex-shrink: 0;
         background-image: url("https://cdn.cunwuyun.cn/buildSta/room.png");
         text-align: center;
         padding-top: 20px;
diff --git a/packages/grid/AppBuildMap/toolBar/communityOverview.vue b/packages/grid/AppBuildMap/toolBar/communityOverview.vue
index b4a92afe..60b0652a 100644
--- a/packages/grid/AppBuildMap/toolBar/communityOverview.vue
+++ b/packages/grid/AppBuildMap/toolBar/communityOverview.vue
@@ -5,8 +5,8 @@
       <div class="building" v-for="(value,name) in buildingUnits" :key="name">
         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)"
              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}">
-          <b>{{ name}}栋</b>
-          <div>{{ j+1 }}单元</div>
+          <b>{{ name }}栋</b>
+          <div>{{ j + 1 }}单元</div>
         </div>
       </div>
     </div>
@@ -22,7 +22,7 @@ export default {
     buildingUnits() {
       let obj = {}
       this.units.map(e => {
-        for(let i=0;i<e.unitNumber;i++){
+        for (let i = 0; i < e.unitNumber; i++) {
           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e])
         }
       })
@@ -57,6 +57,8 @@ export default {
 <style lang="scss" scoped>
 .communityOverview {
   max-width: 400px;
+  max-height: 600px;
+  overflow-y: auto!important;
 
   .units {
     display: flex;
@@ -68,7 +70,7 @@ export default {
       display: flex;
       align-items: center;
       height: auto;
-      flex-wrap: wrap; 
+      flex-wrap: wrap;
 
       .unit {
         margin-right: 10px;
diff --git a/packages/grid/AppCommunityManage/components/Add.vue b/packages/grid/AppCommunityManage/components/Add.vue
index fcaf118d..2c699885 100644
--- a/packages/grid/AppCommunityManage/components/Add.vue
+++ b/packages/grid/AppCommunityManage/components/Add.vue
@@ -43,7 +43,12 @@
           <el-tree :data="treeObj.treeList" :props="treeObj.defaultProps" node-key="id" ref="tree"
                    :check-strictly="true" show-checkbox
                    :default-checked-keys="treeObj.checkedKeys" default-expand-all
-            @check="onCheckChange">
+                   @check="onCheckChange">
+            <template slot-scope="{node,data}">
+              <el-tooltip :content="node.label">
+                <div class="el-tree-node__label" v-text="node.label"/>
+              </el-tooltip>
+            </template>
           </el-tree>
         </div>
         <div class="dialog-footer" slot="footer">
@@ -131,7 +136,7 @@ export default {
       });
     },
 
-    onCheckChange (e) {
+    onCheckChange(e) {
       this.$nextTick(() => {
         this.$refs.tree.getCheckedKeys().forEach(v => {
           this.$refs.tree.setChecked(v, false)
@@ -140,12 +145,8 @@ export default {
       })
     },
 
-    format (list) {
+    format(list) {
       return list.map(item => {
-        if (item.girdLevel !== '2') {
-          item.disabled = true
-        }
-
         if (item.girdList && item.girdList.length) {
           item.girdList = this.format(item.girdList)
         }
diff --git a/packages/grid/AppGridBlock/AppGridBlock.vue b/packages/grid/AppGridBlock/AppGridBlock.vue
index 5eb35620..c7393f70 100644
--- a/packages/grid/AppGridBlock/AppGridBlock.vue
+++ b/packages/grid/AppGridBlock/AppGridBlock.vue
@@ -1,16 +1,6 @@
 <template>
   <div class="AppGridBlock">
-    <keep-alive include="List">
-      <component
-        ref="component"
-        :is="component"
-        @change="onChange"
-        :params="params"
-        :instance="instance"
-        :dict="dict"
-        :isEdit="isEdit"
-      ></component>
-    </keep-alive>
+    <component :is="currentPage" :instance="instance" :dict="dict"/>
   </div>
 </template>
 
@@ -26,44 +16,17 @@ export default {
     instance: Function,
     dict: Object,
   },
-
+  computed: {
+    currentPage() {
+      return this.$route.hash == "#add" ? Add : List
+    }
+  },
   data() {
     return {
       component: "List",
-      params: {},
-      include: [],
-      isEdit: false
     };
   },
-
-  components: {
-    Add,
-    List,
-  },
-
-  mounted() {},
-
-  methods: {
-    onChange(data) {
-      if (data.type === "Add") {
-        this.component = "Add";
-        this.params = data.params;
-        this.isEdit = data.isEdit
-      }
-
-      if (data.type === "list") {
-        this.component = "List";
-        this.params = data.params;
-
-        this.$nextTick(() => {
-          if (data.isRefresh) {
-            this.$refs.component.getList()
-            this.$refs.component.getTreeList()
-          }
-        });
-      }
-    },
-  },
+  components: {Add, List},
 };
 </script>
 
diff --git a/packages/grid/AppGridBlock/components/add.vue b/packages/grid/AppGridBlock/components/add.vue
index 7a7a15bc..6bd7ea5d 100644
--- a/packages/grid/AppGridBlock/components/add.vue
+++ b/packages/grid/AppGridBlock/components/add.vue
@@ -3,151 +3,56 @@
     <ai-detail>
       <template #title>
         <ai-title
-            :title="title"
+            :title="pageTitle"
             :isShowBack="true"
             :isShowBottomBorder="true"
             @onBackClick="cancel(false)"
-        ></ai-title>
+        />
       </template>
       <template #content>
-        <ai-card title="层级信息">
-          <template slot="content">
-            <ai-wrapper label-width="120px" :columnsNumber="2" style="margin-top: 16px">
-              <ai-info-item label="上级层级单位："><span>{{ forms.parentGirdName }}</span></ai-info-item>
-            </ai-wrapper>
-          </template>
-        </ai-card>
-
-        <el-form
-            ref="rules"
-            :model="forms"
-            :rules="formRules"
-            size="small"
-            label-suffix="："
-            label-width="120px"
-        >
+        <el-form ref="rules" :model="forms" :rules="formRules" size="small" label-suffix="：" label-width="120px">
           <ai-card title="基础信息">
             <template slot="content">
-              <div class="above">
-                <div class="left">
-                  <el-form-item label="网格名称" prop="girdName">
-                    <el-input
-                        v-model="forms.girdName"
-                        placeholder="请输入…"
-                        :maxlength="50"
-                        show-word-limit
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="网格类型" prop="girdType">
-                    <el-select
-                        v-model="forms.girdType"
-                        placeholder="请选择"
-                        clearable
-                        style="width: 100%;"
-                    >
-                      <el-option
-                          v-for="(item, i) in dict.getDict('girdType')"
-                          :key="i"
-                          :label="item.dictName"
-                          :value="item.dictValue"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="是否最后一级" prop="isLastLevel">
-                    <el-select
-                        v-model="forms.isLastLevel"
-                        placeholder="请选择"
-                        clearable
-                        style="width: 100%;"
-                    >
-                      <el-option
-                          v-for="(item, i) in dict.getDict('isLastLevel')"
-                          :key="i"
-                          :label="item.dictName"
-                          :value="item.dictValue"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
-                <div class="right">
-                  <el-form-item label="网格编码" prop="girdCode">
-                    <el-input
-                        v-model="forms.girdCode"
-                        placeholder="请输入…"
-                        maxlength="30"
-                        show-word-limit
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="网格层级" prop="girdLevel">
-                    <el-select
-                        v-model="forms.girdLevel"
-                        placeholder="请选择"
-                        :disabled="isEdit"
-                        clearable
-                        style="width: 100%;"
-                    >
-                      <el-option
-                          v-for="(item, i) in dict.getDict('girdLevel')"
-                          :key="i"
-                          :label="item.dictName"
-                          :value="item.dictValue"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
-              </div>
+              <el-form-item label="网格名称" prop="girdName">
+                <el-input v-model="forms.girdName" placeholder="请输入…" :maxlength="50" show-word-limit clearable/>
+              </el-form-item>
+              <el-form-item label="网格长" prop="girdMemberManageList">
+                <ai-user-picker :instance="instance" v-model="forms.girdMemberManageList" :props="{label:'name', id: 'id'}"/>
+              </el-form-item>
+              <el-form-item label="网格员" prop="girdMemberList">
+                <ai-user-picker :instance="instance" v-model="forms.girdMemberList" :props="{label:'name', id: 'id'}"/>
+              </el-form-item>
             </template>
           </ai-card>
-
           <ai-card title="其他信息">
             <template slot="content">
-              <div class="above">
-                <div class="left">
-                  <!-- <el-form-item label="事件上报主体" prop="eventReportUnitId">
-                    <el-cascader
-                      style="width: 100%"
-                      :options="unitOps"
-                      ref="cascader"
-                      v-model="forms.eventReportUnitId"
-                      :props="unitProps"
-                      :show-all-levels="false"
-                    />
-                  </el-form-item> -->
+              <el-row type="flex">
+                <div class="fill">
                   <el-form-item label="初始日期" prop="startDate">
                     <el-date-picker
                         v-model="forms.startDate"
                         type="date"
                         value-format="yyyy-MM-dd"
                         placeholder="选择日期"
-                        style="width: 100%;"
-                    >
-                    </el-date-picker>
+                        style="width: 100%;"/>
                   </el-form-item>
                   <el-form-item label="终止日期" prop="endDate">
-                    <el-date-picker
-                        v-model="forms.endDate"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="选择日期"
-                        style="width: 100%;"
-                    >
-                    </el-date-picker>
+                    <el-date-picker v-model="forms.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;"/>
                   </el-form-item>
                 </div>
-                <div class="right">
+                <div class="fill">
                   <el-form-item label="面积" prop="area">
-                    <el-input
-                        v-model="forms.area"
-                        placeholder="面积㎡"
-                    ></el-input>
+                    <el-input v-model="forms.area" placeholder="面积㎡" clearable/>
                   </el-form-item>
                 </div>
-              </div>
+              </el-row>
               <el-form-item label="网格地址" prop="address">
                 <el-input v-model="forms.address" placeholder="限200字" maxlength="200"></el-input>
               </el-form-item>
-              <el-form-item label="网格范围" prop="enclosure" v-if="forms.girdLevel === '2' || isAddLastLevel">
-                <el-button size="small" @click="showMap = true">地图标绘</el-button>
+              <el-form-item label="网格范围" prop="enclosure">
+                <map-plotting v-model="forms.points">
+                  <el-button size="small">地图标绘</el-button>
+                </map-plotting>
               </el-form-item>
             </template>
           </ai-card>
@@ -162,110 +67,30 @@
         </el-button>
       </template>
     </ai-detail>
-    <ai-dialog
-        title="网格范围"
-        :visible.sync="showMap"
-        :customFooter="true"
-        :destroyOnClose="true"
-        @opened="beforeSelectMap"
-        border
-        width="850px"
-    >
-      <div class="map">
-        <div class="tipinput">
-          <el-input
-              v-model="searchAddress"
-              @change="addressChange"
-              clearable
-              placeholder="请输入关键字"
-              id="tipinput"
-              size="medium"
-              style="width: 200px"
-          ></el-input>
-        </div>
-        <div id="panel"></div>
-        <div class="container" id="container"></div>
-        <el-button-group
-            style="margin-top: 8px"
-            v-if="forms.plottingStatus == 1"
-        >
-          <el-button type="primary" size="mini" @click="polyEditor.open()"
-          >开始编辑
-          </el-button
-          >
-          <el-button size="mini" @click="polyEditor.close()"
-          >结束编辑
-          </el-button
-          >
-        </el-button-group>
-        <el-button-group
-            style="margin-top: 8px"
-            v-if="forms.plottingStatus == 0"
-        >
-          <el-button size="mini" @click="draw('polygon')"
-          >开始绘制多边形
-          </el-button
-          >
-          <!-- <el-button  size="mini" @click="close()">关闭绘制</el-button> -->
-          <el-button size="mini" @click="clear()">清除绘制</el-button>
-        </el-button-group>
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button size="medium" @click="showMap = false">取消</el-button>
-        <el-button type="primary" size="medium" @click="surePotting()"
-        >确认
-        </el-button
-        >
-      </div>
-    </ai-dialog>
   </div>
 </template>
 
 <script>
-import AMapLoader from "@amap/amap-jsapi-loader";
 import {mapState} from "vuex";
+import MapPlotting from "./mapPlotting";
+import AiUserPicker from "../../components/AiUserPicker";
 
 export default {
   name: "addBlock",
+  components: {AiUserPicker, MapPlotting},
   props: {
     instance: Function,
     dict: Object,
     params: Object,
-    isEdit: Boolean
   },
   data() {
     return {
       forms: {
-        address: "",
-        area: "",
-        points: [],
-        endDate: "",
-        eventReportUnit: "",
-        eventReportUnitId: "",
-        girdCode: "",
-        girdLevel: "",
-        girdList: [],
-        girdName: "",
-        girdType: "",
-        isLastLevel: "",
-        parentGirdId: "",
-        parentGirdName: "",
-        startDate: "",
-        plottingStatus: "0",
+        girdMemberManageList: [],
+        girdMemberList: []
       },
-      showMap: false,
-      map: "",
-      mouseTool: "",
-      searchAddress: "",
-      placeSearch: "",
-      overlays: [],
       options: [],
-      path: [],
-      location: {},
-      polyEditor: "",
-      title: "添加网格区块",
       parentGirdInfo: {},
-      isAddLastLevel: false
     };
   },
   computed: {
@@ -275,9 +100,6 @@ export default {
         girdName: [
           {required: true, message: "请输入网格名称", trigger: "change"},
         ],
-        girdLevel: [
-          {required: true, message: "请选择网格层级", trigger: "change"},
-        ],
         girdCode: [
           {required: true, message: "请输入网格编号"},
           {pattern: /^\d+$/g, message: "请输入数字"},
@@ -297,28 +119,26 @@ export default {
       ops.map((e) => this.addChild(e, initData));
       return ops;
     },
+    pageTitle() {
+      return this.isEdit ? "编辑网格区块" : "添加网格区块"
+    },
+    isEdit() {
+      return !!this.$route.query.id;
+    }
   },
   created() {
-    this.getCorpLocation()
     if (this.isEdit) {
-      this.title = "编辑网格区块";
       this.searchDetail();
     } else {
-      this.forms.parentGirdId = this.params.id;
-      this.forms.parentGirdName = this.params.girdName;
-      this.isAddLastLevel = this.params.girdLevel === '1'
-      // this.forms.girdLevel = Number(this.info.girdLevel) + 1 +'';
-      // this.forms.isLastLevel = ['0','1'].includes(this.forms.girdLevel)?'0':'1';
-      this.title = "添加网格区块";
+      this.forms = {
+        ...this.forms,
+        ...this.$route.query
+      }
     }
-    // this.getAllUnit(this.user.info.areaId);
   },
   methods: {
-    cancel(isRefresh) {
-      this.$emit('change', {
-        type: 'list',
-        isRefresh: !!isRefresh,
-      })
+    cancel() {
+      this.$router.push({})
     },
     // 获取所有单位
     getAllUnit(data) {
@@ -335,159 +155,15 @@ export default {
         }
       });
     },
-    beforeSelectMap() {
-      AMapLoader.load({
-        key: "b553334ba34f7ac3cd09df9bc8b539dc", // 申请好的Web端开发者Key，首次调用 load 时必填
-        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-        plugins: ["AMap.MouseTool", "AMap.PlaceSearch", "AMap.PolygonEditor"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-        AMapUI: {
-          // 是否加载 AMapUI，缺省不加载
-          version: "1.1", // AMapUI 缺省 1.1
-          plugins: [], // 需要加载的 AMapUI ui插件
-        },
-      })
-      .then((AMap) => {
-        this.map = new AMap.Map("container", {
-          resizeEnable: true,
-        });
-        if (this.forms.plottingStatus == 1) {
-          let path = [];
-          this.forms.points.map((e, index) => {
-            path[index] = [e.lng, e.lat];
-          });
-          let polygon = new AMap.Polygon({
-            path: path,
-            strokeColor: "#FF33FF",
-            strokeWeight: 6,
-            strokeOpacity: 0.2,
-            fillOpacity: 0.4,
-            fillColor: "#1791fc",
-            zIndex: 50,
-            bubble: true,
-          });
-          this.map.add([polygon]);
-          this.map.setFitView();
-          this.polyEditor = new AMap.PolygonEditor(this.map, polygon);
-        } else {
-          this.mouseTool = new AMap.MouseTool(this.map);
-          // this.map.add(new AMap.Marker({
-          //     position:this.map.getCenter()
-          // }));
-          this.placeSearch = new AMap.PlaceSearch({
-            pageSize: 3, // 单页显示结果条数
-            pageIndex: 1, // 页码
-            city: "", // 兴趣点城市
-            citylimit: false, //是否强制限制在设置的城市内搜索
-            map: this.map, // 展现结果的地图实例
-            panel: "panel", // 结果列表将在此容器中进行展示。
-            autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
-          });
-          this.map.setZoomAndCenter(14, [this.location.lng, this.location.lat], false, 600);
-          this.eventOn();
-        }
-      })
-    },
-    getCorpLocation() {
-      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res => {
-        if (res.code == 0) {
-          this.location = res.data
-        }
-      })
-    },
-    //地图事件绑定
-    eventOn() {
-      this.path = [];
-      this.overlays = [];
-      this.map.on("mousemove", null, this);
-      this.mouseTool.on("draw", ({obj}) => {
-        obj.getPath().map((e) => {
-          this.path.push({lat: e.getLat(), lng: e.getLng()});
-        });
-        this.overlays.push(obj);
-      })
-    },
-    //map搜索
-    addressChange(val) {
-      this.placeSearch.search(val);
-    },
-    close() {
-      this.mouseTool.close(true);
-    },
-    clear() {
-      this.map.remove(this.overlays);
-      this.overlays = [];
-      this.path = [];
-    },
-    draw(type) {
-      switch (type) {
-        case "marker": {
-          this.mouseTool.marker({
-            //同Marker的Option设置
-          });
-          break;
-        }
-        case "polyline": {
-          this.mouseTool.polyline({
-            strokeColor: "#80d8ff",
-            //同Polyline的Option设置
-          });
-          break;
-        }
-        case "polygon": {
-          this.mouseTool.polygon({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            borderWeight: 2,
-            strokeWeight: 4,
-            //同Polygon的Option设置
-          });
-          break;
-        }
-        case "rectangle": {
-          this.mouseTool.rectangle({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            //同Polygon的Option设置
-          });
-          break;
-        }
-        case "circle": {
-          this.mouseTool.circle({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            //同Circle的Option设置
-          });
-          break;
-        }
-      }
-    },
-    surePotting() {
-      this.forms.points = [];
-      // this.forms.eventReportUnit = this.$refs.cascader.getCheckedNodes().label;
-      if (this.forms.plottingStatus == 1) {
-        this.polyEditor
-        .getTarget()
-        .getPath()
-        .map((e) => {
-          this.forms.points.push({lng: e.lng, lat: e.lat});
-        });
-      } else {
-        this.forms.points = [...this.path];
-      }
-      this.showMap = false;
-    },
     save() {
       this.$refs["rules"].validate((valid) => {
         if (valid) {
-          this.instance
-          .post(
-              `/app/appgirdinfo/addOrUpdate`,
-              {
-                ...this.forms,
-              },
-              null
-          )
-          .then((res) => {
+          let {girdMemberManageList, girdMemberList} = this.forms
+          this.instance.post(`/app/appgirdinfo/addOrUpdate`, {
+            ...this.forms,
+            girdMemberManageList: girdMemberManageList?.map(v => ({wxUserId: v.id})) || [],
+            girdMemberList: girdMemberList?.map(v => ({wxUserId: v.id})) || []
+          }).then((res) => {
             if (res.code == 0) {
               this.cancel(true)
             }
@@ -499,11 +175,26 @@ export default {
       });
     },
     searchDetail() {
+      let {id} = this.$route.query
       this.instance.post(`/app/appgirdinfo/queryDetailById`, null, {
-        params: {id: this.params.id},
+        params: {id},
       }).then((res) => {
         if (res?.data) {
-          this.forms = {...res.data};
+          this.forms = {
+            ...res.data,
+            girdMemberManageList: res.data.girdMemberManageList ? res.data.girdMemberManageList.map(v => {
+              return {
+                ...v,
+                id: v.wxUserId
+              }
+            }) : [],
+            girdMemberList: res.data.girdMemberList ? res.data.girdMemberList.map(v => {
+              return {
+                ...v,
+                id: v.wxUserId
+              }
+            }) : []
+          };
           this.parentGirdInfo = res.data.parentGirdInfo;
           this.forms.parentGirdName = res.data.parentGirdInfo && res.data.parentGirdInfo.girdName;
         }
@@ -518,63 +209,8 @@ export default {
   width: 100%;
   height: 100%;
 
-  ::v-deep .amap-copyright {
-    display: none !important;
-  }
-
-  ::v-deep .amap-logo {
-    display: none !important;
-  }
-
-  .above {
-    overflow: hidden;
-    padding: 8px 0;
-
-    .left {
-      width: 380px;
-      float: left;
-    }
-
-    .right {
-      width: 380px;
-      float: right;
-    }
-  }
-
   .footer-btn {
     width: 92px;
   }
-
-  .map {
-    width: 780px;
-    position: relative;
-    overflow: hidden;
-
-    .container {
-      width: 760px;
-      height: 420px;
-      border-radius: 2px;
-      border: 1px solid #d0d4dc;
-    }
-
-    #panel {
-      position: absolute;
-      height: 400px;
-      right: 30px;
-      top: 20px;
-      width: 280px;
-      overflow: hidden;
-      z-index: 10000;
-    }
-
-    .tipinput {
-      position: absolute;
-      width: 200px;
-      height: 38px;
-      left: 20px;
-      top: 20px;
-      z-index: 10000;
-    }
-  }
 }
 </style>
diff --git a/packages/grid/AppGridBlock/components/list.vue b/packages/grid/AppGridBlock/components/list.vue
index 3209908c..ff2e7b87 100644
--- a/packages/grid/AppGridBlock/components/list.vue
+++ b/packages/grid/AppGridBlock/components/list.vue
@@ -1,84 +1,86 @@
 <template>
-  <div class="app-grid-block">
+  <section class="app-grid-block">
     <ai-list>
       <template slot="title">
         <ai-title title="网格区块" :isShowBottomBorder="true"></ai-title>
       </template>
       <template slot="left">
-        <ai-tree-menu title="网格层级" @search="(v) => $refs.tree.filter(v)">
+        <ai-tree-menu title="网格层级" @search="v=> $refs.tree.filter(v)">
           <el-tree
-            :data="treeObj.treeList"
-            :props="treeObj.defaultProps"
-            @node-click="handleNodeClick"
-            node-key="id"
-            ref="tree"
-            :filter-node-method="filterNode"
-            default-expand-all
-            highlight-current
-          />
+              :data="treeObj.treeList"
+              :props="treeObj.defaultProps"
+              @node-click="handleNodeClick"
+              node-key="id"
+              ref="tree"
+              :filter-node-method="filterNode"
+              default-expand-all
+              highlight-current>
+            <template slot-scope="{node,data}">
+              <div v-text="node.label"/>
+            </template>
+          </el-tree>
         </ai-tree-menu>
       </template>
       <template slot="content">
         <ai-search-bar>
           <template slot="left">
             <el-date-picker
-              v-model="searchObj.createTimeStr"
-              type="date"
-              @change="(page.current = 1), getList()"
-              value-format="yyyy-MM-dd"
-              size="small"
-              placeholder="创建时间"
+                v-model="searchObj.createTimeStr"
+                type="date"
+                @change="(page.current = 1), getList()"
+                value-format="yyyy-MM-dd"
+                size="small"
+                placeholder="创建时间"
             >
             </el-date-picker>
           </template>
           <template slot="right">
             <el-input
-              v-model="searchObj.girdName"
-              size="small"
-              placeholder="输入网格名称"
-              @keyup.enter.native="(page.current = 1), getList()"
-              clearable
-              v-throttle="() => {page.current = 1, getList()}"
-              @clear="(searchObj.girdName = '', page.current = 1), getList()"
-              suffix-icon="iconfont iconSearch"
+                v-model="searchObj.girdName"
+                size="small"
+                placeholder="输入网格名称"
+                @keyup.enter.native="(page.current = 1), getList()"
+                clearable
+                @clear="(searchObj.girdName = '', page.current = 1), getList()"
+                suffix-icon="iconfont iconSearch"
             />
           </template>
         </ai-search-bar>
         <ai-search-bar bottomBorder>
           <template slot="left">
             <el-button
-              type="primary"
-              icon="iconfont iconAdd"
-              :disabled="info.girdLevel === '3'"
-              @click="(isEdit = false), toAdd()"
-              >新增
+                type="primary"
+                icon="iconfont iconAdd"
+                @click="(isEdit = false), toAdd()"
+            >新增
             </el-button>
             <el-button
-              icon="iconfont iconDelete"
-              @click="deleteById(ids.join(','))"
-              :disabled="!Boolean(ids.length)"
+                icon="iconfont iconDelete"
+                @click="deleteById(ids.join(','))"
+                :disabled="!Boolean(ids.length)"
             >
               删除
             </el-button>
             <ai-download
-              :instance="instance"
-              url="/app/appgirdinfo/exportGirdInfo"
-              :params="{ ...searchObj, ids: ids.join(',') }"
-              fileName="网格区块"
+                :instance="instance"
+                url="/app/appgirdinfo/exportGirdInfo"
+                :params="{ ...searchObj, ids: ids.join(',') }"
+                fileName="网格区块"
             >
               <el-button icon="iconfont iconExported" size="small"
-                >导出全部</el-button
+              >导出全部
+              </el-button
               >
             </ai-download>
             <ai-import
-              ref="import"
-              title="导入"
-              name="网格区块"
-              url="/app/appgirdinfo/downloadGirdInfo"
-              importUrl="/app/appgirdinfo/importGirdInfo"
-              suffixName="xlsx"
-              :customCliker="true"
-              :instance="instance"
+                ref="import"
+                title="导入"
+                name="网格区块"
+                url="/app/appgirdinfo/downloadGirdInfo"
+                importUrl="/app/appgirdinfo/importGirdInfo"
+                suffixName="xlsx"
+                :customCliker="true"
+                :instance="instance"
             >
               <template slot="tips">
                 <p>
@@ -86,104 +88,60 @@
                 </p>
               </template>
               <el-button size="small" icon="iconfont iconImport"
-                >导入</el-button
+              >导入
+              </el-button
               >
             </ai-import>
           </template>
         </ai-search-bar>
         <ai-table
-          class="mt10"
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="page.total"
-          ref="aitableex"
-          :current.sync="page.current"
-          :size.sync="page.size"
-          @selection-change="(v) => (ids = v.map((e) => e.id))"
-          @getList="getList()"
-        >
-          <el-table-column
-            slot="selectId"
-            type="selection"
-            align="center"
-            width="40"
-          >
+            class="mt10"
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            ref="aitableex"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @selection-change="v=>ids=v.map((e) => e.id)"
+            @getList="getList()"
+            :dict="dict">
+          <el-table-column label="网格成员" slot="user" align="center" width="160">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="showGridMembers(row)">{{ row.girdMemberNumber || 0 }}</el-button>
+            </template>
           </el-table-column>
           <el-table-column
-            label="操作"
-            slot="options"
-            align="center"
-            fixed="right"
-            width="160">
+              label="操作"
+              slot="options"
+              align="center"
+              fixed="right"
+              width="160">
             <template slot-scope="{ row }">
-              <div class="table-options">
-                <el-button type="text" @click="see(row)">编辑</el-button>
-                <el-button type="text" @click="poltting(row)" :disabled="row.girdLevel !== '2'">标绘</el-button>
-                <el-button type="text" @click="deleteById(row.id)">删除</el-button>
-              </div>
+              <el-button type="text" @click="showEdit(row.id)">编辑</el-button>
+              <map-plotting :value="row.points" @change="v=>confirm(row,v)"/>
+              <el-button type="text" @click="deleteById(row.id)">删除</el-button>
             </template>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
-    <ai-dialog
-      title="网格范围"
-      :visible.sync="showMap"
-      :customFooter="true"
-      :destroyOnClose="true"
-      border
-      width="850px"
-    >
-      <div class="map">
-        <div class="tipinput">
-          <el-input
-            v-if="editRow.plottingStatus == 0"
-            v-model="searchAddress"
-            @change="addressChange"
-            clearable
-            placeholder="请输入关键字"
-            id="tipinput"
-            size="medium"
-            style="width: 200px"
-          ></el-input>
-        </div>
-        <div id="panel" v-if="editRow.plottingStatus == 0"></div>
-        <div class="container" id="container"></div>
-        <el-button-group
-          style="margin-top: 8px"
-          v-if="editRow.plottingStatus == 1"
-        >
-          <el-button type="primary" size="mini" @click="beginPoltting()"
-            >开始编辑</el-button
-          >
-          <el-button size="mini" @click="finishPoltting()">结束编辑</el-button>
-        </el-button-group>
-        <el-button-group
-          style="margin-top: 8px"
-          v-if="editRow.plottingStatus == 0"
-        >
-          <el-button size="mini" @click="draw('polygon')"
-            >开始绘制多边形</el-button
-          >
-          <!-- <el-button  size="mini" @click="close()">关闭绘制</el-button> -->
-          <el-button size="mini" @click="clear()">清除绘制</el-button>
-        </el-button-group>
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button size="medium" @click="showMap = false">取消</el-button>
-        <el-button type="primary" size="medium" @click="confirm()"
-          >确认</el-button
-        >
-      </div>
+    <ai-dialog :title="`${gridInfo.girdName}网格成员`" :visible.sync="dialog" customFooter @closed="gridInfo={}"
+               width="700px">
+      <ai-table :tableData="gridInfo.tableData" :colConfigs="gridMemberColConfigs" :dict="dict"
+                :isShowPagination="false" :show-header="false"/>
+      <template #footer>
+        <el-button @click="dialog=false">关闭</el-button>
+      </template>
     </ai-dialog>
-  </div>
+  </section>
 </template>
 
 <script>
-import AMapLoader from "@amap/amap-jsapi-loader";
+import MapPlotting from "./mapPlotting";
 
 export default {
   name: "List",
+  components: {MapPlotting},
   label: "网格区块",
   props: {
     instance: Function,
@@ -223,167 +181,95 @@ export default {
       path: [],
       overlays: [],
       isEdit: false,
-      searchId: "",
       fileList: [],
-      location: {}
+      dialog: false,
+      gridInfo: {},
+      gridMemberColConfigs: [
+        {prop: "name"},
+        {prop: "checkType", formart: v => v === '1' ? '网格员' : '网格长'}
+      ]
     };
   },
   created() {
     this.getTreeList();
     this.getList();
-    this.getCorpLocation()
-    this.dict.load("girdLevel", "girdType", "isLastLevel", "plottingStatus");
+    this.dict.load("girdType", "isLastLevel", "plottingStatus", "girdMemberType");
   },
   computed: {
     colConfigs() {
-      let _ = this;
       return [
-        { type: 'selection'},
-        {
-          prop: "girdName",
-          align: "left",
-          label: "网格名称",
-        },
-        {
-          prop: "girdCode",
-          align: "center",
-          label: "网格编码",
-        },
-        {
-          prop: "girdType",
-          align: "center",
-          label: "网格类型",
-          render(h, { row }) {
-            return h("span", {}, _.dict.getLabel("girdType", row.girdType) || '-');
-          },
-        },
-        {
-          prop: "girdLevel",
-          align: "center",
-          label: "网格层级",
-          render(h, { row }) {
-            return h("span", {}, _.dict.getLabel("girdLevel", row.girdLevel) || '-');
-          },
-        },
-        {
-          prop: "plottingStatus",
-          align: "center",
-          label: "标绘状态",
-          render(h, { row }) {
-            return h(
-              "span",
-              {
-                style: {
-                  color: _.dict.getColor("plottingStatus", row.plottingStatus),
-                },
-              },
-              _.dict.getLabel("plottingStatus", row.plottingStatus)
-            );
-          },
-        },
-        {
-          prop: "createTime",
-          align: "center",
-          label: "创建时间",
-          render(h, { row }) {
-            return h("span", {}, row.createTime.substring(0, 11));
-          },
-        },
-        {
-          prop: "girdMemberNames",
-          align: "center",
-          width: 200,
-          label: "网格员",
-        },
+        {type: 'selection'},
+        {prop: "girdName", align: "left", label: "网格名称",},
+        {slot: 'user'},
+        {prop: "plottingStatus", align: "center", label: "标绘状态", dict: "plottingStatus"},
+        {prop: "createTime", align: "center", label: "创建时间"},
+        {slot: "options"}
       ];
     },
+    isTopGrid() {
+      return this.info.id == this.treeObj.treeList?.[0]?.id
+    }
   },
   methods: {
-    getCorpLocation(){
-      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res=>{
-        if(res.code==0){
-          this.location = res.data
-        }
-      })
-    },
     handleNodeClick(val) {
-      this.info = { ...val };
-      this.searchId = val.id;
+      this.info = this.$copy(val);
       this.getList();
     },
     getTreeList() {
-      this.instance
-        .post("/app/appgirdinfo/listByTop", null, null)
-        .then((res) => {
-          if (res.code == 0) {
-            this.treeObj.treeList = [...res.data];
-            this.info = { ...this.treeObj.treeList[0] };
-
-            this.$nextTick(() => {
-              this.treeObj.treeList.length && this.$refs.tree.setCurrentKey(this.treeObj.treeList[0].id)
-            })
-          }
-        });
+      this.instance.post("/app/appgirdinfo/listAllByTop").then(res => {
+        if (res?.data) {
+          this.treeObj.treeList = [res.data];
+          this.info = res.data
+          this.$nextTick(() => {
+            this.$refs.tree.setCurrentKey(this.info.id)
+          })
+        }
+      });
     },
     filterNode(value, data) {
       if (!value) return true;
       return data.girdName.indexOf(value) !== -1;
     },
     deleteById(ids) {
-      ids &&
-        this.$confirm("是否要删除该网格区块？", {
-          type: "error",
-        })
-          .then(() => {
-            this.instance
-              .post("/app/appgirdinfo/delete", null, {
-                params: { ids },
-              })
-              .then((res) => {
-                if (res?.code == 0) {
-                  this.$message.success("删除成功!");
-
-                  this.getList();
-                }
-              });
-          })
-          .catch(() => {});
-    },
-    deleteTree(ids) {
-      ids &&
-        this.$confirm("是否要删除该网格区块？", {
-          type: "error",
-        })
-          .then(() => {
-            this.instance
-              .post("/app/appgirdinfo/delete", null, {
-                params: { ids },
-              })
-              .then((res) => {
-                if (res?.code == 0) {
-                  this.$message.success("删除成功!");
-
-                  this.getTreeList();
-                }
-              });
-          })
-          .catch(() => {});
-    },
-    getList() {
-      this.instance
-        .post("/app/appgirdinfo/list", null, {
-          params: {
-            ...this.searchObj,
-            ...this.page,
-            parentGirdId: this.info.girdLevel === '0' ? '' : this.searchId,
-          },
-        })
-        .then((res) => {
-          if (res?.data) {
-            this.tableData = res.data.records;
-            this.page.total = res.data.total;
+      ids && this.$confirm("删除网格后，会清除网格内网格员的责任家庭信息，如有下级网格，会同步删除下级网格所有数据!", {
+        type: "error",
+      }).then(() => {
+        this.instance.post("/app/appgirdinfo/delete", null, {params: {ids}}).then((res) => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!");
+            this.getList();
+            this.getTreeList();
           }
         });
+      }).catch(() => 0);
+    },
+    deleteTree(ids) {
+      ids && this.$confirm("是否要删除该网格区块？", {
+        type: "error",
+      }).then(() => {
+        this.instance.post("/app/appgirdinfo/delete", null, {
+          params: {ids}
+        }).then((res) => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!");
+            this.getTreeList();
+          }
+        });
+      }).catch(() => 0);
+    },
+    getList() {
+      this.instance.post("/app/appgirdinfo/list", null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+          parentGirdId: this.isTopGrid ? '' : this.info.id,
+        },
+      }).then((res) => {
+        if (res?.data) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      });
     },
     handleSelectionChange(val) {
       this.ids = [];
@@ -393,14 +279,13 @@ export default {
     },
     //添加二级网格
     addTwoLevel() {
-      this.info = { ...this.treeObj.treeList[0] };
+      this.info = {...this.treeObj.treeList[0]};
       this.toAdd()
     },
     toAdd() {
-      this.$emit('change', {
-        type: 'Add',
-        params: this.info,
-        isEdit: this.isEdit
+      let {id: parentGirdId, girdName: parentGirdName} = this.info
+      this.$router.push({
+        hash: "#add", query: {parentGirdId, parentGirdName}
       })
     },
     goBack() {
@@ -410,165 +295,16 @@ export default {
         this.getTreeList();
       });
     },
-    poltting(row) {
-      this.showMap = true;
-      this.editRow = { ...row };
-      AMapLoader.load({
-        key: "b553334ba34f7ac3cd09df9bc8b539dc", // 申请好的Web端开发者Key，首次调用 load 时必填
-        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-        plugins: ["AMap.PolygonEditor", "AMap.MouseTool", "AMap.PlaceSearch"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-        AMapUI: {
-          // 是否加载 AMapUI，缺省不加载
-          version: "1.1", // AMapUI 缺省 1.1
-          plugins: [], // 需要加载的 AMapUI ui插件
-        },
-      })
-        .then((AMap) => {
-          this.map = new AMap.Map("container", {
-            resizeEnable: true,
-            zoom: 14,
-          });
-          if (this.editRow.plottingStatus == 1) {
-            let path = [];
-            this.editRow.points.map((e, index) => {
-              path[index] = [e.lng, e.lat];
-            });
-            let polygon = new AMap.Polygon({
-              path: path,
-              strokeColor: "#FF33FF",
-              strokeWeight: 6,
-              strokeOpacity: 0.2,
-              fillOpacity: 0.4,
-              fillColor: "#1791fc",
-              zIndex: 50,
-              bubble: true,
-            });
-            this.map.add([polygon]);
-            this.map.setFitView();
-            this.polyEditor = new AMap.PolygonEditor(this.map, polygon);
-          } else {
-            this.mouseTool = new AMap.MouseTool(this.map);
-            this.placeSearch = new AMap.PlaceSearch({
-              pageSize: 3, // 单页显示结果条数
-              pageIndex: 1, // 页码
-              city: "", // 兴趣点城市
-              citylimit: false, //是否强制限制在设置的城市内搜索
-              map: this.map, // 展现结果的地图实例
-              panel: "panel", // 结果列表将在此容器中进行展示。
-              autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
-            });
-            this.map.setZoomAndCenter(14, [this.location.lng, this.location.lat], false, 600);
-            this.eventOn();
-          }
-        })
-        .catch((e) => {
-          console.log(e);
-        });
-    },
-    see(row) {
-      this.info = { ...row };
-      this.isEdit = true;
-     this.toAdd()
-    },
-    draw(type) {
-      switch (type) {
-        case "marker": {
-          this.mouseTool.marker({
-            //同Marker的Option设置
-          });
-          break;
-        }
-        case "polyline": {
-          this.mouseTool.polyline({
-            strokeColor: "#80d8ff",
-            //同Polyline的Option设置
-          });
-          break;
-        }
-        case "polygon": {
-          this.mouseTool.polygon({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            borderWeight: 2,
-            strokeWeight: 4,
-            //同Polygon的Option设置
-          });
-          break;
-        }
-        case "rectangle": {
-          this.mouseTool.rectangle({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            //同Polygon的Option设置
-          });
-          break;
-        }
-        case "circle": {
-          this.mouseTool.circle({
-            fillColor: "#00b0ff",
-            strokeColor: "#80d8ff",
-            //同Circle的Option设置
-          });
-          break;
-        }
-      }
+    showEdit(id) {
+      this.$router.push({hash: "#add", query: {id}})
     },
     //map搜索
-    addressChange(val) {
-      this.placeSearch.search(val);
-    },
-    close() {
-      this.mouseTool.close(true);
-    },
-    clear() {
-      this.map.remove(this.overlays);
-      this.overlays = [];
-      this.path = [];
-    },
-    beginPoltting() {
-      this.polyEditor.open();
-    },
-    finishPoltting() {
-      this.polyEditor.close();
-    },
-    confirm() {
-      let path = [];
-      if (this.editRow.plottingStatus == 1) {
-        this.polyEditor
-          .getTarget()
-          .getPath()
-          .map((e) => {
-            path.push({ lng: e.lng, lat: e.lat });
-          });
-      } else {
-        path = [...this.path];
-      }
-      delete this.editRow.points;
-      this.instance
-        .post(
-          `/app/appgirdinfo/addOrUpdate`,
-          {
-            ...this.editRow,
-            points: path,
-          },
-          null
-        )
-        .then((res) => {
-          if (res.code == 0) {
-            this.getList();
-            this.showMap = false;
-          }
-        });
-    },
-    eventOn() {
-      this.path = [];
-      this.overlays = [];
-      this.map.on("mousemove", this.showInfoMove, this);
-      this.mouseTool.on("draw", ({ type, obj }) => {
-        obj.getPath().map((e) => {
-          this.path.push({ lat: e.getLat(), lng: e.getLng() });
-        });
-        this.overlays.push(obj);
+    confirm(row, points) {
+      this.instance.post(`/app/appgirdinfo/addOrUpdate`, {...row, points}).then((res) => {
+        if (res.code == 0) {
+          this.$message.success("提交成功!")
+          this.getList();
+        }
       });
     },
     resetSearch() {
@@ -577,6 +313,19 @@ export default {
       });
       this.getList();
     },
+    showGridMembers(row) {
+      if (row.girdMemberNumber > 0) {
+        this.gridInfo = this.$copy(row)
+        this.instance.post("/app/appgirdmemberinfo/listByGirdIdByThree", null, {
+          params: {girdId: row.id}
+        }).then(res => {
+          if (res?.data) {
+            this.gridInfo.tableData = res.data
+            this.dialog = true
+          }
+        })
+      } else this.$message.warning("当前网格无成员")
+    }
   },
 };
 </script>
@@ -585,11 +334,12 @@ export default {
 .app-grid-block {
   width: 100%;
   height: 100%;
+
   ::v-deep .el-tree {
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
-      color: transparent!important;
+      color: transparent !important;
     }
 
     .el-tree-node__content > .el-tree-node__expand-icon {
@@ -616,52 +366,60 @@ export default {
     }
 
     .is-current > .el-tree-node__content {
+      color: #fff !important;
+
       &:hover {
         background: #2266FF;
         color: #fff;
       }
 
       background: #2266FF;
-      
-      span {
+
+      .el-tooltip {
         color: #fff;
       }
     }
   }
 
+  .flex-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+
+    & > div {
+      display: flex;
+    }
+  }
+
   .mt10 {
     padding: 8px 0;
   }
 
-  .map {
-    width: 780px;
-    position: relative;
-    overflow: hidden;
+  ::v-deep.fullscreenMap {
+    .el-dialog {
+      display: flex;
+      flex-direction: column;
 
-    .container {
-      width: 760px;
-      height: 420px;
-      border-radius: 2px;
-      border: 1px solid #d0d4dc;
-    }
+      .el-dialog__body {
+        padding: 0;
+        flex: 1;
+        min-height: 0;
 
-    #panel {
-      position: absolute;
-      height: 400px;
-      right: 30px;
-      top: 20px;
-      width: 280px;
-      overflow: hidden;
-      z-index: 10000;
-    }
+        .ai-dialog__content {
+          max-height: unset !important;
+          padding-bottom: 0;
+          height: 100%;
 
-    .tipinput {
-      position: absolute;
-      width: 200px;
-      height: 38px;
-      left: 20px;
-      top: 20px;
-      z-index: 10000;
+          .ai-dialog__content--wrapper {
+            padding-right: 0 !important;
+          }
+        }
+      }
     }
   }
 
diff --git a/packages/grid/AppGridBlock/components/mapPlotting.vue b/packages/grid/AppGridBlock/components/mapPlotting.vue
new file mode 100644
index 00000000..9369bb88
--- /dev/null
+++ b/packages/grid/AppGridBlock/components/mapPlotting.vue
@@ -0,0 +1,233 @@
+<template>
+  <section class="mapPlotting">
+    <div class="clicker" @click="dialog=true,$emit('open')">
+      <slot v-if="$slots.default"/>
+      <el-button v-else type="text">标绘</el-button>
+    </div>
+    <ai-dialog :title="title" class="fullscreenMap"
+               :visible.sync="dialog"
+               :destroyOnClose="true"
+               @close="points=[]"
+               border fullscreen
+               @open="initMap" :modal="false"
+               @onConfirm="$emit('change',points.flat()),dialog=false">
+      <div class="mapPanel">
+        <div class="tipinput">
+          <el-input
+              v-model="searchAddress"
+              @change="addressChange"
+              clearable
+              placeholder="请输入关键字"
+              id="tipinput"
+              size="medium"/>
+        </div>
+        <div id="panel"/>
+        <div class="container fill" id="container"/>
+        <div class="operationBtns" v-if="map">
+          <el-alert type="success" title="操作说明:" :closable="false">
+            <li>1.双击覆盖物即可编辑</li>
+            <li>2.编辑状态,对点双击可删除该点</li>
+            <li>3.绘制状态,右键结束绘制</li>
+            <li>4.结束编辑才能保存绘制的覆盖物信息</li>
+          </el-alert>
+          <el-button-group>
+            <el-button type="primary" @click="handleAdd">新建</el-button>
+            <el-button @click="polyEditor.close()">结束编辑</el-button>
+            <el-button @click="clear()">清除绘制</el-button>
+          </el-button-group>
+        </div>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import AMapLoader from "@amap/amap-jsapi-loader";
+import {mapState} from "vuex";
+
+export default {
+  name: "mapPlotting",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    title: {default: "地图标绘"},
+    value: Array
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  data() {
+    return {
+      map: null,
+      polyEditor: null,
+      placeSearch: null,
+      searchAddress: "",
+      overlays: [],
+      points: [],
+      dialog: false
+    }
+  },
+  methods: {
+    addressChange(val) {
+      this.placeSearch.search(val);
+    },
+    clear() {
+      this.map.remove(this.overlays);
+      this.overlays = [];
+      this.points = []
+    },
+    handleAdd() {
+      if (this.points?.length == 0) {
+        let {polyEditor} = this
+        polyEditor.close();
+        polyEditor.setTarget();
+        polyEditor.open();
+      } else this.$message.error("请先清除已标绘图形!")
+    },
+    initMap() {
+      setTimeout(() => AMapLoader.load({
+        key: "b553334ba34f7ac3cd09df9bc8b539dc", // 申请好的Web端开发者Key，首次调用 load 时必填
+        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+        plugins: ["AMap.PlaceSearch", "AMap.PolygonEditor"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        AMapUI: {
+          // 是否加载 AMapUI，缺省不加载
+          version: "1.1", // AMapUI 缺省 1.1
+          plugins: [], // 需要加载的 AMapUI ui插件
+        },
+      }).then((AMap) => {
+        this.map = new AMap.Map("container", {
+          resizeEnable: true,
+        });
+        this.placeSearch = new AMap.PlaceSearch({
+          pageSize: 5, // 单页显示结果条数
+          pageIndex: 1, // 页码
+          city: this.user.info.areaId?.substring(0, 6), // 兴趣点城市
+          citylimit: true, //是否强制限制在设置的城市内搜索
+          map: this.map, // 展现结果的地图实例
+          panel: "panel", // 结果列表将在此容器中进行展示。
+          autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+        });
+        this.polyEditor = new AMap.PolygonEditor(this.map).on('add', ({target}) => {
+          this.polyEditor.addAdsorbPolygons(target)
+          target.on("dblclick", () => {
+            this.polyEditor.setTarget(target);
+            this.polyEditor.open()
+          })
+        })
+        this.polyEditor.on('end', ({target}) => {
+          if (target) {
+            this.overlays.push(target);
+            this.points = target.getPath().map(e => ({lat: e.getLat(), lng: e.getLng()}))
+          }
+        });
+        if (this.value?.length > 0) {
+          let path = this.value.map(e => [e.lng, e.lat]);
+          let polygon = new AMap.Polygon({
+            path,
+            strokeColor: "#FF33FF",
+            strokeWeight: 6,
+            strokeOpacity: 0.2,
+            fillOpacity: 0.4,
+            fillColor: "#1791fc",
+          })
+          this.map.add([polygon]);
+          this.map.setFitView();
+          this.polyEditor.addAdsorbPolygons(polygon)
+          polygon.on('dblclick', () => {
+            this.polyEditor.setTarget(polygon);
+            this.polyEditor.open()
+          });
+          this.polyEditor.setTarget(polygon);
+          this.polyEditor.open()
+        } else {
+          this.map.setCity(this.user.info.areaId?.substring(0, 6))
+          this.map.setZoom(14, false, 600)
+        }
+      }), 500)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.mapPlotting {
+  display: inline-block;
+  text-align: left;
+
+  .clicker {
+    display: inline-block;
+  }
+
+  .mapPanel {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    .container {
+      width: inherit;
+    }
+
+    #panel {
+      position: absolute;
+      height: 400px;
+      right: 30px;
+      top: 20px;
+      width: 280px;
+      overflow: hidden;
+      z-index: 10000;
+    }
+
+    .tipinput {
+      position: absolute;
+      width: 300px;
+      height: 38px;
+      left: 20px;
+      top: 20px;
+      z-index: 10000;
+    }
+
+    .operationBtns {
+      position: absolute;
+      left: 20px;
+      bottom: 20px;
+      z-index: 10000;
+    }
+  }
+
+  ::v-deep.fullscreenMap {
+    .el-dialog {
+      display: flex;
+      flex-direction: column;
+
+      .el-dialog__body {
+        padding: 0;
+        flex: 1;
+        min-height: 0;
+
+        .ai-dialog__content {
+          max-height: unset !important;
+          padding-bottom: 0;
+          height: 100%;
+
+          .ai-dialog__content--wrapper {
+            padding-right: 0 !important;
+          }
+        }
+      }
+    }
+  }
+
+  ::v-deep .amap-copyright {
+    display: none !important;
+  }
+
+  ::v-deep .amap-logo {
+    display: none !important;
+  }
+}
+</style>
diff --git a/packages/grid/AppGridMap/components/list.vue b/packages/grid/AppGridMap/components/list.vue
index a5c42451..0a5277f1 100644
--- a/packages/grid/AppGridMap/components/list.vue
+++ b/packages/grid/AppGridMap/components/list.vue
@@ -13,15 +13,20 @@
           </header>
           <div class="tree-div">
             <el-tree
-              :data="treeObj.treeList"
-              :props="treeObj.defaultProps"
-              @node-click="handleNodeClick"
-              node-key="id"
-              ref="tree"
-              :expand-on-click-node="false"
-              :filter-node-method="filterNode"
-              default-expand-all
-              highlight-current>
+                :data="treeObj.treeList"
+                :props="treeObj.defaultProps"
+                @node-click="handleNodeClick"
+                node-key="id"
+                ref="tree"
+                :expand-on-click-node="false"
+                :filter-node-method="filterNode"
+                default-expand-all
+                highlight-current>
+              <template slot-scope="{node,data}">
+                <el-tooltip :content="node.label">
+                  <div class="el-tree-node__label" v-text="node.label"/>
+                </el-tooltip>
+              </template>
             </el-tree>
           </div>
         </div>
@@ -33,295 +38,289 @@
   </div>
 </template>
 <script>
-  import {mapState} from 'vuex'
+import {mapState} from 'vuex'
 
-  export default {
-    name: 'AppGridMap',
-    label: "网格地图",
-    props: {
-      instance: Function,
-      dict: Object,
-      permissions: Function,
-    },
-    data() {
-      return {
-        map: null,
-        mapLib: null,
-        show: true,
-        retryMapCount: 0,
-        polygons: [],
+export default {
+  name: 'AppGridMap',
+  label: "网格地图",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+  },
+  data() {
+    return {
+      map: null,
+      mapLib: null,
+      show: true,
+      retryMapCount: 0,
+      polygons: [],
 
-        drawer: false,
-        filterText: "",
-        treeObj: {
-          treeList: [],
-          defaultProps: {
-            children: "girdList",
-            label: "girdName",
-          },
-          defaultExpandedKeys: [],
+      drawer: false,
+      filterText: "",
+      treeObj: {
+        treeList: [],
+        defaultProps: {
+          children: "girdList",
+          label: "girdName",
         },
-        ops: {},
+        defaultExpandedKeys: [],
+      },
+      ops: {},
 
-        path: [],
-        searchObj: {
-          onlineStatus: "",
-          girdMemberName: "",
-        },
-        member: {
-          memberList: [],
-        },
-        currInfo: {},
-        infoWindowHtml: "",
-        marker: {},
-        activeId: null,
-        labels: []
-      };
+      path: [],
+      searchObj: {
+        onlineStatus: "",
+        girdMemberName: "",
+      },
+      member: {
+        memberList: [],
+      },
+      currInfo: {},
+      infoWindowHtml: "",
+      marker: {},
+      activeId: null,
+      labels: []
+    };
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {
+    this.dict.load("onlineStatus")
+    this.getTreeList().then(() => {
+      this.getLeafNodes()
+    })
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
     },
-    computed: {
-      ...mapState(['user']),
+  },
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.girdName.indexOf(value) !== -1;
     },
-    created() {
-      this.dict.load("onlineStatus")
-      this.getTreeList().then(() => {
-        this.getLeafNodes()
+    getTreeList() {
+      return this.instance.post(`/app/appgirdinfo/listAll`).then((res) => {
+        if (res.code == 0) {
+          this.treeObj.treeList = res.data;
+
+          this.$nextTick(() => {
+            res.data.length && this.$refs.tree.setCurrentKey(res.data[0].id)
+          })
+        }
       })
     },
-    watch: {
-      filterText(val) {
-        this.$refs.tree.filter(val);
-      },
+
+    onMapInit() {
+      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res => {
+        if (res.code === 0) {
+          this.map.setCenter(new this.mapLib.LatLng(res.data.lat, res.data.lng))
+        }
+      })
     },
-    methods: {
-      filterNode(value, data) {
-        if (!value) return true;
-        return data.girdName.indexOf(value) !== -1;
-      },
-      getTreeList() {
-        return this.instance.post(`/app/appgirdinfo/listAll`).then((res) => {
-          if (res.code == 0) {
-            this.treeObj.treeList = res.data;
 
-            this.$nextTick(() => {
-              res.data.length && this.$refs.tree.setCurrentKey(res.data[0].id)
-            })
-          }
-        })
-      },
-
-      onMapInit () {
-        this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res=>{
-          if (res.code === 0) {
-            this.map.setCenter(new this.mapLib.LatLng(res.data.lat, res.data.lng))
-          }
-        })
-      },
-
-      getLeafNodes() {
-        this.instance.post(`/app/appgirdinfo/listAll2`).then((res) => {
-          if (res?.data) {
-            const arr = res.data.map(v => {
-              return {
-                id: v.id,
-                girdName: v.girdName,
-                points: v.points ? v.points.map(p => [p.lng, p.lat]) : []
-              }
-            }).filter(v => v.points.length)
-
-            this.renderGridMap(arr)
-          }
-        })
-      },
-      handleNodeClick (val) {
-        if (val.girdLevel === '0') {
-          this.getLeafNodes()
-
-          return false
-        }
-        
-        this.instance.post(`/app/appgirdinfo/queryChildGirdInfoByGirdId?girdId=${val.id}`).then((res) => {
-          if (res?.data) {
-            const arr = res.data.map(v => {
-              return {
-                id: v.id,
-                girdName: v.girdName,
-                points: v.points ? v.points.map(p => [p.lng, p.lat]) : []
-              }
-            }).filter(v => v.points.length)
-
-            if (!arr.length) {
-              return this.$message.error('该网格还未标绘')
+    getLeafNodes() {
+      this.instance.post(`/app/appgirdinfo/listAll2`).then((res) => {
+        if (res?.data) {
+          const arr = res.data.map(v => {
+            return {
+              id: v.id,
+              girdName: v.girdName,
+              points: v.points ? v.points.map(p => [p.lng, p.lat]) : []
             }
+          }).filter(v => v.points.length)
 
-            this.renderGridMap(arr)
-          }
-        })
-      },
-
-      fitBounds(latLngList, count = 0) {
-        let {mapLib: TMap} = this
-        if (TMap) {
-          if (latLngList.length === 0) {
-            return null;
-          }
-          let boundsN = latLngList[0].getLat();
-          let boundsS = boundsN;
-          let boundsW = latLngList[0].getLng();
-          let boundsE = boundsW;
-          latLngList.forEach((point) => {
-            point.getLat() > boundsN && (boundsN = point.getLat());
-            point.getLat() < boundsS && (boundsS = point.getLat());
-            point.getLng() > boundsE && (boundsE = point.getLng());
-            point.getLng() < boundsW && (boundsW = point.getLng());
-          });
-          return new TMap.LatLngBounds(
-              new TMap.LatLng(boundsS, boundsW),
-              new TMap.LatLng(boundsN, boundsE)
-          );
-        } else {
-          if (count < 5) {
-            this.fitBounds(latLngList, ++count)
-          }
+          this.renderGridMap(arr)
         }
-      },
+      })
+    },
+    handleNodeClick(val) {
+      this.instance.post(`/app/appgirdinfo/queryChildGirdInfoByGirdId?girdId=${val.id}`).then((res) => {
+        if (res?.data) {
+          const arr = res.data.map(v => {
+            return {
+              id: v.id,
+              girdName: v.girdName,
+              points: v.points ? v.points.map(p => [p.lng, p.lat]) : []
+            }
+          }).filter(v => v.points.length)
 
-      renderGridMap(paths) {
-        let {map, mapLib: TMap } = this
-        if (TMap) {
-          if (this.polygons.length > 0) {
-            this.polygons.forEach(e => e.destroy())
-            this.labels.forEach(e => {
-              e.destroy(e.id)
-            })
-            this.polygons = []
-            this.labels = []
+          if (!arr.length) {
+            return this.$message.error('该网格还未标绘')
           }
-          if (paths?.length > 0) {
-            let bounds = []
-            paths.forEach((path, i) => {
-              let polygon = new TMap.MultiPolygon({
-                map, styles: {
-                  default: new TMap.PolygonStyle({
-                    showBorder: true,
-                    borderColor: '#5088FF',
-                    borderWidth: 2,
-                    color: this.$colorUtils.Hex2RGBA('#5088FF', 0.1)
-                  })
-                },
-                id: path.id,
-                geometries: [{paths: path.points.map(e => new TMap.LatLng(e[1], e[0]))}]
-              })
-              this.polygons.push(polygon)
-              bounds.push(this.fitBounds(path.points.map(e => new TMap.LatLng(e[1], e[0]))))
 
-              polygon.on('click', e => {
-                // const id = e.target.id
-                // this.getGridInfo(id)
-              })
+          this.renderGridMap(arr)
+        }
+      })
+    },
 
-              const points = path.points.map(e => new TMap.LatLng(e[1], e[0]))
-
-              var position = TMap.geometry.computeCentroid(points)
-
-              let label = new TMap.MultiLabel({
-                id: `label~${path.id}`,
-                data: path.id,
-                map: map,
-                styles: {
-                  building:  new TMap.LabelStyle({
-                    color: '#3777FF',
-                    size: 20,
-                    alignment: 'center',
-                    verticalAlignment: 'middle'
-                  })
-                },
-                geometries: [
-                  {
-                    id: `label-class-${i}`,
-                    styleId: 'building',
-                    position: position,
-                    content: path.girdName,
-                  }
-                ]
-              })
-              this.labels.push(label)
-              label.on('click', e => {
-                // this.getGridInfo(e.target.id.split('~')[1])
-              });
-            })
-            bounds = bounds.reduce((a, b) => {
-              return this.fitBounds([
-                a.getNorthEast(),
-                a.getSouthWest(),
-                b.getNorthEast(),
-                b.getSouthWest(),
-              ]);
-            });
-            map.fitBounds(bounds, {padding: 100})
-          }
+    fitBounds(latLngList, count = 0) {
+      let {mapLib: TMap} = this
+      if (TMap) {
+        if (latLngList.length === 0) {
+          return null;
         }
-      },
-      hasClass(ele, cls) {
-        return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
-      },
-      addClass(ele, cls) {
-        if (!this.hasClass(ele, cls)) ele.className += " " + cls;
-      },
-      removeClass(ele, cls) {
-        if (this.hasClass(ele, cls)) {
-          const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
-          ele.className = ele.className.replace(reg, " ");
-        }
-      },
-      changClass(ele, className) {
-        if (!this.hasClass(ele, className)) {
-          this.addClass(ele, className);
-        } else {
-          this.removeClass(ele, className);
-        }
-      },
-      percentage() {
-        if (this.member.onlineNumber == 0) {
-          return 0;
-        } else {
-          return (
-              100 *
-              (this.member.onlineNumber / this.member.allMemberNumber)
-          ).toFixed(2);
-        }
-      },
-      getMemberList() {
-        this.instance.post(`/app/appgirdmemberinfo/queryGirdMemberByMap`, this.searchObj).then((res) => {
-          if (res.code == 0) {
-            let markers = [];
-            this.member = res.data;
-            this.member.memberList.map((e) => {
-              if (e.onlineStatus == "1") {
-                markers.push({lng: e.lng, lat: e.lat, name: e.name});
-              }
-            });
-            this.initMap(null, null, markers);
-          }
+        let boundsN = latLngList[0].getLat();
+        let boundsS = boundsN;
+        let boundsW = latLngList[0].getLng();
+        let boundsE = boundsW;
+        latLngList.forEach((point) => {
+          point.getLat() > boundsN && (boundsN = point.getLat());
+          point.getLat() < boundsS && (boundsS = point.getLat());
+          point.getLng() > boundsE && (boundsE = point.getLng());
+          point.getLng() < boundsW && (boundsW = point.getLng());
         });
-      },
-      clickMember(marker) {
-        if (marker.onlineStatus == 1) {
-          this.activeId = marker.id;
-          this.marker = marker;
-          this.infoWindowContent(marker);
+        return new TMap.LatLngBounds(
+            new TMap.LatLng(boundsS, boundsW),
+            new TMap.LatLng(boundsN, boundsE)
+        );
+      } else {
+        if (count < 5) {
+          this.fitBounds(latLngList, ++count)
         }
-      },
-      infoWindowContent(marker) {
-        this.instance
-        .post(`/app/location/xyToAddress`, null, {
-          params: {
-            x: marker.lat,
-            y: marker.lng,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.infoWindowHtml = `<div class="info">
+      }
+    },
+
+    renderGridMap(paths) {
+      let {map, mapLib: TMap} = this
+      if (TMap) {
+        if (this.polygons.length > 0) {
+          this.polygons.forEach(e => e.destroy())
+          this.labels.forEach(e => {
+            e.destroy(e.id)
+          })
+          this.polygons = []
+          this.labels = []
+        }
+        if (paths?.length > 0) {
+          let bounds = []
+          paths.forEach((path, i) => {
+            let polygon = new TMap.MultiPolygon({
+              map, styles: {
+                default: new TMap.PolygonStyle({
+                  showBorder: true,
+                  borderColor: '#5088FF',
+                  borderWidth: 2,
+                  color: this.$colorUtils.Hex2RGBA('#5088FF', 0.1)
+                })
+              },
+              id: path.id,
+              geometries: [{paths: path.points.map(e => new TMap.LatLng(e[1], e[0]))}]
+            })
+            this.polygons.push(polygon)
+            bounds.push(this.fitBounds(path.points.map(e => new TMap.LatLng(e[1], e[0]))))
+
+            polygon.on('click', e => {
+              // const id = e.target.id
+              // this.getGridInfo(id)
+            })
+
+            const points = path.points.map(e => new TMap.LatLng(e[1], e[0]))
+
+            var position = TMap.geometry.computeCentroid(points)
+
+            let label = new TMap.MultiLabel({
+              id: `label~${path.id}`,
+              data: path.id,
+              map: map,
+              styles: {
+                building: new TMap.LabelStyle({
+                  color: '#3777FF',
+                  size: 20,
+                  alignment: 'center',
+                  verticalAlignment: 'middle'
+                })
+              },
+              geometries: [
+                {
+                  id: `label-class-${i}`,
+                  styleId: 'building',
+                  position: position,
+                  content: path.girdName,
+                }
+              ]
+            })
+            this.labels.push(label)
+            label.on('click', e => {
+              // this.getGridInfo(e.target.id.split('~')[1])
+            });
+          })
+          bounds = bounds.reduce((a, b) => {
+            return this.fitBounds([
+              a.getNorthEast(),
+              a.getSouthWest(),
+              b.getNorthEast(),
+              b.getSouthWest(),
+            ]);
+          });
+          map.fitBounds(bounds, {padding: 100})
+        }
+      }
+    },
+    hasClass(ele, cls) {
+      return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
+    },
+    addClass(ele, cls) {
+      if (!this.hasClass(ele, cls)) ele.className += " " + cls;
+    },
+    removeClass(ele, cls) {
+      if (this.hasClass(ele, cls)) {
+        const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
+        ele.className = ele.className.replace(reg, " ");
+      }
+    },
+    changClass(ele, className) {
+      if (!this.hasClass(ele, className)) {
+        this.addClass(ele, className);
+      } else {
+        this.removeClass(ele, className);
+      }
+    },
+    percentage() {
+      if (this.member.onlineNumber == 0) {
+        return 0;
+      } else {
+        return (
+            100 *
+            (this.member.onlineNumber / this.member.allMemberNumber)
+        ).toFixed(2);
+      }
+    },
+    getMemberList() {
+      this.instance.post(`/app/appgirdmemberinfo/queryGirdMemberByMap`, this.searchObj).then((res) => {
+        if (res.code == 0) {
+          let markers = [];
+          this.member = res.data;
+          this.member.memberList.map((e) => {
+            if (e.onlineStatus == "1") {
+              markers.push({lng: e.lng, lat: e.lat, name: e.name});
+            }
+          });
+          this.initMap(null, null, markers);
+        }
+      });
+    },
+    clickMember(marker) {
+      if (marker.onlineStatus == 1) {
+        this.activeId = marker.id;
+        this.marker = marker;
+        this.infoWindowContent(marker);
+      }
+    },
+    infoWindowContent(marker) {
+      this.instance
+      .post(`/app/location/xyToAddress`, null, {
+        params: {
+          x: marker.lat,
+          y: marker.lng,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.infoWindowHtml = `<div class="info">
                                           <p>
                                               <span class="name">${marker.name}</span>
                                               <span class="lat">${marker.lng},${marker.lat}</span>
@@ -333,31 +332,31 @@
                                               <span class="iconfont iconarea" id="addressSpan">当日轨迹</span>
                                           </p>
                                       </div>`;
-            this.initMap(false, marker);
-          }
-        });
-      },
-      queryTrajectory() {
-        this.instance
-        .post(`/app/appgirdmembertrajectory/queryTrajectory`, null, {
-          params: {
-            userId: this.marker.userId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            let path = [];
-            if (res.data) {
-              res.data.map((e, index) => {
-                path[index] = [e.lng, e.lat];
-              });
-            }
-            this.initMap(path, this.marker);
-          }
-        });
-      },
+          this.initMap(false, marker);
+        }
+      });
     },
-  }
+    queryTrajectory() {
+      this.instance
+      .post(`/app/appgirdmembertrajectory/queryTrajectory`, null, {
+        params: {
+          userId: this.marker.userId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          let path = [];
+          if (res.data) {
+            res.data.map((e, index) => {
+              path[index] = [e.lng, e.lat];
+            });
+          }
+          this.initMap(path, this.marker);
+        }
+      });
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/grid/AppGridMember/AppGridMember.vue b/packages/grid/AppGridMember/AppGridMember.vue
index 2c8f2706..969bf05b 100644
--- a/packages/grid/AppGridMember/AppGridMember.vue
+++ b/packages/grid/AppGridMember/AppGridMember.vue
@@ -1,27 +1,7 @@
 <template>
-  <ai-list class="AppGridMember" v-if="!isShowDetail">
-    <template slot="title">
-      <ai-title title="网格员管理" :isShowBottomBorder="false"></ai-title>
-    </template>
-    <template slot="tabs">
-      <el-tabs v-model="currIndex">
-        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :ref="String(i)" v-if="currIndex == i" :is="tab.comp" @change="onChange" lazy :instance="instance"
-                     :dict="dict" :permissions="permissions"/>
-        </el-tab-pane>
-      </el-tabs>
-    </template>
-  </ai-list>
-  <Add v-else-if="component === 'Add'" :params="params" :instance="instance" :dict="dict" :permissions="permissions"
-       @change="onChange"></Add>
-  <Family v-else-if="component === 'Family'" :params="params" :instance="instance" :dict="dict"
-          :permissions="permissions" @change="onChange"></Family>
-  <MonitorUser v-else-if="component === 'MonitorUser'" :params="params" :instance="instance" :dict="dict"
-               :permissions="permissions" @change="onChange"></MonitorUser>
-  <ApplyDetail v-else-if="component === 'ApplyDetail'" :params="params" :instance="instance" :dict="dict"
-               :permissions="permissions" @change="onChange"></ApplyDetail>
-  <ApplyAdd v-else-if="component === 'ApplyAdd'" :params="params" :instance="instance" :dict="dict"
-            :permissions="permissions" @change="onChange"></ApplyAdd>
+  <keep-alive include="GmList">
+    <component :is="currentPage" v-bind="$props" @change="onChange"/>
+  </keep-alive>
 </template>
 
 <script>
@@ -32,39 +12,29 @@ import ApplyDetail from './components/ApplyDetail'
 import ApplyAdd from './components/ApplyAdd'
 import Family from './components/Family'
 import MonitorUser from './components/MonitorUser'
+import GmList from "./components/gmList";
 
 export default {
   name: "AppGridMember",
   label: "网格管理员",
-
   props: {
     instance: Function,
     dict: Object,
     permissions: Function
   },
-
-  data() {
-    return {
-      component: "List",
-      params: {},
-      include: [],
-      currIndex: '0',
-      isShowDetail: false
-    };
-  },
-
   computed: {
-    tabs() {
-      return [
-        {label: '网格员信息', name: 'List', comp: List, permission: ''},
-        {label: '申报信息', name: 'ApplyList', comp: ApplyList, permission: 'app_appgirdmemberapply_detail'}
-      ].filter(item => {
-        return item.name !== 'ApplyList' || this.permissions(item.permission)
-      })
+    currentPage() {
+      let {hash} = this.$route
+      return hash == "#Family" ? Family :
+          hash == "#MonitorUser" ? MonitorUser :
+              hash == "#Add" ? Add :
+                  hash == "#ApplyAdd" ? ApplyAdd :
+                      hash == "#ApplyDetail" ? ApplyDetail :
+                          GmList
     }
   },
-
   components: {
+    GmList,
     Add,
     List,
     Family,
@@ -74,51 +44,11 @@ export default {
     ApplyAdd
   },
 
-  mounted() {
-  },
-
   methods: {
     onChange(data) {
-      if (data.type === "Add") {
-        this.component = "Add"
-        this.isShowDetail = true
-        this.params = data.params
-      }
-
-      if (data.type === "Family") {
-        this.component = "Family"
-        this.isShowDetail = true
-        this.params = data.params
-      }
-
-      if (data.type === "MonitorUser") {
-        this.component = "MonitorUser"
-        this.isShowDetail = true
-        this.params = data.params
-      }
-      if (data.type === "ApplyDetail") {
-        this.component = "ApplyDetail"
-        this.isShowDetail = true
-        this.params = data.params
-      }
-
-      if (data.type === "ApplyAdd") {
-        this.component = "ApplyAdd"
-        this.isShowDetail = true
-        this.params = data.params
-      }
-
-      if (data.type === "list") {
-        this.component = "List"
-        this.isShowDetail = false
-        this.params = data.params
-      }
-
-      if (data.type === "ApplyList") {
-        this.component = "ApplyList"
-        this.isShowDetail = false
-        this.params = data.params
-      }
+      let {type, params: query} = data,
+          hash = ["ApplyList", "list"].includes(type) ? "" : "#" + type
+      this.$router.push({hash, query})
     }
   }
 }
diff --git a/packages/grid/AppGridMember/components/ApplyAdd.vue b/packages/grid/AppGridMember/components/ApplyAdd.vue
index c2906b86..a6ca6d1b 100644
--- a/packages/grid/AppGridMember/components/ApplyAdd.vue
+++ b/packages/grid/AppGridMember/components/ApplyAdd.vue
@@ -1,7 +1,7 @@
 <template>
   <ai-detail class="content-add">
     <template slot="title">
-      <ai-title :title="params.id ? '编辑' : '添加'" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
+      <ai-title :title="$route.query.id ? '编辑' : '添加'" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
       </ai-title>
     </template>
     <template slot="content">
@@ -35,7 +35,6 @@
     props: {
       instance: Function,
       dict: Object,
-      params: Object
     },
 
     data () {
@@ -51,9 +50,9 @@
     },
 
     created () {
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-        this.getInfo(this.params.id)
+      if ( this.$route.query.id) {
+        this.id = this.$route.query.id
+        this.getInfo(this.$route.query.id)
       }
     },
 
@@ -76,7 +75,7 @@
             this.isLoading = true
             this.instance.post(`/app/appgirdmemberapply/addOrUpdate`, {
               ...this.form,
-              id: this.params.id || ''
+              id: this.$route.query.id || ''
             }).then(res => {
               if (res.code == 0) {
                 this.$message.success('提交成功')
diff --git a/packages/grid/AppGridMember/components/ApplyDetail.vue b/packages/grid/AppGridMember/components/ApplyDetail.vue
index e50a258a..ec7de93e 100644
--- a/packages/grid/AppGridMember/components/ApplyDetail.vue
+++ b/packages/grid/AppGridMember/components/ApplyDetail.vue
@@ -19,46 +19,45 @@
 </template>
 
 <script>
-  export default {
-    name: 'ApplyDetail',
+export default {
+  name: 'ApplyDetail',
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+
+  data() {
+    return {
+      info: {},
+      id: ''
+    }
+  },
+
+  created() {
+    if (this.$route.query.id) {
+      this.id = this.$route.query.id
+      this.getInfo(this.$route.query.id)
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/appgirdmemberapply/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
     },
 
-    data () {
-      return {
-        info: {},
-        id: ''
-      }
-    },
-
-    created () {
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-        this.getInfo(this.params.id)
-      }
-    },
-
-    methods: {
-      getInfo (id) {
-        this.instance.post(`/app/appgirdmemberapply/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-          }
-        })
-      },
-
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'ApplyList',
-          isRefresh: !!isRefresh
-        })
-      }
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'ApplyList',
+        isRefresh: !!isRefresh
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/packages/grid/AppGridMember/components/ApplyList.vue b/packages/grid/AppGridMember/components/ApplyList.vue
index ef3a43fd..57b31b98 100644
--- a/packages/grid/AppGridMember/components/ApplyList.vue
+++ b/packages/grid/AppGridMember/components/ApplyList.vue
@@ -144,18 +144,14 @@
       add (id) {
         this.$emit('change', {
           type: 'ApplyAdd',
-          params: {
-            id: id || ''
-          }
+          params: {id}
         })
       },
 
       toDetail (id) {
         this.$emit('change', {
           type: 'ApplyDetail',
-          params: {
-            id
-          }
+          params: {id}
         })
       },
 
@@ -176,4 +172,4 @@
 </script>
 
 <style lang="scss" scoped>
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/grid/AppGridMember/components/Family.vue b/packages/grid/AppGridMember/components/Family.vue
index 91b33a2f..0b181ca4 100644
--- a/packages/grid/AppGridMember/components/Family.vue
+++ b/packages/grid/AppGridMember/components/Family.vue
@@ -6,40 +6,40 @@
     <template slot="content">
       <ai-search-bar class="search-bar">
         <template #left>
-          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="isShow = true">添加</el-button>
+          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
           <el-button size="small" :disabled="!ids.length" icon="iconfont iconDelete" @click="removeAll">批量删除</el-button>
           <el-select size="small" style="width: 200px;" v-model="search.girdId" placeholder="所属网格" clearable @change="getListInit()">
             <el-option
-              v-for="(item,i) in girdList"
-              :key="i"
-              :label="item.girdName"
-              :value="item.id"
+                v-for="(item,i) in girdList"
+                :key="i"
+                :label="item.girdName"
+                :value="item.id"
             >
             </el-option>
           </el-select>
         </template>
         <template #right>
           <el-input
-            v-model="search.name"
-            class="search-input"
-            size="small"
-            v-throttle="() => {search.current = 1, getList()}"
-            placeholder="姓名/身份证/联系方式"
-            clearable
-            @clear="search.current = 1, search.name = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.name"
+              class="search-input"
+              size="small"
+              v-throttle="() => {search.current = 1, getList()}"
+              placeholder="姓名/身份证/联系方式"
+              clearable
+              @clear="search.current = 1, search.name = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="total"
-        style="margin-top: 6px;"
-        :current.sync="search.current"
-        :size.sync="search.size"
-        @handleSelectionChange="handleSelectionChange"
-        @getList="getList">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @handleSelectionChange="handleSelectionChange"
+          @getList="getList">
         <el-table-column slot="options" width="100px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row }">
             <div class="table-options">
@@ -49,451 +49,174 @@
         </el-table-column>
       </ai-table>
       <ai-dialog
-        :visible.sync="isShow"
-        width="890px"
-        @close="closeDialog"
-        title="添加户主"
-        @onConfirm="onConfirm">
-        <ai-area-select clearable always-show :instance="instance"  v-model="areaId" :disabled-level="disabledLevel" @change="search.current = 1, getUserList()"></ai-area-select>
-        <span style="margin-top:16px;"><span style="color:#f46;margin-right:4px;">*</span>网格：</span>
-        <el-select size="small" style="width: 280px;margin-top:16px;" v-model="girdId" placeholder="请选择网格" clearable>
-          <el-option
-            v-for="(item,i) in girdList"
-            :key="i"
-            :label="item.girdName"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
-        <div class="AiWechatSelecter-container">
-          <div class="AiWechatSelecter-container__left" v-loading="isLoading">
-            <div class="AiWechatSelecter-header">
-              <div class="AiWechatSelecter-header__left">
-                <h2>户主信息列表</h2>
-              </div>
-              <el-input
-                class="search-input"
-                size="mini"
-                placeholder="请输入姓名/身份证号"
-                v-model="name"
-                clearable
-                @keyup.enter.native="getUserList()"
-                @clear="name = '', getUserList()"
-                suffix-icon="iconfont iconSearch">
-              </el-input>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <el-checkbox-group v-model="chooseUser">
-                <el-checkbox
-                  :label="`${item.name}~${item.id}`"
-                  v-for="(item, index) in userList"
-                  :key="index">
-                  {{ item.name }}-{{ item.idNumber }}
-                </el-checkbox>
-              </el-checkbox-group>
-              <AiEmpty v-if="!this.userList.length"></AiEmpty>
-            </el-scrollbar>
-          </div>
-          <div class="AiWechatSelecter-container__right">
-            <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
-              <h2>已选择</h2>
-              <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <div class="tags-wrapper">
-                <el-tag
-                  v-for="(item, index) in chooseUser"
-                  :key="index"
-                  closable
-                  @close="del(item)"
-                  size="small"
-                  type="info">
-                  {{ item.split('~')[0] }}
-                </el-tag>
-              </div>
-            </el-scrollbar>
-          </div>
-        </div>
+          :visible.sync="dialog"
+          width="1100px"
+          @close="closeDialog"
+          title="添加户主"
+          @onConfirm="onConfirm">
+        <el-form ref="DialogForm" size="small" label-width="0">
+          <el-form-item>
+            <ai-area-select clearable always-show :instance="instance" v-model="areaId" :disabled-level="disabledLevel"/>
+          </el-form-item>
+          <el-form-item label="网格：" required label-width="80px">
+            <el-select size="small" v-model="girdId" placeholder="请选择网格" clearable>
+              <el-option v-for="(item,i) in girdList" :key="i" :label="item.girdName" :value="item.id"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <ai-table-select :instance="instance" :action="`/app/appresident/list?householdName=1&areaId=${areaId||''}&auditStatus=1`"
+                             @select="v=>chooseUser=v" multiple/>
+          </el-form-item>
+        </el-form>
       </ai-dialog>
     </template>
   </ai-list>
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'Family',
+import {mapState} from 'vuex'
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
-    },
+export default {
+  name: 'Family',
+  props: {
+    instance: Function,
+    dict: Object,
+  },
 
-    data() {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: '',
-          girdId: ''
-        },
-        isLoading: false,
-        form: {
-
-        },
-        userList: [],
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
         name: '',
-        chooseUser: [],
-        isShow: false,
-        total: 10,
-        colConfigs: [
-          { type: 'selection', label: '' },
-          { prop: 'name',  label: '户主姓名', align: 'left', width: '200px' },
-          { prop: 'idNumber', label: '身份证号', align: 'center' },
-          { prop: 'phone', label: '联系方式', align: 'center' },
-          { prop: 'girdName', label: '所属网格', align: 'center' },
-          { prop: 'createTime', label: '添加时间', align: 'center' },
-          { slot: 'options', label: '操作', align: 'center' }
-        ],
-        tableData: [],
-        areaId: '',
-        ids: [],
-        disabledLevel: 0,
-        girdList: [],
-        girdId: '',
-      }
-    },
+        girdId: ''
+      },
+      isLoading: false,
+      form: {},
+      chooseUser: [],
+      dialog: false,
+      total: 10,
+      colConfigs: [
+        {type: 'selection', label: ''},
+        {prop: 'name', label: '户主姓名', align: 'left', width: '200px'},
+        {prop: 'idNumber', label: '身份证号', align: 'center'},
+        {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'girdName', label: '所属网格', align: 'center'},
+        {prop: 'createTime', label: '添加时间', align: 'center'},
+        {slot: 'options', label: '操作', align: 'center'}
+      ],
+      tableData: [],
+      areaId: '',
+      ids: [],
+      disabledLevel: 0,
+      girdList: [],
+      girdId: '',
+    }
+  },
 
-    computed: {
-      ...mapState(['user'])
+  computed: {
+    ...mapState(['user'])
+  },
+  created() {
+    this.areaId = this.user.info.areaId || ""
+    this.disabledLevel = this.user.info.areaList?.length || 0
+    this.getGirdList()
+    this.getList()
+    this.dict.load('epidemicDangerousAreaLevel')
+  },
+  methods: {
+    getGirdList() {
+      this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.$route.query.id}`).then(res => {
+        if (res.code == 0) {
+          this.girdList = res.data
+        }
+      })
     },
-
-    created() {
-      this.areaId = this.user.info.areaId
-      this.disabledLevel = this.user.info.areaList.length
-      this.dict.load('epidemicDangerousAreaLevel').then(() => {
-        this.getGirdList()
-        this.getList()
-        this.getUserList()
+    getListInit() {
+      this.search.current = 1
+      this.getList()
+    },
+    getList() {
+      this.instance.post(`/app/appgirdmemberresident/listByGirdMember`, null, {
+        params: {
+          ...this.search,
+          girdMemberId: this.$route.query.id,
+          areaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
       })
     },
 
-    methods: {
-      getGirdList() {
-        this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.params.id}`).then(res => {
-          if (res.code == 0) {
-            this.girdList = res.data
-          }
-        })
-      },
-      getListInit() {
-        this.search.current = 1
-        this.getList()
-      },
-      getList () {
-        this.instance.post(`/app/appgirdmemberresident/listByGirdMember`, null, {
-          params: {
-            ...this.search,
-            girdMemberId: this.params.id,
-            areaId: this.areaId
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-          }
-        })
-      },
-
     removeAll() {
-        if (!this.ids) {
-          return this.$message.error('请选择户主')
-        }
-        this.remove(this.ids.join(','))
-      },
-      handleSelectionChange(e) {
-        this.ids = e.map(v => v.gmrId)
-      },
-
-      clearAll () {
-        this.chooseUser = []
-      },
-
-      onConfirm () {
-        if(!this.girdId) {
-          return this.$message.error('请选择网格')
-        }
-
-        if (!this.chooseUser.length) {
-          return this.$message.error('请选择户主')
-        }
-
-        const residentList = this.chooseUser.map(v => {
-          return {
-            girdMemberId: this.params.id,
-            name: v.split('~')[0],
-            residentId: v.split('~')[1],
-            girdId: this.girdId
-          }
-        })
-        this.instance.post(`/app/appgirdmemberresident/add`, {
-          residentList
-        }).then(res => {
-          if (res.code == 0) {
-            this.current = 1
-            this.getList()
-            this.$message.success('添加成功')
-            this.closeDialog()
-          }
-        })
-      },
-      closeDialog() {
-        this.isShow = false
-        this.chooseUser = []
-        this.girdId = ''
-        this.name = ''
-        this.areaId = this.user.info.areaId
-        this.getUserList()
-      },
-
-      del (e) {
-        this.chooseUser.splice(this.chooseUser.indexOf(e), 1)
-      },
-
-      getUserList () {
-        this.isLoading = true
-        this.instance.post(`/app/appresident/list`, null, {
-          params: {
-            current: 1,
-            size: 200,
-            con: this.name,
-            householdName: 1,
-            areaId: this.areaId,
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.userList = res.data.records
-          }
-
-          this.isLoading = false
-        })
-      },
-
-      onBack () {
-        this.$emit('change', {
-          type: 'list'
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appgirdmemberresident/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
+      if (!this.ids) {
+        return this.$message.error('请选择户主')
       }
+      this.remove(this.ids.join(','))
+    },
+    handleSelectionChange(e) {
+      this.ids = e.map(v => v.gmrId)
+    },
+    onConfirm() {
+      if (!this.girdId) {
+        return this.$message.error('请选择网格')
+      }
+
+      if (!this.chooseUser.length) {
+        return this.$message.error('请选择户主')
+      }
+
+      const residentList = this.chooseUser.map(v => {
+        return {
+          girdMemberId: this.$route.query.id,
+          name: v.name,
+          residentId: v.id,
+          girdId: this.girdId
+        }
+      })
+      this.instance.post(`/app/appgirdmemberresident/add`, {
+        residentList
+      }).then(res => {
+        if (res.code == 0) {
+          this.current = 1
+          this.getList()
+          this.$message.success('添加成功')
+          this.dialog = false
+        }
+      })
+    },
+    closeDialog() {
+      this.chooseUser = []
+      this.girdId = ''
+      this.areaId = this.user.info.areaId
+    },
+    del(e) {
+      this.chooseUser.splice(this.chooseUser.indexOf(e), 1)
+    },
+    onBack() {
+      this.$emit('change', {
+        type: 'list'
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appgirdmemberresident/delete?ids=${id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getList()
+          }
+        })
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .Family {
-    .AiWechatSelecter-container {
-      display: flex;
-      height: 380px;
-      margin-top: 20px;
-
-      ::v-deep {
-        .el-icon-circle-close {
-          display: inline-block!important;
-        }
-      }
-
-      .tree-container {
-        & > span {
-          display: block;
-          margin-bottom: 4px;
-        }
-
-        .tree-user__item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 10px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-        img {
-          width: 27px;
-          height: 27px;
-          margin-right: 10px;
-        }
-      }
-
-      ::v-deep .el-tree {
-        background: transparent;
-
-        .el-tree-node {
-          margin-bottom: 8px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-
-        .el-tree-node__content {
-          height: auto;
-          margin-top: 2px;
-          // align-items: inherit;
-        }
-        
-        .el-tree-node__expand-icon {
-          height: 24px;
-        }
-      }
-
-      .mask-btn__wrapper {
-        position: relative;
-      }
-
-      .mask-btn {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-      }
-
-      .userlist-item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 8px;
-        padding: 0 17px;
-        cursor: pointer;
-        user-select: none;
-
-        ::v-deep .el-checkbox__label {
-          display: none;
-        }
-
-        .userlist-item__left {
-          display: flex;
-          align-items: center;
-
-          span {
-            color: #222222;
-            font-size: 14px;
-          }
-
-          img {
-            width: 40px;
-            height: 40px;
-            margin-right: 8px;
-          }
-        }
-      }
-
-      & > div {
-        width: 280px;
-        background: #FCFCFC;
-        border: 1px solid #D0D4DC;
-      }
-
-      .AiWechatSelecter-list {
-        height: calc(100% - 40px);
-        padding: 8px 0;
-
-        ::v-deep .el-scrollbar__wrap {
-          margin-bottom: 0!important;
-          overflow-x: hidden;
-        }
-
-        ::v-deep .el-checkbox-group {
-          padding: 0 8px;
-
-          .el-checkbox {
-            display: block;
-            margin-right: 0;
-          }
-        }
-      }
-
-      .AiWechatSelecter-container__left {
-        flex: 1;
-      }
-
-      .AiWechatSelecter-container__right {
-        flex: 1;
-        margin-left: 20px;
-
-        .AiWechatSelecter-list {
-          .tags-wrapper {
-            padding: 0 8px;
-          }
-          .el-tag {
-            margin: 0 8px 8px 0px;
-            color: #222222;
-            font-size: 14px;
-          }
-        }
-      }
-
-      .AiWechatSelecter-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 40px;
-        padding: 0 8px 0 0;
-        border-bottom: 1px solid #D0D4DC;
-        background: #F5F7FA;
-
-        .AiWechatSelecter-header__left {
-          display: flex;
-          align-items: center;
-          padding: 0 8px;
-
-          h2 {
-            height: 100%;
-            line-height: 40px;
-            color: #222222;
-            font-size: 14px;
-            text-align: center;
-            cursor: pointer;
-            border-bottom: 2px solid transparent;
-
-            &.active {
-              color: #2266FF;
-              border-color: #2266FF;
-            }
-          }
-        }
-
-        .el-button {
-          height: 28px;
-          padding: 7px 5px;
-        }
-
-        .el-input {
-          width: 160px;
-        }
-      }
-
-      .AiWechatSelecter-header__right {
-        padding: 0 8px;
-
-        h2 {
-          color: #222222;
-          font-size: 14px;
-          text-align: center;
-        }
-      }
-    }
-  }
+.Family {
+}
 </style>
diff --git a/packages/grid/AppGridMember/components/MonitorUser.vue b/packages/grid/AppGridMember/components/MonitorUser.vue
index 0c1b57e7..35caae18 100644
--- a/packages/grid/AppGridMember/components/MonitorUser.vue
+++ b/packages/grid/AppGridMember/components/MonitorUser.vue
@@ -51,71 +51,24 @@
       </ai-table>
       <ai-dialog
           :visible.sync="isShow"
-          width="890px"
+          width="1100px"
           @close="closeDialog"
           title="添加户主"
           @onConfirm="onConfirm">
-        <ai-area-select clearable always-show :instance="instance" v-model="areaId" :disabled-level="disabledLevel"
-                        @change="search.current = 1, getUserList()"></ai-area-select>
-        <span style="margin-top:16px;"><span style="color:#f46;margin-right:4px;">*</span>网格：</span>
-        <el-select size="small" style="width: 280px;margin-top:16px;" v-model="girdId" placeholder="请选择网格" clearable>
-          <el-option
-              v-for="(item,i) in girdList"
-              :key="i"
-              :label="item.girdName"
-              :value="item.id"
-          >
-          </el-option>
-        </el-select>
-        <div class="AiWechatSelecter-container">
-          <div class="AiWechatSelecter-container__left" v-loading="isLoading">
-            <div class="AiWechatSelecter-header">
-              <div class="AiWechatSelecter-header__left">
-                <h2>户主信息列表</h2>
-              </div>
-              <el-input
-                  class="search-input"
-                  size="mini"
-                  placeholder="请输入姓名/身份证号"
-                  v-model="name"
-                  clearable
-                  v-throttle="getUserList"
-                  @clear="name = '', getUserList()"
-                  suffix-icon="iconfont iconSearch">
-              </el-input>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <el-checkbox-group v-model="chooseUser">
-                <el-checkbox
-                    :label="`${item.name}~${item.id}`"
-                    v-for="(item, index) in userList"
-                    :key="index">
-                  {{ item.name }}-{{ item.idNumber }}
-                </el-checkbox>
-              </el-checkbox-group>
-              <AiEmpty v-if="!this.userList.length"></AiEmpty>
-            </el-scrollbar>
-          </div>
-          <div class="AiWechatSelecter-container__right">
-            <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
-              <h2>已选择</h2>
-              <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <div class="tags-wrapper">
-                <el-tag
-                    v-for="(item, index) in chooseUser"
-                    :key="index"
-                    closable
-                    @close="del(item)"
-                    size="small"
-                    type="info">
-                  {{ item.split('~')[0] }}
-                </el-tag>
-              </div>
-            </el-scrollbar>
-          </div>
-        </div>
+        <el-form ref="DialogForm" size="small" label-width="0">
+          <el-form-item>
+            <ai-area-select clearable always-show :instance="instance" v-model="areaId" :disabled-level="disabledLevel"/>
+          </el-form-item>
+          <el-form-item label="网格：" required label-width="80px">
+            <el-select size="small" v-model="girdId" placeholder="请选择网格" clearable>
+              <el-option v-for="(item,i) in girdList" :key="i" :label="item.girdName" :value="item.id"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <ai-table-select :instance="instance" :action="`/app/apppreventionreturntopoverty/list?isHousehold=1&&areaId=${areaId}&auditStatus=1`"
+                             @select="v=>chooseUser=v" multiple/>
+          </el-form-item>
+        </el-form>
       </ai-dialog>
     </template>
   </ai-list>
@@ -130,7 +83,6 @@ export default {
   props: {
     instance: Function,
     dict: Object,
-    params: Object
   },
 
   data() {
@@ -141,9 +93,7 @@ export default {
         name: '',
         girdId: ''
       },
-      isLoading: false,
       form: {},
-      userList: [],
       name: '',
       chooseUser: [],
       isShow: false,
@@ -176,13 +126,12 @@ export default {
     this.dict.load('epidemicDangerousAreaLevel').then(() => {
       this.getGirdList()
       this.getList()
-      this.getUserList()
     })
   },
 
   methods: {
     getGirdList() {
-      this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.params.id}`).then(res => {
+      this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.$route.query.id}`).then(res => {
         if (res.code == 0) {
           this.girdList = res.data
         }
@@ -196,7 +145,7 @@ export default {
       this.instance.post(`/app/appgirdmemberpoverty/listByGirdMemberByWeb`, null, {
         params: {
           ...this.search,
-          girdMemberId: this.params.id,
+          girdMemberId: this.$route.query.id,
         }
       }).then(res => {
         if (res.code == 0) {
@@ -215,11 +164,6 @@ export default {
     handleSelectionChange(e) {
       this.ids = e.map(v => v.gmpId)
     },
-
-    clearAll() {
-      this.chooseUser = []
-    },
-
     onConfirm() {
       if (!this.girdId) {
         return this.$message.error('请选择网格')
@@ -231,10 +175,10 @@ export default {
 
       const povertyList = this.chooseUser.map(v => {
         return {
-          girdMemberId: this.params.id,
-          name: v.split('~')[0],
+          girdMemberId: this.$route.query.id,
+          name: v.name,
           girdId: this.girdId,
-          povertyId: v.split('~')[1]
+          povertyId: v.id
         }
       })
       this.instance.post(`/app/appgirdmemberpoverty/add`, {
@@ -254,38 +198,12 @@ export default {
       this.girdId = ''
       this.name = ''
       this.areaId = this.user.info.areaId
-      this.getUserList()
     },
-
-    del(e) {
-      this.chooseUser.splice(this.chooseUser.indexOf(e), 1)
-    },
-
-    getUserList() {
-      this.isLoading = true
-      this.instance.post(`/app/apppreventionreturntopoverty/list`, null, {
-        params: {
-          current: 1,
-          size: 200,
-          con: this.name,
-          isHousehold: 1,
-          areaId: this.areaId
-        }
-      }).then(res => {
-        if (res.code == 0) {
-          this.userList = res.data.records
-        }
-
-        this.isLoading = false
-      })
-    },
-
     onBack() {
       this.$emit('change', {
         type: 'list'
       })
     },
-
     remove(ids) {
       this.$confirm('确定删除该数据？').then(() => {
         this.instance.post(`/app/appgirdmemberpoverty/delete`, null, {
diff --git a/packages/grid/AppGridMember/components/add.vue b/packages/grid/AppGridMember/components/add.vue
index d3d6fd90..395a729f 100644
--- a/packages/grid/AppGridMember/components/add.vue
+++ b/packages/grid/AppGridMember/components/add.vue
@@ -6,22 +6,23 @@
       </template>
       <template #content>
         <el-form
-          ref="rules"
-          :model="forms"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          label-width="136px">
-          <ai-card title="基础信息" >
-            <template #right  v-if="title=='网格员详情'">
+            ref="rules"
+            :model="forms"
+            :rules="formRules"
+            size="small"
+            label-suffix="："
+            label-width="136px">
+          <ai-card title="基础信息">
+            <template #right v-if="title=='网格员详情'">
               <span style="color:#2266FF;cursor: pointer;font-size: 12px;" class="iconfont iconEdit" v-if="editOne==false" @click="editOne=true">修改</span>
-              <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editOne==true" @click="searchDetail(),editOne=false">取消</span>
+              <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editOne==true"
+                    @click="searchDetail(),editOne=false">取消</span>
               <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editOne==true" @click="save()">保存</span>
             </template>
             <template slot="content">
               <div class="above" v-if="editOne==true">
                 <div class="left">
-                  <el-form-item label="网格员姓名" prop="name" >
+                  <el-form-item label="网格员姓名" prop="name">
                     <el-input v-model="forms.name" placeholder="请选择网格员" disabled>
                       <template #append>
                         <ai-wechat-selecter :isMultiple="false" refs="addTags" :instance="instance" v-model="users" @change="getSelectPerson">
@@ -30,30 +31,20 @@
                       </template>
                     </el-input>
                   </el-form-item>
-                  <el-form-item label="选用日期" prop="selectionDate" >
-                    <el-date-picker
-                      v-model="forms.selectionDate"
-                      type="date"
-                      style="width: 100%"
-                      value-format="yyyy-MM-dd"
-                      size="medium"
-                      placeholder="选择日期">
-                    </el-date-picker>
-                  </el-form-item>
-                  <el-form-item label="身份证号" prop="idNumber" >
-                      <el-input v-model="forms.idNumber" placeholder="请输入…" maxlength="18" show-word-limit></el-input>
+                  <el-form-item label="身份证号" prop="idNumber">
+                    <el-input v-model="forms.idNumber" placeholder="请输入…" maxlength="18" show-word-limit></el-input>
                   </el-form-item>
                 </div>
                 <div class="right">
                   <el-form-item label="照片" prop="photo">
                     <!-- <ai-uploader :instance="instance" v-model="photoList" :limit="1" @change="photoChange"></ai-uploader> -->
-                    <ai-avatar :instance="instance"  v-model="forms.photo"/>
+                    <ai-avatar :instance="instance" v-model="forms.photo"/>
                   </el-form-item>
                 </div>
               </div>
               <div class="above" v-if="editOne==true">
                 <div class="left">
-                  <el-form-item label="出生日期" prop="birthday" >
+                  <el-form-item label="出生日期" prop="birthday">
                     <el-date-picker
                         v-model="forms.birthday"
                         type="date"
@@ -63,70 +54,71 @@
                         placeholder="选择日期">
                     </el-date-picker>
                   </el-form-item>
-                  <el-form-item label="联系电话" prop="phone" >
+                  <el-form-item label="联系电话" prop="phone">
                     <el-input v-model.number="forms.phone" placeholder="请输入…" maxlength="11" show-word-limit></el-input>
                   </el-form-item>
                 </div>
                 <div class="right">
-                  <el-form-item label="性别" prop="sex" >
+                  <el-form-item label="性别" prop="sex">
                     <el-select size="medium" style="width: 100%" v-model="forms.sex" placeholder="请选择..." clearable>
                       <el-option
-                        v-for="(item,i) in dict.getDict('sex')"
-                        :key="i"
-                        :label="item.dictName"
-                        :value="item.dictValue"
+                          v-for="(item,i) in dict.getDict('sex')"
+                          :key="i"
+                          :label="item.dictName"
+                          :value="item.dictValue"
                       >
                       </el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item label="电子邮箱" prop="mail" >
-                      <el-input v-model="forms.mail" placeholder="请输入…"></el-input>
+                  <el-form-item label="电子邮箱" prop="mail">
+                    <el-input v-model="forms.mail" placeholder="请输入…"></el-input>
                   </el-form-item>
                 </div>
               </div>
-              <template  v-if="editOne==false">
+              <template v-if="editOne==false">
                 <div class="above">
                   <div class="left">
-                    <ai-wrapper label-width="120px"  :columnsNumber="1"  style="margin-top: 16px;">
-                      <ai-info-item label="网格员姓名："><span >{{forms.name}}</span></ai-info-item>
-                      <ai-info-item label="选用日期："><span >{{forms.selectionDate}}</span></ai-info-item>
-                      <ai-info-item label="身份证号："><span >{{forms.idNumber}}</span></ai-info-item>
-                      <ai-info-item label="性别："><span >{{dict.getLabel('sex', forms.sex)}}</span></ai-info-item>
-                      <ai-info-item label="出生日期："><span >{{forms.birthday}}</span></ai-info-item>
-                      <ai-info-item label="电子邮箱："><span >{{forms.mail}}</span></ai-info-item>
+                    <ai-wrapper label-width="120px" :columnsNumber="1" style="margin-top: 16px;">
+                      <ai-info-item label="网格员姓名："><span>{{ forms.name }}</span></ai-info-item>
+                      <ai-info-item label="身份证号："><span>{{ forms.idNumber }}</span></ai-info-item>
+                      <ai-info-item label="性别："><span>{{ dict.getLabel('sex', forms.sex) }}</span></ai-info-item>
+                      <ai-info-item label="出生日期："><span>{{ forms.birthday }}</span></ai-info-item>
+                      <ai-info-item label="电子邮箱："><span>{{ forms.mail }}</span></ai-info-item>
                     </ai-wrapper>
                   </div>
                   <div class="right">
-                    <ai-wrapper label-width="120px"  :columnsNumber="1"  style="margin-top: 16px;">
+                    <ai-wrapper label-width="120px" :columnsNumber="1" style="margin-top: 16px;">
                       <ai-info-item label="照片：" v-if="forms.photo">
-                        <span >
+                        <span>
                           <ai-uploader :instance="instance" v-model="photoList" disabled :limit="1" @change="photoChange"></ai-uploader>
                         </span>
                       </ai-info-item>
-                      <ai-info-item label="联系电话："><span >{{forms.phone}}</span></ai-info-item>
+                      <ai-info-item label="联系电话："><span>{{ forms.phone }}</span></ai-info-item>
                     </ai-wrapper>
                   </div>
                 </div>
               </template>
             </template>
           </ai-card>
-          <ai-card title="关联信息" >
-            <template #right  v-if="title=='网格员详情'">
+          <ai-card title="关联信息">
+            <template #right v-if="title=='网格员详情'">
               <span style="color:#2266FF;cursor: pointer;font-size: 12px;" class="iconfont iconEdit" v-if="editTwo==false" @click="editTwo=true">修改</span>
-              <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editTwo==true" @click="searchDetail(),editTwo=false">取消</span>
+              <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editTwo==true"
+                    @click="searchDetail(),editTwo=false">取消</span>
               <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editTwo==true" @click="save()">保存</span>
             </template>
             <template slot="content">
               <template v-if="editTwo==true">
                 <el-form-item label="责任网格" prop="girdInfoList" style="margin-top: 8px;">
-                  <el-form-item style="width: 100%" label-width="80px" :label="'网格' + (index + 1)" v-for="(item, index) in forms.girdInfoList" :key="'选项' + (index + 1)">
+                  <el-form-item style="width: 100%" label-width="80px" :label="'网格' + (index + 1)" v-for="(item, index) in forms.girdInfoList"
+                                :key="'选项' + (index + 1)">
                     <div class="form-flex">
                       <el-select v-model="item.checkType" placeholder="请选择网格角色">
                         <el-option
-                          v-for="item in options"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value">
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
                         </el-option>
                       </el-select>
                       <el-input disabled v-model="item.girdName" :maxlength="200" size="small" placeholder="请选择责任网格">
@@ -142,13 +134,13 @@
                 </el-form-item>
                 <div class="above">
                   <div class="left">
-                    <el-form-item label="是否特殊网格员" prop="isGirdMember" >
+                    <el-form-item label="是否特殊网格员" prop="isGirdMember">
                       <el-radio-group v-model="forms.isGirdMember">
                         <el-radio label="0">否</el-radio>
                         <el-radio label="1">是</el-radio>
                       </el-radio-group>
                     </el-form-item>
-                    <el-form-item label="政治面貌" prop="politicsStatus" >
+                    <el-form-item label="政治面貌" prop="politicsStatus">
                       <el-select v-model="forms.politicsStatus" size="small" style="width: 100%" placeholder="请选择..." clearable>
                         <el-option v-for="(item,i) in dict.getDict('politicsStatus')" :key="i" :label="item.dictName" :value="item.dictValue"></el-option>
                       </el-select>
@@ -160,31 +152,31 @@
                         <el-option v-for="(item,i) in dict.getDict('girdMemberType')" :key="i" :label="item.dictName" :value="item.dictValue"></el-option>
                       </el-select>
                     </el-form-item>
-                    <el-form-item label="学历" prop="education" >
+                    <el-form-item label="学历" prop="education">
                       <el-select v-model="forms.education" style="width: 100%" size="small" placeholder="请选择..." clearable>
                         <el-option v-for="(item,i) in dict.getDict('education')" :key="i" :label="item.dictName" :value="item.dictValue"></el-option>
                       </el-select>
                     </el-form-item>
                   </div>
                 </div>
-                <el-form-item label="个人简介" prop="introduction" >
+                <el-form-item label="个人简介" prop="introduction">
                   <el-input
-                    type="textarea"
-                    maxlength="200"
-                    show-word-limit
-                    :rows="4"
-                    placeholder="请输入内容"
-                    v-model="forms.introduction">
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :rows="4"
+                      placeholder="请输入内容"
+                      v-model="forms.introduction">
                   </el-input>
                 </el-form-item>
-                <el-form-item label="人生格言" prop="motto" >
+                <el-form-item label="人生格言" prop="motto">
                   <el-input
-                    type="textarea"
-                    maxlength="200"
-                    show-word-limit
-                    :rows="4"
-                    placeholder="请输入内容"
-                    v-model="forms.motto">
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :rows="4"
+                      placeholder="请输入内容"
+                      v-model="forms.motto">
                   </el-input>
                 </el-form-item>
               </template>
@@ -194,39 +186,40 @@
                   <ai-info-item label="是否特殊网格员：">
                     <span>{{ !forms.isGirdMember ? '-' : forms.isGirdMember === '0' ? '否' : '是' }}</span>
                   </ai-info-item>
-                  <ai-info-item label="特殊网格员：" v-if="forms.isGirdMember==1"><span >{{dict.getLabel('girdMemberType', forms.girdMemberType)}}</span></ai-info-item>
-                  <ai-info-item label="政治面貌："><span >{{dict.getLabel('politicsStatus', forms.politicsStatus)}}</span></ai-info-item>
-                  <ai-info-item label="学历："><span >{{dict.getLabel('education', forms.education)}}</span></ai-info-item>
-                  <ai-info-item label="人生格言：" style="width: 100%;"><span >{{forms.motto}}</span></ai-info-item>
-                  <ai-info-item label="个人简介：" style="width: 100%;"><span >{{forms.introduction}}</span></ai-info-item>
+                  <ai-info-item label="特殊网格员：" v-if="forms.isGirdMember==1"><span>{{ dict.getLabel('girdMemberType', forms.girdMemberType) }}</span>
+                  </ai-info-item>
+                  <ai-info-item label="政治面貌："><span>{{ dict.getLabel('politicsStatus', forms.politicsStatus) }}</span></ai-info-item>
+                  <ai-info-item label="学历："><span>{{ dict.getLabel('education', forms.education) }}</span></ai-info-item>
+                  <ai-info-item label="人生格言：" style="width: 100%;"><span>{{ forms.motto }}</span></ai-info-item>
+                  <ai-info-item label="个人简介：" style="width: 100%;"><span>{{ forms.introduction }}</span></ai-info-item>
                 </ai-wrapper>
               </template>
             </template>
           </ai-card>
         </el-form>
-        <ai-dialog title="选择网格" :visible.sync="showGrid" :customFooter="true"  :destroyOnClose="true" border  width="720px">
+        <ai-dialog title="选择网格" :visible.sync="showGrid" :customFooter="true" :destroyOnClose="true" border width="720px">
           <div class="grid">
             <el-tree
-              :data="treeObj.treeList"
-              :props="treeObj.defaultProps"
-              node-key="id"
-              ref="tree"
-              :check-strictly="true"
-              show-checkbox
-              :default-checked-keys="currCheckedKeys"
-              default-expand-all
-              @check="onCheckChange">
+                :data="treeObj.treeList"
+                :props="treeObj.defaultProps"
+                node-key="id"
+                ref="tree"
+                :check-strictly="true"
+                show-checkbox
+                :default-checked-keys="currCheckedKeys"
+                default-expand-all
+                @check="onCheckChange">
             </el-tree>
           </div>
-          <div class="dialog-footer" slot="footer" >
-            <el-button  size="medium" @click="showGrid=false">取消</el-button>
-            <el-button  type="primary" size="medium" @click="getCheckedTree()">确认</el-button>
+          <div class="dialog-footer" slot="footer">
+            <el-button size="medium" @click="showGrid=false">取消</el-button>
+            <el-button type="primary" size="medium" @click="getCheckedTree()">确认</el-button>
           </div>
         </ai-dialog>
       </template>
       <template #footer v-if="title=='添加网格员'">
-        <el-button @click="cancel(false)" class="delete-btn footer-btn" >取 消</el-button>
-        <el-button type="primary" @click="save()"  class="footer-btn">提 交</el-button>
+        <el-button @click="cancel(false)" class="delete-btn footer-btn">取 消</el-button>
+        <el-button type="primary" @click="save()" class="footer-btn">提 交</el-button>
       </template>
     </ai-detail>
   </section>
@@ -239,7 +232,6 @@ export default {
     instance: Function,
     dict: Object,
     permissions: Function,
-    params: Object,
   },
   data() {
     return {
@@ -290,7 +282,7 @@ export default {
   },
   created() {
     this.beforeSelectTree()
-    if (this.params.id) {
+    if (this.$route.query.id) {
       this.searchDetail();
       this.title = "网格员详情";
       this.editOne = false;
@@ -302,7 +294,7 @@ export default {
     }
   },
   computed: {
-    currCheckedKeys () {
+    currCheckedKeys() {
       if (this.forms && this.forms.girdInfoList && this.forms.girdInfoList[this.currIndex] && this.forms.girdInfoList[this.currIndex].id) {
         return [this.forms.girdInfoList[this.currIndex].id]
       }
@@ -324,14 +316,11 @@ export default {
       };
       return {
         name: [
-          { required: true, message: "请输入网格员姓名", trigger: "change" },
+          {required: true, message: "请输入网格员姓名", trigger: "change"},
         ],
-        selectionDate: [
-          { required: true, message: "请选择选用日期", trigger: "change" },
-        ],
-        phone: [{ required: true, validator: phonePass, trigger: "blur" }],
+        phone: [{required: true, validator: phonePass, trigger: "blur"}],
         girdInfoList: [
-          { required: true, message: "请选择责任网络", trigger: "change" },
+          {required: true, message: "请选择责任网络", trigger: "change"},
         ],
         mail: [
           {
@@ -344,14 +333,14 @@ export default {
     },
   },
   methods: {
-    cancel (isRefresh) {
+    cancel(isRefresh) {
       this.$emit('change', {
         type: 'list',
         isRefresh: !!isRefresh,
       })
     },
 
-    onCheckChange (e) {
+    onCheckChange(e) {
       this.$nextTick(() => {
         this.$refs.tree.getCheckedKeys().forEach(v => {
           this.$refs.tree.setChecked(v, false)
@@ -360,11 +349,11 @@ export default {
       })
     },
 
-    removeGrid (index) {
+    removeGrid(index) {
       this.forms.girdInfoList.splice(index, 1)
     },
 
-    addGrid () {
+    addGrid() {
       this.forms.girdInfoList.push({
         id: '',
         girdName: '',
@@ -375,10 +364,13 @@ export default {
       this.forms.photo = val[0].url;
     },
     getSelectPerson(val) {
-      this.forms.name = val[0].name;
-      this.forms.phone = val[0].phone;
-      this.forms.userId = val[0].sysUserId
-      this.forms.wxUserId = val[0].id
+      if (val.length) {
+        this.forms.name = val[0].name;
+        this.forms.phone = val[0].phone;
+        this.forms.userId = val[0].sysUserId
+        this.forms.wxUserId = val[0].id
+        this.$refs.rules.validateField('name')
+      }
     },
     getCheckedTree() {
       if (!this.$refs.tree.getCheckedNodes().length) {
@@ -423,17 +415,9 @@ export default {
             if (!currInfo.id) {
               return this.$message.error('请选择网格')
             }
-
-            if (currInfo.checkType === '1' && currInfo.girdLevel !== '2') {
-              return this.$message.error(`一级、二级网格不能添加网格员`)
-            }
-
-            if (sameInfo.length) {
-              return this.$message.error('不能选择同一网格重复绑定')
-            }
           }
 
-          this.instance.post(`/app/appgirdmemberinfo/addOrUpdate`,{
+          this.instance.post(`/app/appgirdmemberinfo/addOrUpdate`, {
             ...this.forms,
             girdInfoListStr: this.forms.girdInfoList.map(v => v.girdName).join(',')
           }).then((res) => {
@@ -453,31 +437,30 @@ export default {
       });
     },
     searchDetail() {
-      this.instance
-        .post(`/app/appgirdmemberinfo/queryDetailById`, null, {
-          params: { id: this.params.id },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.forms = {
-              ...res.data,
-              girdInfoList: res.data.girdInfoList || []
-            };
-            this.users = [{
-              name: res.data.name,
-              phone: res.data.phone,
-              userId: res.data.id,
-              id: res.data.wxUserId
-            }]
-            this.girdInfoStr = ''
-            this.photoList = [{ url: this.forms.photo }];
-            if (res.data.girdInfoList) {
-              res.data.girdInfoList.forEach((e) => {
-                this.girdInfoStr = this.girdInfoStr + `${e.checkType === '1' ? '网格员' : '网格长'}-${e.girdName}&emsp;`
-              })
-            }
+      let {id} = this.$route.query
+      this.instance.post(`/app/appgirdmemberinfo/queryDetailById`, null, {
+        params: {id}
+      }).then((res) => {
+        if (res.code == 0) {
+          this.forms = {
+            ...res.data,
+            girdInfoList: res.data.girdInfoList || []
+          };
+          this.users = [{
+            name: res.data.name,
+            phone: res.data.phone,
+            userId: res.data.id,
+            id: res.data.wxUserId
+          }]
+          this.girdInfoStr = ''
+          this.photoList = [{url: this.forms.photo}];
+          if (res.data.girdInfoList) {
+            res.data.girdInfoList.forEach((e) => {
+              this.girdInfoStr = this.girdInfoStr + `${e.checkType === '1' ? '网格员' : '网格长'}-${e.girdName}&emsp;`
+            })
           }
-        });
+        }
+      });
     },
   },
 };
@@ -487,26 +470,28 @@ export default {
 .add {
   height: 100%;
 
-    .form-flex {
-      display: flex;
-      align-items: center;
+  .form-flex {
+    display: flex;
+    align-items: center;
 
-      & > .el-button {
-        margin-left: 20px;
-      }
-
-      .el-input {
-        width: 300px;
-        margin-left: 20px;
-      }
-
-      ::v-deep .el-form-item__content {
-        margin-left: 0!important;
-      }
+    & > .el-button {
+      margin-left: 20px;
     }
+
+    .el-input {
+      width: 300px;
+      margin-left: 20px;
+    }
+
+    ::v-deep .el-form-item__content {
+      margin-left: 0 !important;
+    }
+  }
+
   .ai-detail__title {
     background-color: #fff;
   }
+
   .ai-detail__content {
     .ai-detail__content--wrapper {
       .el-form {
@@ -516,9 +501,11 @@ export default {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
+
           .el-form-item {
             width: 48%;
           }
+
           .buildingTypes {
             width: 100%;
           }
@@ -526,16 +513,20 @@ export default {
       }
     }
   }
+
   ::v-deep .el-tag {
     margin-right: 8px;
     color: #333333;
   }
+
   .footer-btn {
     width: 92px;
   }
-  .above{
+
+  .above {
     display: flex;
-    .left, .right{
+
+    .left, .right {
       flex: 1;
     }
   }
diff --git a/packages/grid/AppGridMember/components/gmList.vue b/packages/grid/AppGridMember/components/gmList.vue
new file mode 100644
index 00000000..4cac8456
--- /dev/null
+++ b/packages/grid/AppGridMember/components/gmList.vue
@@ -0,0 +1,55 @@
+<template>
+  <section class="gmList">
+    <ai-list class="AppGridMember">
+      <template slot="title">
+        <ai-title title="网格员管理" :isShowBottomBorder="false"></ai-title>
+      </template>
+      <template slot="tabs">
+        <el-tabs v-model="currIndex">
+          <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+            <component :ref="String(i)" v-if="currIndex == i" :is="tab.comp" lazy :instance="instance"
+                       :dict="dict" :permissions="permissions" v-on="$listeners"/>
+          </el-tab-pane>
+        </el-tabs>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import List from "./list";
+import ApplyList from "./ApplyList";
+
+export default {
+  name: "gmList",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    tabs() {
+      return [
+        {label: '网格员信息', name: 'List', comp: List, permission: ''},
+        {label: '申报信息', name: 'ApplyList', comp: ApplyList, permission: 'app_appgirdmemberapply_detail'}
+      ].filter(item => {
+        return item.name !== 'ApplyList' || this.permissions(item.permission)
+      })
+    }
+  },
+  data() {
+    return {
+      currIndex: '0',
+    }
+  },
+  methods: {},
+  created() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.gmList {
+  height: 100%;
+}
+</style>
diff --git a/packages/grid/AppGridMember/components/list.vue b/packages/grid/AppGridMember/components/list.vue
index 5083f1a1..67c43799 100644
--- a/packages/grid/AppGridMember/components/list.vue
+++ b/packages/grid/AppGridMember/components/list.vue
@@ -1,54 +1,43 @@
 <template>
   <ai-list class="list" isTabs>
     <template slot="content">
-      <ai-search-bar bottomBorder>
-        <template slot="left">
-          <el-date-picker
-            v-model="searchObj.selectionDate"
-            type="date"
-            @change="(page.current = 1), getList()"
-            value-format="yyyy-MM-dd"
-            size="small"
-            placeholder="选用时间">
-          </el-date-picker>
-        </template>
-        <template slot="right">
-          <el-input
-            v-model="searchObj.name"
-            size="small"
-            placeholder="网格员/责任网格"
-            v-throttle="() => {page.current = 1, getList()}"
-            clearable
-            @clear="(searchObj.name = '', page.current = 1), getList()"
-            suffix-icon="iconfont iconSearch" />
-        </template>
-      </ai-search-bar>
       <ai-search-bar style="padding: 16px 0 0">
         <template slot="left">
           <el-button
-            icon="iconfont iconAdd"
-            type="primary"
-            size="small"
-            @click="add('')"
-            >添加</el-button
+              icon="iconfont iconAdd"
+              type="primary"
+              size="small"
+              @click="add('')"
+          >添加
+          </el-button
           >
           <el-button
-            icon="iconfont iconDelete"
-            @click="deleteById(ids.join(','))"
-            :disabled="!Boolean(ids.length)"
-            >删除</el-button
+              icon="iconfont iconDelete"
+              @click="deleteById(ids.join(','))"
+              :disabled="!Boolean(ids.length)"
+          >删除
+          </el-button
           >
         </template>
+        <template slot="right">
+          <el-input
+              v-model="searchObj.name"
+              size="small"
+              placeholder="网格员/责任网格"
+              v-throttle="() => {page.current = 1, getList()}"
+              clearable
+              @clear="(searchObj.name = '', page.current = 1), getList()"
+              suffix-icon="iconfont iconSearch"/>
+        </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="page.total"
-        ref="aitableex"
-        :current.sync="page.current"
-        :size.sync="page.size"
-        @selection-change="(v) => (ids = v.map((e) => e.id))"
-        @getList="getList()">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          :current.sync="page.current"
+          :size.sync="page.size"
+          @selection-change="(v) => (ids = v.map((e) => e.id))"
+          @getList="getList()">
         <el-table-column label="操作" slot="options" align="center" fixed="right" width="220">
           <template slot-scope="{ row }">
             <div class="table-options">
@@ -97,67 +86,42 @@ export default {
   },
   computed: {
     colConfigs() {
-      let _ = this;
       return [
-        {
-          type: "selection",
-        },
-        {
-          prop: "name",
-          label: "网格员姓名",
-        },
-        {
-          prop: "girdInfoListStr",
-          align: "center",
-          label: "责任网格",
-        },
-        {
-          prop: "phone",
-          align: "center",
-          label: "联系电话",
-        },
-        {
-          prop: "selectionDate",
-          align: "center",
-          label: "选用时间",
-        },
+        {type: "selection"},
+        {prop: "name", label: "网格员姓名"},
+        {prop: "girdInfoListStr", align: "center", label: "责任网格"},
+        {prop: "phone", align: "center", label: "联系电话"},
+        {prop: "createTime", align: "center", label: "创建时间"},
       ];
     },
   },
   methods: {
     getList() {
-      this.instance
-        .post("/app/appgirdmemberinfo/list", null, {
-          params: {
-            ...this.searchObj,
-            ...this.page,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records;
-            this.page.total = res.data.total;
-          }
-        });
+      this.instance.post("/app/appgirdmemberinfo/list", null, {
+        params: {...this.searchObj, ...this.page}
+      }).then((res) => {
+        if (res?.data) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      })
     },
     deleteById(ids) {
-      ids &&
-        this.$confirm("是否要删除该网格员？", {
-          type: "error",
+      ids && this.$confirm("是否要删除该网格员？", {
+        type: "error",
+      }).then(() => {
+        this.instance
+        .post("/app/appgirdmemberinfo/delete", null, {
+          params: {ids},
         })
-          .then(() => {
-            this.instance
-              .post("/app/appgirdmemberinfo/delete", null, {
-                params: { ids },
-              })
-              .then((res) => {
-                if (res?.code == 0) {
-                  this.$message.success("删除成功!");
-                  this.getList();
-                }
-              });
-          })
-          .catch(() => {});
+        .then((res) => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!");
+            this.getList();
+          }
+        });
+      })
+      .catch(() => 0);
     },
     add(id) {
       this.$emit('change', {
@@ -167,8 +131,7 @@ export default {
         }
       })
     },
-
-    toMonitorUser (id) {
+    toMonitorUser(id) {
       this.$emit('change', {
         type: 'MonitorUser',
         params: {
@@ -176,8 +139,7 @@ export default {
         }
       })
     },
-
-    toFamily (id) {
+    toFamily(id) {
       this.$emit('change', {
         type: 'Family',
         params: {
@@ -185,7 +147,6 @@ export default {
         }
       })
     },
-
     handleSelectionChange(val) {
       this.ids = [];
       val.map((e) => {
@@ -197,7 +158,7 @@ export default {
         this.searchObj[e] = "";
       });
       this.getList();
-    },
+    }
   },
 };
 </script>
diff --git a/packages/grid/AppHouseMap/AppHouseMap.vue b/packages/grid/AppHouseMap/AppHouseMap.vue
index ae0f5173..e38b5447 100644
--- a/packages/grid/AppHouseMap/AppHouseMap.vue
+++ b/packages/grid/AppHouseMap/AppHouseMap.vue
@@ -20,7 +20,7 @@
         </div>
         <div class="search-result" v-if="isShowSearch && searchList.length">
           <div class="search-result__item" v-for="(item, index) in searchList" :key="index"
-              @click="chooseCommunity(item)">
+               @click="chooseCommunity(item)">
             <i class="search-icon iconfont iconLocation"></i>
             <h2 v-if="type != 1">{{ item.residentName }}</h2>
             <span v-if="type != 1">{{ item.createAddress }}</span>
@@ -42,23 +42,23 @@
           <h2>户主信息</h2>
           <div class="community-info__item">
             <label>所属村</label>
-            <span>{{info.areaName}}</span>
+            <span>{{ info.areaName }}</span>
           </div>
           <div class="community-info__item">
             <label>姓名</label>
-            <span style="color:#2266FF;">{{info.name}}</span>
+            <span style="color:#2266FF;">{{ info.name }}</span>
           </div>
           <div class="community-info__item">
             <label>联系电话</label>
-            <span style="color:#2266FF;">{{info.phone}}</span>
+            <span style="color:#2266FF;">{{ info.phone }}</span>
           </div>
           <div class="community-info__item">
             <label>性别</label>
-            <span>{{info.sex == 1 ? '男' : '女'}}</span>
+            <span>{{ info.sex == 1 ? '男' : '女' }}</span>
           </div>
           <div class="community-info__item">
             <label>年龄</label>
-            <span>{{info.age}}</span>
+            <span>{{ info.age }}</span>
           </div>
           <div class="community-info__item bg-fff"></div>
         </div>
@@ -66,22 +66,22 @@
           <h2>宅基地信息</h2>
           <div class="community-info__item">
             <label>住宅建筑面积</label>
-            <span>{{info.liveBuildingArea}}m²</span>
+            <span>{{ info.liveBuildingArea }}m²</span>
           </div>
           <div class="community-info__item">
             <label>建筑层数</label>
-            <span>{{info.buildingFloorNumber}}层</span>
+            <span>{{ info.buildingFloorNumber }}层</span>
           </div>
           <div class="community-info__item">
             <label>建筑高度</label>
-            <span>{{info.buildingHeight}}m</span>
+            <span>{{ info.buildingHeight }}m</span>
           </div>
         </div>
         <div class="community-info__wrapper" v-if="!info.name">
           <h2>房屋信息</h2>
           <div class="community-info__item">
             <label>所属社区</label>
-            <span>{{ info.areaName}}</span>
+            <span>{{ info.areaName }}</span>
           </div>
           <div class="community-info__item">
             <label>所属小区</label>
@@ -89,7 +89,7 @@
           </div>
           <div class="community-info__item">
             <label>房屋类型</label>
-            <span>{{ dict.getLabel("communityBuildingType",info.buildingType) }}</span>
+            <span>{{ dict.getLabel("communityBuildingType", info.buildingType) }}</span>
           </div>
           <div class="community-info__item">
             <label>楼长姓名</label>
@@ -97,27 +97,28 @@
           </div>
           <div class="community-info__item">
             <label>楼长电话</label>
-            <span>{{ info.managerPhone}}</span>
+            <span>{{ info.managerPhone }}</span>
           </div>
         </div>
         <div class="community-btn" v-if="!info.name">
           <el-button icon="iconfont iconloudongmoxing" size="small"
-                    @click="showStatistics=true; $router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">楼栋模型
+                     @click="showStatistics=true; $router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">
+            楼栋模型
           </el-button>
         </div>
       </div>
-      
+
       <div class="map-menu">
         <div class="map-menu__item">
           <div class="map-layers__wrapper">
             <div class="map-layers">
               <div class="map-layers__item" @click="switchLayer(false)"
-                  :class="[!isImageMap ? 'map-layers__item-active' : '']">
+                   :class="[!isImageMap ? 'map-layers__item-active' : '']">
                 <img src="https://cdn.cunwuyun.cn/AppCommunityMap/dz.png" alt="">
                 <div class="map-layers__item--tag" :class="[!isImageMap ? 'map-layers__item--tag-active' : '']">地图</div>
               </div>
               <div class="map-layers__item" @click="switchLayer(true)"
-                  :class="[isImageMap ? 'map-layers__item-active' : '']">
+                   :class="[isImageMap ? 'map-layers__item-active' : '']">
                 <img src="https://cdn.cunwuyun.cn/AppCommunityMap/yx.png" alt="">
                 <div class="map-layers__item--tag" :class="[isImageMap ? 'map-layers__item--tag-active' : '']">卫星</div>
               </div>
@@ -158,6 +159,7 @@ export default {
   data() {
     return {
       map: null,
+      mapLib: null,
       community: '',
       isShowLayer: false,
       isShowSearch: false,
@@ -171,13 +173,13 @@ export default {
       list: [],
       areaList: [],
       info: {},
-      resident:null,
+      resident: null,
       satellite: null,
       zoom: 11,
       chooseBuildId: '',
       buildList: [],
       searchList: [],
-      house:null,
+      house: null,
       center: [],
       type: '',
       typeList: [
@@ -222,7 +224,7 @@ export default {
   },
 
   created() {
-    this.dict.load('householdRelation','communityBuildingType')
+    this.dict.load('householdRelation', 'communityBuildingType')
   },
 
   mounted() {
@@ -232,12 +234,12 @@ export default {
   },
 
   methods: {
-    getCorpLocation(){
-      if(this.showStatistics) { //楼栋模型返回重新查询
+    getCorpLocation() {
+      if (this.showStatistics) { //楼栋模型返回重新查询
         return
       }
-      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res=>{
-        if(res.code==0){
+      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res => {
+        if (res.code == 0) {
           this.initMap(res.data);
         }
       })
@@ -255,14 +257,14 @@ export default {
     },
 
     search() {
-      if(this.type === '') {
+      if (this.type === '') {
         this.searchList = []
         this.$message.error('请先选择房屋类型')
         return
       }
       this.isShowArea = false
       var url = '/app/appcommunityhouseinfo/queryHouseByName'
-      if(this.type == 1) {
+      if (this.type == 1) {
         url = '/app/apphomesteadinfo/list'
       }
       this.instance.post(url, null, {
@@ -275,9 +277,9 @@ export default {
       }).then(res => {
         if (res.code === 0) {
           var data = []
-          if(this.type == 1) {
+          if (this.type == 1) {
             data = res.data.records
-          }else {
+          } else {
             data = res.data
           }
 
@@ -293,14 +295,14 @@ export default {
 
     getBuildInfo(id, type) {
       var url = `/app/apphomesteadinfo/queryDetailById?id=${id}`
-      if(type == 0) {
-        url= `/app/appcommunityhouseinfo/queryDetailByIdWithBuilding?buildId=${id}`
+      if (type == 0) {
+        url = `/app/appcommunityhouseinfo/queryDetailByIdWithBuilding?buildId=${id}`
       }
       this.instance.post(url).then(res => {
         if (res.code === 0) {
-          if(type == 1) {
+          if (type == 1) {
             this.info = res.data
-          }else {
+          } else {
             this.info = res.data.build
             this.resident = null;
           }
@@ -312,10 +314,10 @@ export default {
     },
 
     chooseCommunity(item) {
-      if(item.name) { //宅基地
-        if(!item.lng || !item.lat) {
+      if (item.name) { //宅基地
+        if (!item.lng || !item.lat) {
           return this.$message.error('未获取到该房屋坐标信息')
-        }else {
+        } else {
           this.map.setZoomAndCenter(18, [item.lng, item.lat], false, 600)
           this.info = item
           this.$nextTick(() => {
@@ -323,35 +325,35 @@ export default {
             this.isShowInfo = true
           })
         }
-        
-      }else { //楼栋
-        this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`,null,{
-        params:{
-          buildId:item.buildingId,
-          houseId:item.id,
-          residentId:item.residentId
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          if (!res.data.build?.lng || !res.data.build?.lat) {
-            this.isShowInfo = true
-            this.isShowSearch = false
-            this.info = res.data.build;
-            return this.$message.error('未获取到该房屋坐标信息')
-          } else {
-            this.chooseBuildId = res.data.build.id
-            this.house = res.data.house
-            this.resident = res.data.resident;
-          }
 
-          this.map.setZoomAndCenter(18, [res.data.build?.lng, res.data.build?.lat], false, 600)
-          this.info = res.data.build
-          this.$nextTick(() => {
-            this.isShowSearch = false
-            this.isShowInfo = true
-          })
-        }
-      })
+      } else { //楼栋
+        this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
+          params: {
+            buildId: item.buildingId,
+            houseId: item.id,
+            residentId: item.residentId
+          }
+        }).then(res => {
+          if (res.code === 0) {
+            if (!res.data.build?.lng || !res.data.build?.lat) {
+              this.isShowInfo = true
+              this.isShowSearch = false
+              this.info = res.data.build;
+              return this.$message.error('未获取到该房屋坐标信息')
+            } else {
+              this.chooseBuildId = res.data.build.id
+              this.house = res.data.house
+              this.resident = res.data.resident;
+            }
+
+            this.map.setZoomAndCenter(18, [res.data.build?.lng, res.data.build?.lat], false, 600)
+            this.info = res.data.build
+            this.$nextTick(() => {
+              this.isShowSearch = false
+              this.isShowInfo = true
+            })
+          }
+        })
       }
     },
 
@@ -365,7 +367,7 @@ export default {
           <p>${context.count}</p>
         </div>
       </div>`
-
+      let {mapLib: AMap} = this
       let offset = new AMap.Pixel(-9, -9)
       context.marker.setContent(el)
       context.marker.setOffset(offset)
@@ -380,23 +382,23 @@ export default {
       const buildId = context.data[0].id
       let el = ''
       var urlType = ''
-      if(context.data[0].communityName == context.data[0].buildingNumber) { //宅基地
+      if (context.data[0].communityName == context.data[0].buildingNumber) { //宅基地
         urlType = 1
-        el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId?'background-color:#2266FF':'background-color:#FF701A'}">
+        el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId ? 'background-color:#2266FF' : 'background-color:#FF701A'}">
          <div class="mark-contaienr">
             <span>${context.data[0].areaName}</span>&nbsp;&nbsp;
             <span>${context.data[0].communityName}</span>
           </div>
-        <div class="arrow" style="${buildId === this.chooseBuildId?'border-top-color: #2266FF':'border-top-color:#FF701A'}"></div>
+        <div class="arrow" style="${buildId === this.chooseBuildId ? 'border-top-color: #2266FF' : 'border-top-color:#FF701A'}"></div>
       </div>`
-      }else {
+      } else {
         urlType = 0
-        el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId?'background-color:#2266FF':''}">
+        el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId ? 'background-color:#2266FF' : ''}">
          <div class="mark-contaienr">
             <span>${context.data[0].communityName}</span>&nbsp;&nbsp;
             <span>${context.data[0].buildingNumber}栋</span>
           </div>
-        <div class="arrow" style="${buildId === this.chooseBuildId?'border-top-color: #2266FF':''}"></div>
+        <div class="arrow" style="${buildId === this.chooseBuildId ? 'border-top-color: #2266FF' : ''}"></div>
       </div>`
       }
 
@@ -421,6 +423,7 @@ export default {
     },
 
     addMakert(points) {
+      let {mapLib: AMap} = this
       new AMap.MarkerClusterer(this.map, points, {
         gridSize: 60,
         maxZoom: 15,
@@ -444,9 +447,9 @@ export default {
               lnglat: [item.lng, item.lat],
               id: item.id,
               corpId: item.corpId,
-              areaName:item.areaName,
+              areaName: item.areaName,
               buildingNumber: item.name || item.buildingNumber,
-              communityName:item.name || item.communityName,
+              communityName: item.name || item.communityName,
             }
           })
 
@@ -470,8 +473,8 @@ export default {
       this.isImageMap = flag
     },
 
-    initMap({lng,lat}) {
-      this.center = [lng,lat];
+    initMap({lng, lat}) {
+      this.center = [lng, lat];
       AMapLoader.load({
         key: 'b553334ba34f7ac3cd09df9bc8b539dc',
         version: '2.0',
@@ -481,6 +484,7 @@ export default {
           plugins: []
         }
       }).then((AMap) => {
+        this.mapLib = AMap
         this.map = new AMap.Map('map', {
           resizeEnable: true,
           zooms: [6, 20],
@@ -507,7 +511,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper{
+::v-deep .ai-list__content--right-wrapper {
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -889,7 +893,7 @@ export default {
       white-space: nowrap;
     }
 
-    p:first-child{
+    p:first-child {
       font-size: 14px;
     }
 
@@ -901,7 +905,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+::v-deep .mark {
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -914,7 +918,7 @@ export default {
   box-sizing: border-box;
   padding: 0 12px;
 
-  .mark-contaienr{
+  .mark-contaienr {
     color: white;
     font-size: 14px;
     position: relative;
@@ -926,7 +930,7 @@ export default {
     justify-content: center;
   }
 
-  .arrow{
+  .arrow {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
@@ -1124,8 +1128,8 @@ export default {
       }
     }
 
-    .bg-fff{
-      background-color: #fff!important;
+    .bg-fff {
+      background-color: #fff !important;
     }
   }
 }
@@ -1336,7 +1340,8 @@ export default {
         color: #89B;
       }
     }
-    .map-area__right{
+
+    .map-area__right {
       margin-left: 16px;
     }
   }
diff --git a/packages/grid/AppHouseMap/buildingStatistics.vue b/packages/grid/AppHouseMap/buildingStatistics.vue
index 281b70aa..99d28db5 100644
--- a/packages/grid/AppHouseMap/buildingStatistics.vue
+++ b/packages/grid/AppHouseMap/buildingStatistics.vue
@@ -1,74 +1,75 @@
 <template>
   <section class="buildingStatistics">
-    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
+    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder
+              @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
     <div class="buildingPane">
       <div class="bgItem tree"/>
-        <div class="building">
-          <template v-if="floorRooms.length>0">
-            <div class="buildingSignboard">{{ `${currentBuilding.buildingNumber}栋 ${unitNumber}单元` }}
-            </div>
-            <el-scrollbar class="floors">
-              <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
-                <div class="room" v-for="(op,i) in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)" :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
-                  {{ op.houseCode }}
-                  <div v-if="op.livingNumber==0">无人</div>
-                  <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
-                    <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
-                      <span>{{selected.houseCode}}详情</span>
-                      <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
-                    </el-row>
-                    <div class="family-member">
-                      <h2>房主信息</h2>
-                      <div v-for="(item,index) in selected.owner" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span style="color: #2266FF;">{{item.phone}}</span>
+      <div class="building">
+        <template v-if="floorRooms.length>0">
+          <div class="buildingSignboard" v-text="`${currentBuilding.buildingNumber}栋 ${unitNumber}单元`"/>
+          <el-scrollbar class="floors">
+            <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
+              <div class="room" v-for="op in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)"
+                   :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
+                {{ op.houseCode }}
+                <div v-if="op.livingNumber==0">无人</div>
+                <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
+                  <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
+                    <span>{{ selected.houseCode }}详情</span>
+                    <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
+                  </el-row>
+                  <div class="family-member">
+                    <h2>房主信息</h2>
+                    <div v-for="(item,index) in selected.owner" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
                       </div>
-
-                      <h2>承租人信息</h2>
-                      <div v-for="(item,index) in selected.renter" :key="item.id">
-                        <div class="family-member__item" >
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span>{{item.phone}}</span>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
                         </div>
+                        <span style="color: #2266FF;">{{ item.phone }}</span>
                       </div>
+                    </div>
 
-                      <h2>实际居住人员</h2>
-                      <div v-for="(item,index) in selected.live" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span>{{root.dict.getLabel("householdRelation",item.relation)}}</span>
+                    <h2>承租人信息</h2>
+                    <div v-for="(item,index) in selected.renter" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
+                      </div>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
+                        </div>
+                        <span>{{ item.phone }}</span>
+                      </div>
+                    </div>
+
+                    <h2>实际居住人员</h2>
+                    <div v-for="(item,index) in selected.live" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
+                        </div>
+                        <span>{{ root.dict.getLabel("householdRelation", item.relation) }}</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </el-scrollbar>
-          </template>
-          <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
-          <div class="bottom"/>
-        </div>
-      <building-tool-bar></building-tool-bar>
+            </div>
+          </el-scrollbar>
+        </template>
+        <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
+        <div class="bottom"/>
+      </div>
+      <building-tool-bar/>
     </div>
   </section>
 </template>
@@ -96,11 +97,11 @@ export default {
       rooms: [],
       selected: {},
       currentBuilding: {},
-      unitNumber:1,
+      unitNumber: 1,
       tips: [],
-      position:{
-        x:"",
-        y:""
+      position: {
+        x: "",
+        y: ""
       },
     }
   },
@@ -115,23 +116,23 @@ export default {
     }
   },
   created() {
-    this.dict.load('householdRelation', 'residentTipType',"houseLivingType")
+    this.dict.load('householdRelation', 'residentTipType', "houseLivingType")
     if (this.isFormDv && this.query.buildingId) {
       this.getRoomsByBuilding(this.query.buildingId, this.query.unitNum)
-      this.currentBuilding = { buildingNumber: this.query.buildingNumber}
+      this.currentBuilding = {buildingNumber: this.query.buildingNumber}
       this.unitNumber = this.query.unitNum
 
       return false
     }
-    this.getRoomsByBuilding(this.$route.query?.buildingId,this.$route.query?.unitNum)
+    this.getRoomsByBuilding(this.$route.query?.buildingId, this.$route.query?.unitNum)
     this.currentBuilding = {buildingNumber: this.$route.query?.buildingNumber};
     this.unitNumber = this.$route.query?.unitNum;
   },
   methods: {
     handleSelectRoom(room, e) {
       console.log(e)
-      if (room.livingNumber>0) {
-        this.$nextTick(()=>{
+      if (room.livingNumber > 0) {
+        this.$nextTick(() => {
           this.position.x = e.pageX + 40 + "px"
           this.position.y = e.pageY + "px"
           this.selected = room;
@@ -140,15 +141,17 @@ export default {
         // this.getRoomDetail(room.id)
       }
     },
-    selectedBuilding(building,unitNumber) {
+    selectedBuilding(building, unitNumber) {
       this.selected = {}
       this.tips = []
-      this.$router.push({query: {...this.$route.query, buildingId: building.id,unitNum:unitNumber}}).catch(e=>{e})
+      this.$router.push({query: {...this.$route.query, buildingId: building.id, unitNum: unitNumber}}).catch(e => {
+        e
+      })
       this.currentBuilding = building
       this.unitNumber = unitNumber
-      this.getRoomsByBuilding(building.id,unitNumber)
+      this.getRoomsByBuilding(building.id, unitNumber)
     },
-    getRoomsByBuilding(buildingId,unitNumber) {
+    getRoomsByBuilding(buildingId, unitNumber) {
       this.root.instance.post("/app/appcommunityhouseinfo/list", null, {
         params: {
           unitNumber,
@@ -170,11 +173,11 @@ export default {
           this.selected = {
             ...this.selected, ...res.data,
             residents: residents.map(e => {
-              let {tips} = e
-              //显示为户主
-              let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
-              return {...e, tips: tips ? tips.split("|") : [], relationLabel}
-            }
+                  let {tips} = e
+                  //显示为户主
+                  let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
+                  return {...e, tips: tips ? tips.split("|") : [], relationLabel}
+                }
             )
           }
         }
@@ -197,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title{
+  ::v-deep .ailist-title {
     margin: 0 20px;
   }
 
@@ -337,29 +340,37 @@ export default {
 
     ::v-deep .floors {
       max-height: 520px;
+      max-width: 60vw;
+      margin: 0 20px;
+      padding: 0 50px;
+      position: relative;
 
-      .el-scrollbar__wrap {
-        overflow-x: hidden;
-        margin-bottom: 0 !important;
+      &:before {
+        display: block;
+        content: " ";
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
+        background-size: 100% 105px;
       }
     }
 
     .floor {
-      margin: 0 20px;
+      position: relative;
       height: 105px;
-      flex-shrink: 0;
-      max-width: calc(100% - 40px);
       display: flex;
+      flex-shrink: 0;
       align-items: center;
-      background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
-      background-size: 100% 105px;
-      padding: 0 30px;
       box-sizing: border-box;
       gap: 20px;
 
       .room {
         width: 60px;
         height: 72px;
+        flex-shrink: 0;
         background-image: url("https://cdn.cunwuyun.cn/buildSta/room.png");
         text-align: center;
         padding-top: 20px;
diff --git a/packages/grid/AppHouseMap/toolBar/communityOverview.vue b/packages/grid/AppHouseMap/toolBar/communityOverview.vue
index b4a92afe..60b0652a 100644
--- a/packages/grid/AppHouseMap/toolBar/communityOverview.vue
+++ b/packages/grid/AppHouseMap/toolBar/communityOverview.vue
@@ -5,8 +5,8 @@
       <div class="building" v-for="(value,name) in buildingUnits" :key="name">
         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)"
              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}">
-          <b>{{ name}}栋</b>
-          <div>{{ j+1 }}单元</div>
+          <b>{{ name }}栋</b>
+          <div>{{ j + 1 }}单元</div>
         </div>
       </div>
     </div>
@@ -22,7 +22,7 @@ export default {
     buildingUnits() {
       let obj = {}
       this.units.map(e => {
-        for(let i=0;i<e.unitNumber;i++){
+        for (let i = 0; i < e.unitNumber; i++) {
           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e])
         }
       })
@@ -57,6 +57,8 @@ export default {
 <style lang="scss" scoped>
 .communityOverview {
   max-width: 400px;
+  max-height: 600px;
+  overflow-y: auto!important;
 
   .units {
     display: flex;
@@ -68,7 +70,7 @@ export default {
       display: flex;
       align-items: center;
       height: auto;
-      flex-wrap: wrap; 
+      flex-wrap: wrap;
 
       .unit {
         margin-right: 10px;
diff --git a/packages/grid/components/AiUserPicker.vue b/packages/grid/components/AiUserPicker.vue
new file mode 100644
index 00000000..f9d1ad94
--- /dev/null
+++ b/packages/grid/components/AiUserPicker.vue
@@ -0,0 +1,163 @@
+<template>
+  <section class="AiUserPicker">
+    <div v-if="$slots.default " @click="handleSelect">
+      <slot/>
+    </div>
+    <div class="AiWechatSelecter-userlist" v-else>
+      <div class="user-item" v-for="(item, index) in value" :key="index">
+        <img :src="getAvatar(item)">
+        <div class="itemLabel" v-text="item.name"/>
+        <i class="iconfont iconwarning" @click="removeUser(index)"/>
+      </div>
+      <div class="user-add" @click="handleSelect">
+        <div class="userlist-add__icon">
+          <i class="el-icon-plus"/>
+        </div>
+        <span>选择</span>
+      </div>
+    </div>
+    <ai-dialog title="选择人员" :visible.sync="dialog" width="1100px" @onConfirm="submit" @close="selected=[]">
+      <ai-table-select :instance="instance" v-model="selected" multiple action="/app/wxcp/wxuser/list?status=1" valueObj extra="mobile"/>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AiUserPicker",
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {default: () => []},
+    instance: Function,
+    multiple: {default: true},
+    props: {
+      default: () => ({
+        label: 'name',
+        id: 'id'
+      })
+    },
+  },
+  data() {
+    return {
+      dialog: false,
+      selected: [],
+    }
+  },
+  methods: {
+    removeUser(i) {
+      let list = this.$copy(this.value)
+      list.splice(i, 1)
+      this.$emit("change", list)
+    },
+    submit() {
+      this.$emit("change", this.selected)
+      this.dialog = false
+    },
+    handleSelect() {
+      this.selected = this.$copy(this.value)
+      this.dialog = true
+    },
+    getAvatar(row){
+      return row.avatar||row.photo||'https://cdn.cunwuyun.cn/dvcp/h5/defaultAvatar.png'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiUserPicker {
+  .AiWechatSelecter-userlist {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    .user-add {
+      margin-bottom: 6px;
+
+      .userlist-add__icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        margin-bottom: 4px;
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+        cursor: pointer;
+
+        &:hover {
+          opacity: 0.6;
+        }
+
+        i {
+          color: #CCCCCC;
+          font-size: 20px;
+        }
+      }
+
+      span {
+        display: block;
+        width: 100%;
+        line-height: 22px;
+        text-align: center;
+        color: #888888;
+        font-size: 14px;
+      }
+    }
+
+    .user-item {
+      position: relative;
+      margin-bottom: 6px;
+      margin-right: 16px;
+      width: 40px;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+
+      img {
+        display: block;
+        width: 40px;
+        height: 40px;
+        margin-bottom: 4px;
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+      }
+
+      i {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 2px;
+        font-size: 16px;
+        background: #fff;
+        border-radius: 50%;
+        cursor: pointer;
+        transform: translate(40%, -100%);
+        height: 16px;
+
+        &:hover {
+          opacity: 0.6;
+        }
+      }
+
+      .itemLabel {
+        display: block;
+        width: 60px;
+        line-height: 22px;
+        text-align: center;
+        color: #888888;
+        font-size: 14px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/index.js b/packages/index.js
index 5fca1e27..83241608 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -5,6 +5,7 @@
  * @param params showList:打印加载的应用;apps:加载的应用文件名数组
  */
 import core from './core.import'
+import dvui from '../project/dvui/entries'
 
 const install = function (Vue, params) {
   if (install.installed) return
@@ -25,7 +26,7 @@ const install = function (Vue, params) {
     apps.push(app.component)
     Vue.component(app.name, app.component)
   })
-  !!params?.showList && console.log(apps.map(e => e.name))
+  Vue.use(dvui)
   return Promise.resolve(apps)
 }
 
diff --git a/packages/meta/AppPartyMember/components/Add.vue b/packages/meta/AppPartyMember/components/Add.vue
index f5e145e3..7a5ba16c 100644
--- a/packages/meta/AppPartyMember/components/Add.vue
+++ b/packages/meta/AppPartyMember/components/Add.vue
@@ -33,9 +33,11 @@
                       :maxLength="15"
                       placeholder="请输入姓名"
                       v-model="form.name"
+                      
                   >
                     <template slot="append" v-if="!isEdit">
                       <ai-person-select
+                          :url="'/app/appresident/list?areaId='+user.info.areaId"
                           :instance="instance"
                           @selectPerson="checkName"
                       >
@@ -253,7 +255,7 @@
                   placeholder="请选择入党时间"
                   style="width: 100%"
                   format="yyyy-MM-dd"
-                  :value-format="'yyyy-MM-dd' + ' 00:00:00'"
+                  :value-format="'yyyy-MM-dd'"
               >
               </el-date-picker>
             </el-form-item>
@@ -762,6 +764,7 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
 export default {
   name: "Add",
 
@@ -771,6 +774,7 @@ export default {
     selected: Object
   },
   computed: {
+     ...mapState(["user"]),
     isEdit() {
       return !!this.$route.query.id;
     },
diff --git a/packages/meta/AppPartyMember/components/List.vue b/packages/meta/AppPartyMember/components/List.vue
index fd3a5d8e..80ba8ba4 100644
--- a/packages/meta/AppPartyMember/components/List.vue
+++ b/packages/meta/AppPartyMember/components/List.vue
@@ -295,5 +295,9 @@ export default {
       width: 100%;
     }
   }
+  ::v-deep .is-current>.el-tree-node__content{
+    width: 100%!important;
+    padding-right: 16px!important;
+  }
 }
 </style>
diff --git a/packages/meta/AppPartyMember/components/neighbourSetting.vue b/packages/meta/AppPartyMember/components/neighbourSetting.vue
index 0c4e5817..90740316 100644
--- a/packages/meta/AppPartyMember/components/neighbourSetting.vue
+++ b/packages/meta/AppPartyMember/components/neighbourSetting.vue
@@ -10,7 +10,7 @@
             </el-button>
           </template>
           <template #right>
-            <el-input size="small" placeholder="搜索党员/四邻信息" v-model="search.name" clearable
+            <el-input size="small" placeholder="搜索户主姓名" v-model="search.residentName" clearable
                       @change="page.current=1,getTableData()" suffix-icon="iconfont iconSearch"/>
           </template>
         </ai-search-bar>
@@ -36,7 +36,7 @@
           <el-table-column slot="resident">
             <template #header>
               <b v-text="`户主信息列表`"/>
-              <el-input class="fill" v-model="list.con" size="small" placeholder="搜索姓名/身份证号" clearable
+              <el-input class="fill searchbar" v-model="list.con" size="small" placeholder="搜索姓名/身份证号" clearable
                         @change="list.current=1,getResident()"/>
             </template>
             <template slot-scope="{row}">
@@ -92,7 +92,7 @@ export default {
   },
   data() {
     return {
-      search: {name: "", ids: ""},
+      search: {residentName: "", ids: ""},
       page: {current: 1, size: 10, total: 0},
       tableData: [],
       dialog: false,
@@ -220,5 +220,9 @@ export default {
       }
     }
   }
+
+  ::v-deep.searchbar {
+    padding-right: 0;
+  }
 }
 </style>
diff --git a/packages/meta/AppResident/residentDetail.vue b/packages/meta/AppResident/residentDetail.vue
index 31c3692d..43c8eabb 100644
--- a/packages/meta/AppResident/residentDetail.vue
+++ b/packages/meta/AppResident/residentDetail.vue
@@ -2,7 +2,7 @@
   <section class="residentDetail">
     <ai-detail>
       <ai-title slot="title" :title="pageTitle" isShowBack @onBackClick="back" isShowBottomBorder>
-        <template v-if="showDetail" #rightBtn>
+        <template v-if="isEdit" #rightBtn>
           <el-button @click="beforeWriteOff()" icon="el-icon-switch-button" v-if="baseInfo.fileStatus==0">注销档案
           </el-button>
           <el-button icon="iconfont iconDelete" @click="handleDelete()" v-if="permissions('app_appresident_del')">
@@ -13,7 +13,7 @@
       <template #content>
         <el-form class="content-right" :model="baseInfo" ref="ruleForm" :rules="rules" label-width="130px"
                  label-position="right" size="small">
-          <el-tabs tab-position="left" v-if="showDetail" v-model="currentTab">
+          <el-tabs tab-position="left" v-if="isEdit" v-model="currentTab">
             <el-tab-pane label="基本信息">
               <ai-edit-card :title="baseInfo.name||'基本信息'" :show-btn="permissions('app_appresident_edit')"
                             @save="saveFrom" @cancel="getDetail(baseInfo.id)">
@@ -24,17 +24,17 @@
                         <el-input
                             v-model="baseInfo.name"
                             autocomplete="off"
-                            size="small"
                             placeholder="请输入姓名"
                             maxlength="20"
+                            :disabled="isEdit"
                             show-word-limit/>
                       </el-form-item>
                       <el-form-item label="身份证号：" prop="idNumber">
                         <el-input v-model="baseInfo.idNumber" placeholder="请输入身份证号" :maxlength="18" show-word-limit
-                                  @change="idChange"/>
+                                  @change="idChange" :disabled="isEdit"/>
                       </el-form-item>
                       <el-form-item label="性别：" prop="sex">
-                        <ai-select v-model="baseInfo.sex" :selectList="dict.getDict('sex')"/>
+                        <ai-select v-model="baseInfo.sex" :selectList="dict.getDict('sex')" :disabled="isEdit"/>
                       </el-form-item>
                     </div>
                     <el-form-item label="个人照片：" prop="photo" class="fill">
@@ -200,7 +200,7 @@
                   </ai-table>
                 </div>
               </ai-card>
-              <tags-manage v-if="currentTab=='0'&&baseInfo.id" v-bind="$props" :resident-id="baseInfo.id"/>
+              <tags-manage v-if="currentTab=='0'&&baseInfo.id&&permissions('app_appresidentlabelinfo_detail')" v-bind="$props" :resident-id="baseInfo.id"/>
             </el-tab-pane>
             <el-tab-pane label="资产信息" lazy>
               <personal-assets v-if="currentTab==1&&baseInfo.id" :resident-id="baseInfo.id" v-bind="$props"/>
@@ -357,7 +357,7 @@
           </template>
         </el-form>
       </template>
-      <template v-if="!showDetail" #footer>
+      <template v-if="!isEdit" #footer>
         <el-button @click="back">取消</el-button>
         <el-button type="primary" @click="saveFrom()">保存</el-button>
       </template>
@@ -378,7 +378,7 @@
           <ai-info-item label="政治面貌" :value="dict.getLabel('politicsStatus', familyInfo.politicsStatus)"/>
           <ai-info-item label="兵役状况" :value="dict.getLabel('militaryStatus', familyInfo.militaryStatus)"/>
           <ai-info-item label="宗教信仰" :value="dict.getLabel('faithType', familyInfo.faithType)"/>
-          <ai-info-item label="职业" :value="dict.getLabel('faithType', familyInfo.job)"/>
+          <ai-info-item label="职业" :value="dict.getLabel('job', familyInfo.job)"/>
           <ai-info-item label="现住址" isLine :value="[familyInfo.currentAreaName, familyInfo.currentAddress].join('')"/>
         </ai-wrapper>
         <ai-avatar v-model="familyInfo.imgUrl" :editable="false"/>
@@ -546,12 +546,12 @@ export default {
   },
   computed: {
     ...mapState(["user"]),
-    showDetail() {
+    isEdit() {
       return !!this.$route.query?.id
     },
     pageTitle() {
       let {name} = this
-      return this.showDetail ? `${name}信息` : `添加${name}`
+      return this.isEdit ? `${name}信息` : `添加${name}`
     },
     hasSpecial() {
       //是否有特殊人员信息
@@ -561,7 +561,7 @@ export default {
       return [
         {
           label: "与户主关系", align: 'center',
-          render: (h, {row}) => h('p', this.dict.getLabel('householdRelation', row.householdRelation || "户主"))
+          render: (h, {row}) => h('p', this.dict.getLabel('householdRelation', row.householdRelation))
         },
         {label: "姓名", prop: "name"},
         {label: "性别", prop: "sex", dict: "sex", align: 'center'},
@@ -651,6 +651,8 @@ export default {
     },
     showFamily(row) {
       this.familyInfo = row;
+      let {birthday} = this.idCardNoUtil.getIdCardInfo(this.familyInfo.idNumber)
+      this.familyInfo.birthday = birthday
       if (this.familyInfo.photo) {
         this.familyInfo.imgUrl = this.familyInfo.photo.split(";")[0];
       } else {
@@ -691,7 +693,7 @@ export default {
   },
   created() {
     this.disabledLevel = this.user.info.areaMap[this.user.info.areaId].length;
-    if (!this.showDetail) {
+    if (!this.isEdit) {
       // this.baseInfo.householdAreaId = JSON.parse(JSON.stringify(this.user.info.areaId))
       this.baseInfo.currentAreaId = JSON.parse(JSON.stringify(this.user.info.areaId))
       this.$nextTick(() => this.$refs.ruleForm?.resetFields())
diff --git a/packages/party/AppPartyOrg/AppPartyOrganization.vue b/packages/party/AppPartyOrg/AppPartyOrganization.vue
index 9d8205c4..266ebd1d 100644
--- a/packages/party/AppPartyOrg/AppPartyOrganization.vue
+++ b/packages/party/AppPartyOrg/AppPartyOrganization.vue
@@ -599,5 +599,9 @@ export default {
       }
     }
   }
+  ::v-deep .is-current>.el-tree-node__content{
+    width: 100%!important;
+    padding-right: 16px!important;
+  }
 }
 </style>
diff --git a/packages/party/AppPartyScore/psList.vue b/packages/party/AppPartyScore/psList.vue
index 356b0efd..8e1899a9 100644
--- a/packages/party/AppPartyScore/psList.vue
+++ b/packages/party/AppPartyScore/psList.vue
@@ -3,6 +3,15 @@
     <ai-list>
       <ai-title slot="title" title="党员积分" isShowBottomBorder/>
       <template #content>
+        <ai-search-bar>
+          <template #right>
+            <ai-import :instance="instance" name="党员积分" title="导入党员积分"
+                       suffixName="xlsx"
+                       url="/app/apppartyintegralinfo/downloadTemplate"
+                       importUrl="/app/apppartyintegralinfo/import"
+                       @onSuccess="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
         <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
                   @getList="getTableData" :col-configs="colConfigs" :dict="dict">
           <el-table-column slot="options" label="操作" fixed="right" align="center">
diff --git a/packages/publicity/AppContentManage/AppContentManage.vue b/packages/publicity/AppContentManage/AppContentManage.vue
index 7b4924d5..909cb291 100644
--- a/packages/publicity/AppContentManage/AppContentManage.vue
+++ b/packages/publicity/AppContentManage/AppContentManage.vue
@@ -1,73 +1,72 @@
 <template>
   <div class="doc-circulation ailist-wrapper">
     <keep-alive :include="['List']">
-      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
+      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"/>
     </keep-alive>
   </div>
 </template>
 
 <script>
-  import List from './components/List'
-  import Add from './components/Add'
-  import Detail from './components/Detail'
+import List from './components/List'
+import Add from './components/Add'
+import Detail from './components/Detail'
 
-  export default {
-    name: 'AppContentManage',
-    label: '内容管理',
+export default {
+  name: 'AppContentManage',
+  label: '内容管理',
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    data () {
-      return {
-        component: 'List',
-        params: {},
-        include: []
+  data() {
+    return {
+      component: 'List',
+      params: {},
+      include: []
+    }
+  },
+
+  components: {
+    Add,
+    List,
+    Detail
+  },
+  created() {
+    this.dict.load("yesOrNo")
+  },
+  methods: {
+    onChange(data) {
+      if (data.type === 'Add') {
+        this.component = 'Add'
+        this.params = data.params
       }
-    },
 
-    components: {
-      Add,
-      List,
-      Detail
-    },
+      if (data.type === 'Detail') {
+        this.component = 'Detail'
+        this.params = data.params
+      }
 
-    mounted () {
-    },
+      if (data.type === 'list') {
+        this.component = 'List'
+        this.params = data.params
 
-    methods: {
-      onChange (data) {
-        if (data.type === 'Add') {
-          this.component = 'Add'
-          this.params = data.params
-        }
-
-        if (data.type === 'Detail') {
-          this.component = 'Detail'
-          this.params = data.params
-        }
-
-        if (data.type === 'list') {
-          this.component = 'List'
-          this.params = data.params
-
-          this.$nextTick(() => {
-            if (data.isRefresh) {
-              this.$refs.component.getList()
-            }
-          })
-        }
+        this.$nextTick(() => {
+          if (data.isRefresh) {
+            this.$refs.component.getList()
+          }
+        })
       }
     }
   }
+}
 </script>
 
 <style lang="scss">
-  .doc-circulation {
-    height: 100%;
-    background: #F3F6F9;
-    overflow: auto;
-  }
+.doc-circulation {
+  height: 100%;
+  background: #F3F6F9;
+  overflow: auto;
+}
 </style>
diff --git a/packages/publicity/AppContentManage/components/Add.vue b/packages/publicity/AppContentManage/components/Add.vue
index d9f4d088..a78f3cc6 100644
--- a/packages/publicity/AppContentManage/components/Add.vue
+++ b/packages/publicity/AppContentManage/components/Add.vue
@@ -9,7 +9,8 @@
         <template #content>
           <el-form class="ai-form" :model="form" label-width="120px" ref="form">
             <el-form-item label="模块名称" style="width: 100%;" prop="moduleName" :rules="[{required: true, message: '请输入模块名称', trigger: 'blur'}]">
-              <el-input type="input" style="width: 300px" size="small" v-model="form.moduleName" clearable placeholder="请输入模块名称" maxlength="30" show-word-limit></el-input>
+              <el-input type="input" style="width: 300px" size="small" v-model="form.moduleName" clearable placeholder="请输入模块名称" maxlength="30"
+                        show-word-limit></el-input>
             </el-form-item>
             <el-form-item prop="menuName" label="菜单名称" :rules="[{required: true, message: '请选择菜单', trigger: 'change'}]">
               <el-input type="input" style="width: 300px" disabled size="small" v-model="form.menuName" clearable placeholder="请选择菜单">
@@ -24,25 +25,30 @@
                 <el-radio label="1">是</el-radio>
               </el-radio-group>
             </el-form-item>
+            <el-form-item label="是否可评论" style="width: 100%;" prop="isComment" :rules="[{required: true, message: '请选择是否可评论'}]">
+              <el-radio-group v-model="form.isComment">
+                <el-radio v-for="op in dict.getDict('yesOrNo')" :key="op.dictValue" :label="op.dictValue">{{ op.dictName }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
           </el-form>
         </template>
       </ai-card>
       <ai-dialog
-        :visible.sync="isShowAdd"
-        width="880px"
-        height="580px"
-        title="选择菜单"
-        @close="onClose"
-        @onConfirm="onConfirm">
+          :visible.sync="isShowAdd"
+          width="880px"
+          height="580px"
+          title="选择菜单"
+          @close="onClose"
+          @onConfirm="onConfirm">
         <el-tree
-          :data="treeData"
-          node-key="id"
-          ref="tree"
-          @node-click="onChange"
-          highlight-current
-          :default-expanded-keys="defaultExpandedKeys"
-          :default-checked-keys="defaulCheckedKeys"
-          :props="defaultProps">
+            :data="treeData"
+            node-key="id"
+            ref="tree"
+            @node-click="onChange"
+            highlight-current
+            :default-expanded-keys="defaultExpandedKeys"
+            :default-checked-keys="defaulCheckedKeys"
+            :props="defaultProps">
         </el-tree>
       </ai-dialog>
     </template>
@@ -54,130 +60,130 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
-  export default {
-    name: 'Add',
+export default {
+  name: 'Add',
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
-    },
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
 
-    data () {
-      return {
-        info: {},
-        form: {
-          moduleName: '',
-          menuId: '',
-          menuName: '',
-          needExamine: '0'
-        },
-        isShowAdd: false,
-        treeData: [],
-        id: '',
-        chooseNode: {},
-        defaultExpandedKeys: [],
-        defaulCheckedKeys: [],
-        defaultProps: {
-          children: 'subSet',
-          label: 'name',
-          disabled: e => {
-            return e.type !== '1'
-          }
+  data() {
+    return {
+      info: {},
+      form: {
+        moduleName: '',
+        menuId: '',
+        menuName: '',
+        needExamine: '0'
+      },
+      isShowAdd: false,
+      treeData: [],
+      id: '',
+      chooseNode: {},
+      defaultExpandedKeys: [],
+      defaulCheckedKeys: [],
+      defaultProps: {
+        children: 'subSet',
+        label: 'name',
+        disabled: e => {
+          return e.type !== '1'
         }
       }
-    },
-
-    computed: {
-      ...mapState(['user'])
-    },
-
-    created () {
-      this.getMenuList()
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-        this.getInfo(this.params.id)
-      }
-    },
-
-    methods: {
-      getInfo (id) {
-        this.instance.post(`/app/appcontentmoduleinfo/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.form = res.data
-          }
-        })
-      },
-
-      showAdd () {
-        this.isShowAdd = true
-
-        this.$nextTick(() => {
-          this.$refs.tree.setCurrentKey(this.form.menuId)
-          this.defaultExpandedKeys = [this.form.menuId]
-          this.chooseNode = {
-            menuId: this.form.menuId,
-            menuName: this.form.menuName,
-            type: '1'
-          }
-        })
-      },
-
-      onClose () {
-
-      },
-
-      onConfirm () {
-        if (this.chooseNode.type === '1') {
-          this.form.menuId = this.chooseNode.id
-          this.form.menuName = this.chooseNode.name
-
-          this.isShowAdd = false
-        } else {
-          this.$message.error('无法选择')
-        }
-      },
-
-      onChange (e) {
-        this.chooseNode = e
-      },
-
-      getMenuList () {
-        this.instance.post(`/admin/menu/menuTree?containPermission=0`).then(res => {
-          if (res.code === 0) {
-            this.treeData = res.data
-          }
-        })
-      },
-
-      confirm () {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.instance.post(`/app/appcontentmoduleinfo/addOrUpdate`, {
-              ...this.form,
-              id: this.params.id || ''
-            }).then(res => {
-              if (res.code == 0) {
-                this.$message.success('提交成功')
-                setTimeout(() => {
-                  this.cancel(true)
-                }, 600)
-              }
-            })
-          }
-        })
-      },
-
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'list',
-          isRefresh: !!isRefresh
-        })
-      }
+    }
+  },
+
+  computed: {
+    ...mapState(['user'])
+  },
+
+  created() {
+    this.getMenuList()
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.getInfo(this.params.id)
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/appcontentmoduleinfo/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.form = res.data
+        }
+      })
+    },
+
+    showAdd() {
+      this.isShowAdd = true
+
+      this.$nextTick(() => {
+        this.$refs.tree.setCurrentKey(this.form.menuId)
+        this.defaultExpandedKeys = [this.form.menuId]
+        this.chooseNode = {
+          menuId: this.form.menuId,
+          menuName: this.form.menuName,
+          type: '1'
+        }
+      })
+    },
+
+    onClose() {
+
+    },
+
+    onConfirm() {
+      if (this.chooseNode.type === '1') {
+        this.form.menuId = this.chooseNode.id
+        this.form.menuName = this.chooseNode.name
+
+        this.isShowAdd = false
+      } else {
+        this.$message.error('无法选择')
+      }
+    },
+
+    onChange(e) {
+      this.chooseNode = e
+    },
+
+    getMenuList() {
+      this.instance.post(`/admin/menu/menuTree?containPermission=0`).then(res => {
+        if (res.code === 0) {
+          this.treeData = res.data
+        }
+      })
+    },
+
+    confirm() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.instance.post(`/app/appcontentmoduleinfo/addOrUpdate`, {
+            ...this.form,
+            id: this.params.id || ''
+          }).then(res => {
+            if (res.code == 0) {
+              this.$message.success('提交成功')
+              setTimeout(() => {
+                this.cancel(true)
+              }, 600)
+            }
+          })
+        }
+      })
+    },
+
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/packages/publicity/AppContentManage/components/AiEditInput.vue b/packages/publicity/AppContentManage/components/AiEditInput.vue
new file mode 100644
index 00000000..645f375d
--- /dev/null
+++ b/packages/publicity/AppContentManage/components/AiEditInput.vue
@@ -0,0 +1,73 @@
+<template>
+  <section class="AiEditInput" :class="{[align]:true,error}">
+    <el-input v-if="edit" size="small" v-model="content" @change="handleChange" @blur="cancel" clearable autofocus/>
+    <div class="valueText" v-else v-text="value" @click="edit=true"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiEditInput",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: ""},
+    align: {default: ""},
+    error: Boolean
+  },
+  data() {
+    return {
+      edit: false,
+      content: ""
+    }
+  },
+  methods: {
+    cancel() {
+      this.edit = false
+    },
+    handleChange(v) {
+      this.$emit('change', v)
+      this.$emit('update:error', false)
+    }
+  },
+  watch: {
+    edit(v) {
+      v && (this.content = this.$copy(this.value))
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep.AiEditInput {
+  &.error {
+    background: rgba(#f46, .2);
+  }
+
+  input {
+    text-align: center;
+  }
+
+  .valueText {
+    width: 100%;
+    height: 100%;
+    min-height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &.left {
+    input {
+      text-align: left
+    }
+
+    .valueText {
+      justify-content: flex-start;
+    }
+  }
+}
+</style>
diff --git a/packages/publicity/AppContentManage/components/List.vue b/packages/publicity/AppContentManage/components/List.vue
index 4d368bb3..7fd0f34c 100644
--- a/packages/publicity/AppContentManage/components/List.vue
+++ b/packages/publicity/AppContentManage/components/List.vue
@@ -6,61 +6,40 @@
     <template slot="content">
       <ai-search-bar class="search-bar">
         <template #left>
-          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')">添加模块</el-button>
+          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd()">添加模块</el-button>
         </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="total"
-        style="margin-top: 6px;"
-        :current.sync="search.current"
-        :size.sync="search.size"
-        @getList="getList">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total" :dict="dict"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
         <el-table-column slot="options" width="160px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row }">
             <div class="table-options">
               <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
-              <el-button type="text" @click="moduleId = row.id, form.moduleId = row.id, getCateList(),  isShowAdd = true">分类</el-button>
+              <el-button type="text" @click="getCateList(row.id),isShowAdd = true">分类</el-button>
               <el-button type="text" @click="remove(row.id)">删除</el-button>
             </div>
           </template>
         </el-table-column>
       </ai-table>
-      <ai-dialog
-        :visible.sync="isShowAdd"
-        width="880px"
-        height="580px"
-        title="文章分类"
-        @close="onClose"
-        @onConfirm="onConfirm(false)">
-        <el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
-          <el-form-item label="分类名称" style="width: 500px;" prop="categoryName" :rules="[{ required: true, message: '请输入分类名称', trigger: 'blur' }]">
-            <div class="catewrapper">
-              <el-input  size="small" style="width: 300px;" placeholder="请输入分类名称" v-model="form.categoryName">
-              </el-input>
-              <el-button style="margin-left: 20px;" size="small" type="primary" icon="iconfont iconAdd" v-if="!id" @click="onConfirm(true)">添加</el-button>
-            </div>
-          </el-form-item>
-        </el-form>
-        <ai-table
-          v-if="!id"
-          class="detail-table__table"
-          :border="true"
-          tableSize="small"
-          :total="cateTotal"
-          :tableData="cateList"
-          :col-configs="cateColConfigs"
-          :current.sync="cateSearch.current"
-          :size.sync="cateSearch.size"
-          :stripe="false"
-          @getList="getCateList">
+      <ai-dialog :visible.sync="isShowAdd" width="880px" height="580px" title="文章分类" @close="onClose" @onConfirm="submitCategory">
+        <el-button icon="iconfont iconAdd" type="text" @click="cateList.push({error:false,categoryName:null})">添加分类</el-button>
+        <ai-table v-if="moduleId" :tableData="cateList" :col-configs="cateColConfigs" :isShowPagination="false" @getList="getCateList">
+          <el-table-column slot="category" label="分类名称" align="center">
+            <template slot-scope="{row}">
+              <ai-edit-input v-model="row.categoryName" :error.sync="row.error"/>
+            </template>
+          </el-table-column>
           <el-table-column slot="options" width="220px" fixed="right" label="操作" align="center">
-            <template slot-scope="{ row }">
-              <div class="table-options">
-                <el-button type="text" @click="id = row.id, form.categoryName = row.categoryName">编辑</el-button>
-                <el-button type="text" @click="removeCate(row.id)">删除</el-button>
-              </div>
+            <template slot-scope="{ row,$index }">
+              <el-button type="text" @click="handleMove(row,$index,-1)" :disabled="$index==0">上移</el-button>
+              <el-button type="text" @click="handleMove(row,$index,1)" :disabled="$index==(cateList.length-1)">下移</el-button>
+              <el-button type="text" @click="removeCate($index)">删除</el-button>
             </template>
           </el-table-column>
         </ai-table>
@@ -70,158 +49,129 @@
 </template>
 
 <script>
-  export default {
-    name: 'List',
+import AiEditInput from "./AiEditInput";
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
+  components: {AiEditInput},
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    data() {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          title: ''
-        },
-        moduleId: '',
-        cateSearch: {
-          current: 1,
-          size: 10
-        },
-        total: 10,
-        cateList: [],
-        colConfigs: [
-          { prop: 'moduleName',  label: '模块名称', align: 'left', width: '200px' },
-          { prop: 'menuName', label: '关联菜单', align: 'center' },
-          { prop: 'categoryStr', label: '文章分类', align: 'center' },
-          { prop: 'needExamine', label: '是否审核', align: 'center', formart: v => v === '0' ? '否' : '是' }
-        ],
-        cateColConfigs: [
-          {prop: 'categoryName', label: '分类名称', align: 'center'}
-        ],
-        form: {
-          categoryName: '',
-          moduleId: '',
-          showIndex: 1
-        },
-        cateTotal: 0,
-        isShowAdd: false,
-        id: '',
-        tableData: []
-      }
-    },
-
-    mounted() {
-      this.getList()
-    },
-
-    methods: {
-      getList() {
-        this.instance.post(`/app/appcontentmoduleinfo/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-          }
-        })
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        title: ''
       },
+      moduleId: '',
+      total: 10,
+      cateList: [],
+      colConfigs: [
+        {prop: 'moduleName', label: '模块名称', align: 'left', width: '200px'},
+        {prop: 'menuName', label: '关联菜单', align: 'center'},
+        {prop: 'categoryStr', label: '文章分类', align: 'center'},
+        {prop: 'needExamine', label: '是否审核', align: 'center', dict: 'yesOrNo'},
+        {prop: 'isComment', label: '是否可以评论', align: 'center', dict: 'yesOrNo'}
+      ],
+      cateColConfigs: [
+        {type: 'index', label: "排序", align: 'center'},
+        {slot: 'category'}
+      ],
+      isShowAdd: false,
+      tableData: []
+    }
+  },
 
-      getCateList () {
-        this.instance.post(`/app/appcontentmodulecategory/list`, null, {
-          params: {
-            ...this.cateSearch,
-            moduleId: this.moduleId
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.cateList = res.data.records
-            this.cateTotal = res.data.total
-          }
-        })
-      },
+  mounted() {
+    this.getList()
+  },
 
-      removeCate(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appcontentmodulecategory/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-              this.getCateList()
-            }
-          })
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appcontentmoduleinfo/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      onConfirm (flag) {
-        if (!flag && !this.id) {
-          this.isShowAdd = false
-
-          return false
+  methods: {
+    getList() {
+      this.instance.post(`/app/appcontentmoduleinfo/list`, null, {
+        params: {
+          ...this.search
         }
-
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.instance.post(`/app/appcontentmodulecategory/addOrUpdate`, {
-              ...this.form,
-              id: this.id || ''
-            }).then(res => {
-              if (res.code == 0) {
-                this.$message.success('提交成功')
-                this.getList()
-                this.getCateList()
-                this.form.categoryName = ''
-
-                if (this.id) {
-                  this.id = ''
-
-                  return false
-                }
-              }
-            })
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
+    },
+    getCateList(moduleId) {
+      this.moduleId = moduleId
+      this.instance.post(`/app/appcontentmodulecategory/list`, null, {
+        params: {size: 99999, moduleId}
+      }).then(res => {
+        if (res?.data) {
+          this.cateList = res.data.records.map(e => ({...e, error: false}))
+        }
+      })
+    },
+    removeCate(i) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.cateList.splice(i, 1)
+      })
+    },
+    handleMove(row, i, forward) {
+      const tmp = this.$copy(row), target = i + forward
+      this.cateList.splice(i, 1, this.cateList[target])
+      this.cateList.splice(target, 1, tmp)
+    },
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appcontentmoduleinfo/delete?ids=${id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
-
-      onClose () {
-        this.id = ''
-        this.moduleId = ''
-        this.form.categoryName = ''
-        this.form.moduleId = ''
-      },
-
-      toAdd(id) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            id: id || ''
+      })
+    },
+    submitCategory() {
+      if (!this.cateList.some((e, i, arr) => {
+        arr[i].error = !e.categoryName
+        if (!e.categoryName) {
+          this.$message.error(`第${i + 1}行未填写分类名称!`)
+          return true
+        }
+      })) {
+        const {cateList: categorys, moduleId} = this
+        this.instance.post(`/app/appcontentmodulecategory/addOrUpdate2`, {
+          categorys, moduleId
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success('提交成功')
+            this.isShowAdd = false
+            this.getList()
           }
         })
       }
+    },
+    onClose() {
+      this.moduleId = ''
+      this.cateList = []
+    },
+
+    toAdd(id) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {id}
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .notice {
-    .catewrapper {
-      display: flex;
-      align-items: center;
-    }
+.notice {
+  .catewrapper {
+    display: flex;
+    align-items: center;
   }
+}
 </style>
diff --git a/packages/publicity/AppJob/components/Add.vue b/packages/publicity/AppJob/components/Add.vue
index a37f6495..ca23e444 100644
--- a/packages/publicity/AppJob/components/Add.vue
+++ b/packages/publicity/AppJob/components/Add.vue
@@ -118,6 +118,7 @@ export default {
         linkName: [{ required: true, message: '请输入联系人', trigger: 'change' }],
         linkPhone: [{ required: true, message: '请输入联系方式', trigger: 'change' }],
       },
+      flag: true
     }
   },
   // 计算
@@ -148,8 +149,10 @@ export default {
 
     // 确定新增
     confirm() {
+      if(!this.flag) return
       this.$refs['ruleForm'].validate((valid) => {
         if (valid) {
+          this.flag = false
           this.instance
             .post(`/app/appjob/addOrUpdate`, {
               title: this.formData.title,
diff --git a/packages/publicity/AppJob/components/JobList.vue b/packages/publicity/AppJob/components/JobList.vue
index 139fb7ee..625fb133 100644
--- a/packages/publicity/AppJob/components/JobList.vue
+++ b/packages/publicity/AppJob/components/JobList.vue
@@ -95,9 +95,11 @@
         })
       },
 
-      remove(id) {
+      remove(ids) {
         this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appjob/delete?id=${id}`).then(res => {
+          this.instance.post(`/app/appjob/delete`,null,{
+            params:{ids}
+          }).then(res => {
             if (res.code == 0) {
               this.$message.success('删除成功！')
               this.getList()
diff --git a/packages/work/AppAssessment/components/List.vue b/packages/work/AppAssessment/components/List.vue
index 7fcc39be..6f9a439e 100644
--- a/packages/work/AppAssessment/components/List.vue
+++ b/packages/work/AppAssessment/components/List.vue
@@ -83,7 +83,7 @@
           { prop: 'phone', label: '网格员联系方式', align: 'center' },
           { prop: 'povertyNumber', label: '监测家庭数量', align: 'center' },
           { prop: 'logNumber', label: '开展走访次数', align: 'center' },
-          { prop: 'povertyHouseholdNumber', label: '已走访家庭数量', align: 'center' },
+          // { prop: 'povertyHouseholdNumber', label: '已走访家庭数量', align: 'center' },
           { prop: 'finishRate', label: '走访进度', align: 'center', formart: v => (v * 100).toFixed(1) + '%' }
         ]
       }
diff --git a/packages/work/AppAssessment/components/Statistics.vue b/packages/work/AppAssessment/components/Statistics.vue
index 90d5c71d..d25f28e9 100644
--- a/packages/work/AppAssessment/components/Statistics.vue
+++ b/packages/work/AppAssessment/components/Statistics.vue
@@ -21,6 +21,14 @@
           <span>解除风险户数</span>
           <h2 style="color: red">{{ totalInfo['解除风险户数'] }}</h2>
         </div>
+        <div class="statistics-top__item">
+          <span>脱贫户户数</span>
+          <h2 style="color: pink">{{ totalInfo['脱贫户户数'] }}</h2>
+        </div>
+        <div class="statistics-top__item">
+          <span>脱贫户人口总数</span>
+          <h2>{{ totalInfo['脱贫人口总数'] }}</h2>
+        </div>
       </div>
       <div class="info">
         <ai-card title="饮用水和三保障情况">
@@ -41,14 +49,17 @@
           </template>
           <template #content>
             <div class="progress-wrapper">
-              <div class="progress">
+              <!--  -->
+              <div class="progress" v-if="logList.length"> 
                 <div class="item" v-for="(item, index) in logList" :key="index">
                   <h2>{{ item.createUserName }}</h2>
                   <el-progress :percentage="item.finishRate"></el-progress>
                 </div>
               </div>
+              <AiEmpty v-else></AiEmpty>
             </div>
           </template>
+          
         </ai-card>
       </div>
       <ai-card title="帮扶走访情况">
@@ -283,6 +294,10 @@
 
 <style lang="scss" scoped>
   .AppAssessment {
+    ::v-deep .ai-empty {
+      margin-bottom: 0;
+      font-size: 12px;
+    }
     .info {
       display: flex;
       justify-content: space-between;
diff --git a/packages/work/AppHelpDeclaration/AppHelpDeclaration.vue b/packages/work/AppHelpDeclaration/AppHelpDeclaration.vue
new file mode 100644
index 00000000..a2aa7627
--- /dev/null
+++ b/packages/work/AppHelpDeclaration/AppHelpDeclaration.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="AppHelpDeclaration">
+    <keep-alive :include="['List']">
+      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
+    </keep-alive>
+  </div>
+  
+</template>
+
+<script>
+  import Detail from './components/Detail'
+  import List from './components/List'
+
+  export default {
+    name: "AppHelpDeclaration",
+    label: '帮扶申报',
+
+    components: {List, Detail},
+
+    props: {
+      instance: Function,
+      dict: Object,
+      permissions: Function
+    },
+    data() {
+      return {
+        component: 'List',
+        params: {},
+        include: []
+      }
+    },
+    created(){
+    },
+    methods:{
+      onChange (data) {
+        if (data.type === 'detail') {
+          this.component = 'Detail'
+          this.params = data.params
+        }
+
+        if (data.type === 'list') {
+          this.component = 'List'
+          this.params = data.params
+
+          this.$nextTick(() => {
+            if (data.isRefresh) {
+              this.$refs.component.getList()
+            }
+          })
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+.AppHelpDeclaration{
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/packages/work/AppHelpDeclaration/components/Detail.vue b/packages/work/AppHelpDeclaration/components/Detail.vue
new file mode 100644
index 00000000..422ad08d
--- /dev/null
+++ b/packages/work/AppHelpDeclaration/components/Detail.vue
@@ -0,0 +1,314 @@
+<template>
+  <section class="detail">
+    <ai-detail>
+      <template #title>
+        <ai-title title="帮扶申请详情" isShowBottomBorder isShowBack @onBackClick="cancel(true)">
+          <template #rightBtn>
+            <el-button type="primary" @click="changeStatus('转交事件')" size="small" v-if="$permissions('app_apphelpdeclarationinfo_forward') && form.status != 2 && form.status != 3">转交事件</el-button>
+            <el-button type="primary" @click="changeStatus('审核处理')" size="small" v-if="$permissions('app_apphelpdeclarationinfo_audit') && form.status != 2 && form.status != 3"> 审核处理</el-button>
+          </template>
+        </ai-title>
+        
+      </template>
+      <template #content>
+        <div style="display:flex;">
+          <ai-card title="申请信息" style="flex:2;margin-right:32px;">
+            <template slot="content">
+              <ai-wrapper class="mar-t16" label-width="100px" :columnsNumber="2">
+                <ai-info-item label="申请人姓名："><span>{{form.name || '-'}}</span></ai-info-item>
+                <ai-info-item label="身份证号："><span>{{form.idNumber || '-'}}</span></ai-info-item>
+                <ai-info-item label="联系方式："><span>{{form.phone || '-'}}</span></ai-info-item>
+                <ai-info-item label="申报方式："><span>{{$dict.getLabel("helpDeclarationType", form.declareType) || '-'}}</span></ai-info-item>
+                <ai-info-item label="家庭人口数："><span>{{form.householdNumber || '-'}}</span></ai-info-item>
+                <ai-info-item label="排查人员："><span>{{form.createUserName || '-'}}</span></ai-info-item>
+                <ai-info-item label="申请帮扶原因："><span>{{form.reason || '-'}}</span></ai-info-item>
+                <ai-info-item label="上报时间："><span>{{form.declareTime || '-'}}</span></ai-info-item>
+              </ai-wrapper>
+              <ai-wrapper label-width="100px" :columnsNumber="1">
+                <ai-info-item label="所在地区："><span>{{form.areaName}}{{form.address || ''}}</span></ai-info-item>
+              </ai-wrapper>
+              <ai-wrapper label-width="100px" :columnsNumber="1">
+                <ai-info-item label="风险说明："><span>{{form.riskDescription || '-'}}</span></ai-info-item>
+              </ai-wrapper>
+              <ai-uploader :instance="instance" disabled v-model="form.files"></ai-uploader>
+            </template>
+          </ai-card>
+          <ai-card title="办理进度" style="flex:1;">
+            <template #right>
+              <p style="color:#666;font-size:14px;">当前状态：<span :class="'color'+form.status">{{$dict.getLabel("helpDeclarationStatus", form.status) || '-'}}</span></p>
+            </template>
+            <template #content>
+              <div class="ai-steps">
+                <div class="ai-steps__item" v-for="(item, index) in form.processList" :key="index">
+                  <div class="ai-steps__item--left">
+                    <div class="ai-steps__item--index">{{index+1}}</div>
+                  </div>
+                  <div class="ai-steps__item--right">
+                    <div class="ai-steps__item__avatar">
+                      <img :src="item.avatar" v-if="item.avatar">
+                      <h2 v-else>{{ formatName(item.doUsername) }}</h2>
+                    </div>
+                    <div class="ai-steps__item--content">
+                      <h2>{{item.doUsername}}</h2>
+                      <h2>{{item.description}}</h2>
+                      <p>{{ item.doTime }}</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </template>
+          </ai-card>
+        </div>
+        <ai-dialog :title="dialogTitle" :visible.sync="showDialog" @onConfirm="statusConfirm()" @onCancel="showDialog=false;" @close="$refs.dialogInfo.resetFields()"  width="750px">
+          <div class="addother_main" style="width:100%;">
+            <el-form :model="dialogInfo" status-icon ref="dialogInfo" label-width="100px" class="demo-ruleForm">
+              <el-form-item label="转交" prop="name" style="width: 100%;" autocomplete="off" :rules="[{ required: true, message: '请选择转交人员', trigger: 'blur' }]" v-if="dialogTitle == '转交事件'">
+                <el-input disabled size="small" v-model="dialogInfo.name" placeholder="请选择转交人员">
+                  <template slot="append">
+                    <ai-wechat-selecter :instance="instance" v-model="addUser" :isMultiple="false" @change="onChange" v-if="dialogTitle == '转交事件'">
+                      <el-button size="small">选择</el-button>
+                    </ai-wechat-selecter>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="处理结果：" required v-else>
+                <el-radio-group v-model="dialogInfo.auditStatus">
+                  <el-radio label="1">通过审核</el-radio>
+                  <el-radio label="0">驳回申请</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="办理意见：" prop="description" autocomplete="off" :rules="{ required: true, message: '办理意见不能为空', trigger: 'blur' }">
+                <el-input v-model="dialogInfo.description" autocomplete="off" size="mini" placeholder="请输入..." type="textarea" :rows="4" :maxlength="100" show-word-limit></el-input>
+              </el-form-item>
+              <el-form-item label="图片" style="width: 100%;" >
+                <ai-uploader
+                    :instance="instance"
+                    v-model="dialogInfo.files"
+                    :limit="9">
+                    <template slot="tips">
+                      <p>最多上传9张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
+                    </template>
+                </ai-uploader>
+              </el-form-item>
+            </el-form>
+          </div>
+        </ai-dialog>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "detail",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    params: Object
+  },
+  data() {
+    return {
+      form: {},
+      showDialog: false,
+      dialogTitle: '',
+      dialogInfo: {auditStatus: '1', description: '', files: [], name: ''},
+      addUser: [],
+    };
+  },
+  computed: {
+    
+  },
+  created() {
+    this.dict.load('helpDeclarationType', 'helpDeclarationStatus', 'helpDeclarationReason');
+  },
+  mounted() {
+    this.form = this.params
+    this.getDetail()
+  },
+  methods: { 
+    formatName (name) {
+      if(name == undefined){
+        return
+      }
+      return name.substr(name.length - 2, name.length > 2 ? (name.length - 1) : name.length)
+    },
+    getDetail() {
+      this.instance.post(`/app/apphelpdeclarationinfo/queryDetailById?id=${this.params.id}`).then((res) => {
+        if (res.code == 0) {
+          this.form = {...res.data}
+          this.form.files = this.form.files || []
+        }
+      });
+    },
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
+    },
+    changeStatus(title) {
+      this.dialogTitle = title
+      this.showDialog = true
+    },
+    onChange() {
+      if (!this.addUser.length) {
+        return this.$message.error('请选择转交人员')
+      }
+      this.dialogInfo.name = this.addUser[0].name
+      this.dialogInfo.wxUserId = this.addUser[0].id
+    },
+    statusConfirm() {
+      this.$refs["dialogInfo"].validate((valid) => {
+        if (valid) {
+          var url = '/app/apphelpdeclarationinfo/forward'  //转交人员
+          if(this.dialogTitle == '审核处理') {
+            url = '/app/apphelpdeclarationinfo/audit'
+          }
+          this.dialogInfo.declarationId = this.form.id
+          this.instance.post(url, {
+            ...this.dialogInfo,
+          }).then(res => {
+            if (res.code == 0) {
+              this.showDialog = false
+              this.$message.success("操作成功")
+              this.getDetail()
+            }
+          });
+        }
+      })
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.detail {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
+  .above{
+    overflow: hidden;
+    width: 100%;
+    .left{
+      width: 50%;
+      float: left;
+    }
+    .right{
+      width: 50%;
+      float: right;
+    }
+    .el-select{
+      width: 100%;
+    }
+    .el-date-editor.el-input{
+      width: 100%;
+    }
+  }
+  .iconEdit,.Edit{
+    color:#5088FF;
+    font-size: 12px;
+    cursor: pointer;
+    padding-left: 8px;
+  }
+  .color0 {
+    color: #f82;
+  }
+
+  .color1 {
+    color: #26f;
+  }
+
+  .color2 {
+    color: #f46;
+  }
+
+  .color3 {
+    color: #2EA222;
+  }
+}
+.ai-steps {
+  padding-bottom: 40px;
+  .ai-steps__item {
+    display: flex;
+    position: relative;
+    padding-bottom: 44px;
+
+    &:after {
+      position: absolute;
+      left: 12px;
+      top: 26px;
+      width: 1px;
+      height: calc(100% - 30px);
+      background: #DDDDDD;
+      content: " ";
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+
+      &:after {
+        display: none;
+      }
+    }
+
+    .ai-steps__item--left {
+      position: relative;
+      margin-right: 16px;
+      .ai-steps__item--index{
+        width: 24px;
+        height: 24px;
+        line-height: 24px;
+        border-radius: 50%;
+        border: 1px solid #ddd;
+        text-align: center;
+        color: #ddd;
+        font-size: 12px;
+      }
+      
+    }
+
+    .ai-steps__item--right {
+      flex-shrink: 0;
+      color: #666;
+      font-size: 14px;
+      display: flex;
+      width: calc(100% - 40px);
+      .ai-steps__item--content {
+        span {
+          color: #333;
+          font-size: 16px;
+        }
+
+        h2 {
+          color: #666666;
+          font-size: 14px;
+          word-break: break-all;
+        }
+
+        p {
+          margin-top: 8px;
+          color: #666666;
+          font-size: 14px;
+        }
+      }
+
+      .ai-steps__item__avatar {
+        width: 40px;
+        height: 40px;
+        margin-right: 8px;
+
+        img, h2 {
+          width: 40px;
+          height: 40px;
+          line-height: 40px;
+          text-align: center;
+          color: #fff;
+          font-size: 14px;
+          background: #2266FF;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/packages/work/AppHelpDeclaration/components/List.vue b/packages/work/AppHelpDeclaration/components/List.vue
new file mode 100644
index 00000000..b9cdc2d1
--- /dev/null
+++ b/packages/work/AppHelpDeclaration/components/List.vue
@@ -0,0 +1,240 @@
+<template>
+  <ai-list class="list">
+    <template slot="title">
+      <ai-title title="帮扶申报" :instance="instance" isShowBottomBorder isShowArea :disabledLevel="disabledLevel" v-model="areaId" @change="changeArea"></ai-title>
+    </template>
+    <template slot="content">
+      <ai-search-bar>
+        <template slot="left">
+          <ai-select
+              v-model="searchObj.declareReason"
+              placeholder="申请帮扶原因"
+              clearable
+              @change="(page.current = 1), getList()"
+              :selectList="dict.getDict('helpDeclarationReason')"
+          ></ai-select>
+          <ai-select
+              v-model="searchObj.declareType"
+              placeholder="申报方式"
+              clearable
+              @change="(page.current = 1), getList()"
+              :selectList="dict.getDict('helpDeclarationType')"
+          ></ai-select>
+          <ai-select
+              v-model="searchObj.status"
+              placeholder="状态"
+              clearable
+              @change="(page.current = 1), getList()"
+              :selectList="dict.getDict('helpDeclarationStatus')"
+          ></ai-select>
+        </template>
+        <template slot="right">
+          <el-input placeholder="申请人姓名/联系方式"
+                    v-model="searchObj.name"
+                    size="small"
+                    v-throttle="() => {page.current = 1, getList()}"
+                    clearable
+                    @clear="page.current = 1, searchObj.name = '', getList()"
+                    prefix-icon="iconfont iconSearch"/>
+        </template>
+      </ai-search-bar>
+      <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          ref="aitableex"
+          :current.sync="page.current"
+          row-key="id"
+          default-expand-all
+          :size.sync="page.size"
+          @getList="getList"
+      >
+        <el-table-column slot="options" label="操作" align="center" width="120">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="goDetail(row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </ai-table>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  name: "list",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+  },
+  data() {
+    return {
+      searchObj: {
+        declareReason: '',
+        declareType: null,
+        status: null,
+        name: '',
+      },
+      page: {
+        size: 10,
+        current: 1,
+        total: 0,
+      },
+      tableData: [],
+      shopList: [],
+      ids: [],
+      areaId: '',
+      disabledLevel: 0,
+    };
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {
+          prop: "reason", 
+          label: "申请帮扶原因"
+        },
+        {
+          prop: "riskDescription",
+          label: "返贫致贫风险说明",
+        },
+        {
+          prop: "areaName",
+          label: "所在地区",
+          width: 120,
+          align: "center",
+        },
+        {
+          prop: "name",
+          label: "申请人姓名",
+          width: 120,
+          align: "center",
+        },
+        {
+          prop: "phone",
+          label: "联系方式",
+          width: 120,
+          align: "center",
+        },
+        {
+          prop: "declareType",
+          label: "申报方式",
+          width: 120,
+          align: "center",
+          formart: (declareType) =>
+              this.$dict.getLabel("helpDeclarationType", declareType),
+        },
+        {
+          prop: "declareTime",
+          label: "申报时间",
+          width: 120,
+          align: "center",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          width: 120,
+          align: "center",
+          render: (h, {row}) => {
+            return h('span', {style: {color: this.dict.getColor('helpDeclarationStatus', row.status)}}, this.dict.getLabel('helpDeclarationStatus', row.status))
+          },
+        },
+        {slot: "options", label: "操作"},
+      ];
+    },
+  },
+  created() {
+    this.disabledLevel = this.user.info.areaList.length - 1
+    this.areaId = this.user.info.areaId
+    this.dict.load('helpDeclarationType', 'helpDeclarationStatus', 'helpDeclarationReason').then(() => {
+      this.$nextTick(() => this.getList())
+    })
+  },
+  methods: {
+    getList() {
+      this.instance.post(`/app/apphelpdeclarationinfo/list`, null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+          areaId: this.areaId
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.tableData.map((item) => {
+            if (item.createTime) {
+              item.createTime = item.createTime.substring(0, 10)
+            } else {
+              item.createTime = '-'
+            }
+          })
+          this.page.total = res.data.total;
+        }
+      });
+    },
+    reset() {
+      this.page.current = 1
+      Object.keys(this.searchObj).forEach((e) => {
+        this.searchObj[e] = "";
+      });
+      this.getList();
+    },
+    goDetail(row) {
+      this.$emit('change', {
+        type: 'detail',
+        params: {
+          ...row
+        }
+      })
+    },
+    changeArea() {
+      this.$nextTick(() => {
+        this.reset()
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.list {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
+
+  ::v-deep .el-range-editor--small.el-input__inner {
+    width: 258px;
+  }
+
+  ::v-deep .dateRange {
+    .dateLabel {
+      height: 32px;
+      border: 1px solid #D0D4DC;
+      line-height: 32px;
+      padding: 0 8px;
+      background: #F5F5F5;
+    }
+
+    .el-input__inner {
+      border-radius: 0;
+      transform: translateX(-1px);
+    }
+  }
+
+  .iconfont {
+    cursor: pointer;
+    margin-right: 8px;
+  }
+
+  .iconCorrect {
+    color: #53b43b;
+  }
+
+  .iconReject {
+    color: #e75555;
+    padding: 0 8px;
+  }
+}
+</style>
diff --git a/packages/work/AppHelpedResident/hrAdd.vue b/packages/work/AppHelpedResident/hrAdd.vue
index b563a1f8..60afbbe0 100644
--- a/packages/work/AppHelpedResident/hrAdd.vue
+++ b/packages/work/AppHelpedResident/hrAdd.vue
@@ -36,6 +36,9 @@
                 <!-- <el-form-item label="年龄" prop="age">
                   <el-input disabled v-model="form.age" placeholder="请输入年龄" type="number"/>
                 </el-form-item> -->
+                <el-form-item label="家庭人口数" prop="familyCount">
+                  <el-input v-model="form.familyCount" placeholder="请输入家庭人口数" type="number"/>
+                </el-form-item>
                 <el-form-item label="民族">
                   <ai-select v-model="form.nation" :selectList="dict.getDict('fpNation')"/>
                 </el-form-item>
@@ -115,9 +118,9 @@
                 <el-form-item label="住房面积(m²)">
                   <el-input v-model="form.houseArea" placeholder="请输入" :maxlength="8"/>
                 </el-form-item>
-                <el-form-item label="户类型">
+                <!-- <el-form-item label="户类型">
                   <ai-select v-model="form.houseType" :selectList="dict.getDict('fpHouseType')"/>
-                </el-form-item>
+                </el-form-item> -->
                 <el-form-item label="与村主干路距离(公里)">
                   <el-input v-model="form.trunkRoadDistance" placeholder="请输入" :maxlength="8"/>
                 </el-form-item>
@@ -184,13 +187,18 @@
           <ai-card title="家庭风险情况">
             <template slot="content">
               <div flex class="half wrap">
-                <el-form-item label="监测对象类型" prop="objectType">
+                <el-form-item label="户类型" prop="houseType">
+                  <!-- <el-radio v-model="form.houseType" label="0">脱贫户</el-radio>
+                  <el-radio v-model="form.houseType" label="1">监测对象</el-radio> -->
+                  <ai-select v-model="form.houseType" :selectList="dict.getDict('fpHouseType')"/>
+                </el-form-item>
+                <el-form-item label="监测对象类型" v-if="form.houseType == 1" :prop="form.houseType == 1? 'objectType':''">
                   <ai-select v-model="form.objectType" :selectList="dict.getDict('fpType')"/>
                 </el-form-item>
                 <el-form-item label="是否军烈属">
                   <ai-select v-model="form.militaryMartyrs" :selectList="dict.getDict('fpYesOrNo')"/>
                 </el-form-item>
-                <el-form-item label="风险因素" prop="riskType">
+                <el-form-item label="风险因素" :prop="form.houseType == 1? 'riskType': ''" v-if="form.houseType == 1">
                   <ai-select v-model="form.riskType" :selectList="dict.getDict('fpRiskType')"/>
                 </el-form-item>
                 <el-form-item label="脱贫年度">
@@ -311,7 +319,7 @@
       </template>
       <template #footer>
         <el-button @click="back">取消</el-button>
-        <el-button type="primary" @click="submit">提交</el-button>
+        <el-button type="primary" @click="$debounce(submit)">提交</el-button>
       </template>
     </ai-detail>
   </section>
@@ -341,6 +349,7 @@ export default {
         idNumber: [{required: true, message: "请输入证件号"}],
         name: [{required: true, message: "请输入姓名"}],
         sex: [{required: true, message: "请选择性别"}],
+        familyCount: [{required: true, message: "请输入家庭人口数"}],
         phone: [{required: true, message: "请输入联系方式"}],
         currentAreaId: [
           {required: true, message: "请选择现住址"},
@@ -351,6 +360,7 @@ export default {
         householdIdNumber: [{required: true, message: "请选择户主证件号"}],
         riskType: [{required: true, message: "请选择风险因素"}],
         objectType: [{required: true, message: "请选择监测对象类型"}],
+        houseType: [{required: true, message: "请选择户类型"}],
       }
     },
     rootArea() {
@@ -447,6 +457,11 @@ export default {
       this.form = {...this.form, birthDate, sex, age: this.$calcAge(idNumber)}
     },
     submit() {
+      if(this.form.houseType == 1) {
+        if(!this.form.objectType) {
+          return this.$message.error('请选择监测对象类型')
+        }
+      }
       this.$refs.ruleForm.validate(v => {
         if (v) {
           this.form.isHousehold = 1
diff --git a/packages/work/AppHelpedResident/hrDetail.vue b/packages/work/AppHelpedResident/hrDetail.vue
index 0b9fa7a1..0b800174 100644
--- a/packages/work/AppHelpedResident/hrDetail.vue
+++ b/packages/work/AppHelpedResident/hrDetail.vue
@@ -13,13 +13,13 @@
               <el-button type="primary" @click="examine('纳入监测审批', 2)" v-if="girdAdminApplyStatus == 1">纳入监测审批
               </el-button>
             </template>
-            <el-button type="primary" @click="applyMonitor('纳入监测', 1)" v-if="detail.status == 3">纳入监测</el-button>
+            <el-button type="primary" @click="applyMonitor('纳入监测', 1)" v-if="detail.status == 3 || detail.status == 5">纳入监测</el-button>
             <el-button type="primary" @click="applyMonitor('解除风险', 4)" v-if="detail.status == 1">解除风险</el-button>
             <el-button type="primary" @click="examine('解除风险审批', 5)" v-if="detail.status == 2">解除风险审批</el-button>
           </template>
           <template v-if="user.info.girdCheckType == 1">
             <el-button type="primary" @click="applyMonitor('申请纳入监测', 0)"
-                       v-if="detail.status == 4 || detail.status == 3">申请纳入监测
+                       v-if="detail.status == 4 || detail.status == 3 || detail.status == 5">申请纳入监测
             </el-button>
             <el-button type="primary" @click="applyMonitor('申请解除风险', 3)" v-if="detail.status == 1">申请解除风险</el-button>
           </template>
@@ -42,6 +42,7 @@
                       <el-form-item label="证件号">{{ detail.idNumber }}</el-form-item>
                       <el-form-item label="性别" prop="sex">{{ dict.getLabel("sex", detail.sex) }}</el-form-item>
                       <el-form-item label="出生日期">{{ detail.birthDate }}</el-form-item>
+                      <el-form-item label="家庭人口数">{{ detail.familyCount}}</el-form-item>
                       <!-- <el-form-item label="年龄" prop="age">{{ detail.age}}</el-form-item> -->
                       <el-form-item label="民族">{{ dict.getLabel("fpNation", detail.nation) }}</el-form-item>
                       <el-form-item label="文化程度">{{ dict.getLabel("fpEducation", detail.education) }}</el-form-item>
@@ -104,7 +105,7 @@
                 <template slot="content">
                   <div flex class="half wrap">
                     <el-form-item label="住房面积(m²)">{{ detail.houseArea }}</el-form-item>
-                    <el-form-item label="户类型">{{ dict.getLabel("fpHouseType", detail.houseType) }}</el-form-item>
+                    <!-- <el-form-item label="户类型">{{ dict.getLabel("fpHouseType", detail.houseType) }}</el-form-item> -->
                     <el-form-item label="与村主干路距离(公里)">{{ detail.trunkRoadDistance }}</el-form-item>
                     <el-form-item label="入户路类型">{{ dict.getLabel("fpHouseRoadType", detail.houseRoadType) }}
                     </el-form-item>
@@ -136,10 +137,10 @@
               <ai-card title="家庭风险情况">
                 <template slot="content">
                   <div flex class="half wrap">
-                    <el-form-item label="监测对象类型" prop="objectType">{{ dict.getLabel("fpType", detail.objectType) }}
-                    </el-form-item>
+                    <el-form-item label="户类型">{{ dict.getLabel("fpHouseType", detail.houseType) }}</el-form-item>
+                    <el-form-item label="监测对象类型" prop="objectType" v-if="detail.houseType==1">{{ dict.getLabel("fpType", detail.objectType) }}</el-form-item>
                     <el-form-item label="是否军烈属">{{ dict.getLabel("fpYesOrNo", detail.militaryMartyrs) }}</el-form-item>
-                    <el-form-item label="风险因素" prop="riskType">{{ dict.getLabel("fpRiskType", detail.riskType) }}
+                    <el-form-item label="风险因素" prop="riskType" v-if="detail.houseType==1">{{ dict.getLabel("fpRiskType", detail.riskType) }}
                     </el-form-item>
                     <el-form-item label="脱贫年度">{{ dict.getLabel("fpYear", detail.povertyYear) }}</el-form-item>
                     <el-form-item label="因自然灾害子项">{{ dict.getLabel("fpNaturalDisaster", detail.naturalDisasterType) }}
diff --git a/packages/work/AppHelpedResident/hrList.vue b/packages/work/AppHelpedResident/hrList.vue
index 69e0d6bc..d3912d19 100644
--- a/packages/work/AppHelpedResident/hrList.vue
+++ b/packages/work/AppHelpedResident/hrList.vue
@@ -2,7 +2,7 @@
   <section class="hrList">
     <ai-list>
       <ai-title slot="title" title="监测对象" isShowBottomBorder isShowArea v-model="search.areaId" :instance="instance"
-                @change="page.current=1,getTableData()">
+                @change="page.current=1,getTableData()" :hideLevel="hideLevel">
         <template #rightBtn>
           <el-button type="primary" icon="iconfont iconSetting" @click="dialog=true" v-if="$permissions('app_apppreventionreturntopovertyalarmconfig_edit')">
             预警规则
@@ -13,6 +13,7 @@
         <ai-search-bar>
           <template #left>
             <ai-select placeholder="档案状态" v-model="search.status" :selectList="dict.getDict('fpPrtpStatus')" @change="page.current=1,getTableData()"/>
+            <ai-select placeholder="户类型" v-model="search.houseType" :selectList="dict.getDict('fpHouseType')" @change="page.current=1,getTableData()"/>
             <ai-select placeholder="监测对象类型" v-model="search.objectType" :selectList="dict.getDict('fpType')" @change="page.current=1,getTableData()"/>
             <ai-select placeholder="风险因素" v-model="search.riskType" :selectList="dict.getDict('fpRiskType')" @change="page.current=1,getTableData()"/>
             <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="search.birthStart" type="date" size="small" unlink-panels placeholder="选择出生开始日期"
@@ -97,11 +98,14 @@ export default {
         {label: "档案状态", prop: "status", dict: "fpPrtpStatus", align: "center"},
         {slot: "options"}
       ]
+    },
+    hideLevel() {
+      return this.user.info.areaList?.length - 1
     }
   },
   data() {
     return {
-      search: {name: '', objectType: '', riskType: '', isHousehold: 1},
+      search: {status: '',houseType: '', objectType: '', riskType: '', birthStart: '', birthEnd:'',sex: '' },
       page: {current: 1, size: 10, total: 0},
       tableData: [],
       ids: [],
diff --git a/packages/work/AppRiskWarning/components/Add.vue b/packages/work/AppRiskWarning/components/Add.vue
index b6089195..5de663f9 100644
--- a/packages/work/AppRiskWarning/components/Add.vue
+++ b/packages/work/AppRiskWarning/components/Add.vue
@@ -80,9 +80,11 @@
       const validatorPhone = function (rule, value, callback) {
         if (value === '') {
           callback(new Error('请输入联系方式'))
-        } else if (!/^1\d{10}$/.test(value)) {
-          callback(new Error('手机号格式错误'))
-        } else {
+        } 
+        // else if (!/^1\d{10}$/.test(value)) {
+        //   callback(new Error('手机号格式错误'))
+        // } 
+        else {
           callback()
         }
       }
diff --git a/packages/work/processManagement/mattersConfig/components/processApproval.vue b/packages/work/processManagement/mattersConfig/components/processApproval.vue
index 52f8a374..65e5ab67 100644
--- a/packages/work/processManagement/mattersConfig/components/processApproval.vue
+++ b/packages/work/processManagement/mattersConfig/components/processApproval.vue
@@ -45,7 +45,7 @@
                 </div>
               </div>
               <ai-wechat-selecter slot="append" :instance="instance" :props="{id:'wxUserId',label:'name'}"
-                                    v-model="item.candidateList" v-if="item.candidateApproverType==1">
+                                  v-model="item.candidateList" v-if="item.candidateApproverType==1">
                 <el-button size="mini" type="primary">选择指定人员</el-button>
               </ai-wechat-selecter>
             </div>
@@ -53,8 +53,8 @@
         </el-steps>
       </template>
     </ai-card>
-    <el-dialog :title="titleType" class="editStyle" :visible.sync="isAddStep" width="575px" height="380px"
-               :close-on-click-modal="false">
+    <ai-dialog :title="titleType" class="editStyle" :visible.sync="isAddStep" width="575px" height="380px"
+               :close-on-click-modal="false" @onConfirm="saveAddProgress('addForm')">
       <el-form :model="nodeObj" label-width="120px" ref="addForm" :rules="addRules">
         <el-form-item label="审批步骤名称：" prop="nodeName">
           <el-input size="small" v-model="nodeObj.nodeName" placeholder="如：部门主管审批（限10个字）" :maxLength="10"
@@ -87,12 +87,7 @@
           </el-radio-group>
         </el-form-item>
       </el-form>
-      <div slot="footer" style="text-align: center;">
-        <el-button style="width: 92px;" size="small" @click="isAddStep = false">取消</el-button>
-        <el-button style="width: 92px;" size="small" type="primary" @click="saveAddProgress('addForm')">确认
-        </el-button>
-      </div>
-    </el-dialog>
+    </ai-dialog>
   </div>
 </template>
 
@@ -117,14 +112,7 @@ export default {
       isSelectImg: false,
       isSelectUnit: false,
       isSelectPerson: false,
-      nodeObj: {
-        candidateApproverType: '1',
-        candidateList: [],
-        nodeIndex: '',
-        nodeName: '',
-        nodeType: '',
-        scopeCandidates: ''
-      },
+      nodeObj: {},
       indexType: '',
       titleType: '',
       bomIndex: '',
@@ -175,20 +163,17 @@ export default {
         this.titleType = '编辑审批步骤';
         item.nodeType = item.nodeType * 1;
         item.candidateApproverType = item.candidateApproverType * 1;
-        item.scopeCandidates = item.scopeCandidates * 1;
         this.nodeObj = JSON.parse(JSON.stringify(item));
       } else {
         this.titleType = '添加审批步骤';
-        if (this.form.processNodeList.length > 0) {
-          this.init();
-        }
+        this.init();
       }
     },
     // 确定添加审批步骤
     saveAddProgress(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          if (this.nodeObj.scopeCandidates == 0) this.nodeObj.candidateList = [];
+          if (this.nodeObj.scopeCandidates == '0') this.nodeObj.candidateList = [];
           if (this.indexType == 1) {
             this.form.processNodeList.push(JSON.parse(JSON.stringify(this.nodeObj)));
           } else {
@@ -206,7 +191,7 @@ export default {
         nodeIndex: '',
         nodeName: '',
         nodeType: '',
-        scopeCandidates: ''
+        scopeCandidates: '1',
       };
       this.$refs['addForm'].resetFields();
     },
diff --git a/packages/wxwork/AppMassNotification/AppMassNotification.vue b/packages/wxwork/AppMassNotification/AppMassNotification.vue
new file mode 100644
index 00000000..9cc7d628
--- /dev/null
+++ b/packages/wxwork/AppMassNotification/AppMassNotification.vue
@@ -0,0 +1,50 @@
+<template>
+  <section class="AppMassNotification">
+    <keep-alive :include="['List']">
+      <component ref="component" :is="currentPage" :instance="instance" :params="params" :dict="dict" @change="onChange"/>
+    </keep-alive>
+  </section>
+</template>
+
+<script>
+import List from "./components/List.vue";
+import Add from "./components/Add.vue";
+
+export default {
+  name: "AppMassNotification",
+  label: "群发通知",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  components: {Add, List},
+  data() {
+    return {
+      component: "List",
+      params: {},
+      include: [],
+    }
+  },
+  computed: {
+    currentPage() {
+      const {hash} = this.$route
+      return hash == "#add" ? Add : List
+    },
+  },
+  methods: {
+    onChange(data) {
+      if (data.type === "Add") {
+        this.$router.push({hash: "#add", query: data.params})
+      } else {
+        this.$router.push({})
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.AppMassNotification {
+  height: 100%;
+}
+</style>
diff --git a/packages/wxwork/AppMassNotification/components/Add.vue b/packages/wxwork/AppMassNotification/components/Add.vue
new file mode 100644
index 00000000..d63b2251
--- /dev/null
+++ b/packages/wxwork/AppMassNotification/components/Add.vue
@@ -0,0 +1,413 @@
+<template>
+  <section class="Add">
+    <ai-detail v-if="!$route.query.id">
+      <template slot="title">
+        <ai-title title="群发通知" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
+      </template>
+
+      <template slot="content">
+        <ai-card>
+          <template #title>
+            <div class="ai-card__title">
+              <h2>发送条件</h2>
+            </div>
+          </template>
+
+          <template #content>
+            <el-form size="small" class="ai-form" :rules="rules" ref="form" :model="form" label-width="100px" label-position="right">
+              <el-form-item label="发送方式" prop="messageSource" style="width: 50%">
+                <el-radio-group v-model="form.messageSource" @change="sourceChange" >
+                  <el-radio label="2">居民群</el-radio>
+                  <el-radio label="1">居民</el-radio>
+                </el-radio-group>
+                
+              </el-form-item>
+              <el-form-item label="地区选择" style="width: 100%">
+                <ai-area-get v-model="areaId" :root="areaRootId" :instance="instance" @select="handleAreaSelect" multiple size="small" placeholder="请选择"/>
+              </el-form-item>
+              <el-form-item label="发送范围" prop="deptList" style="width: 100%">
+                <select-dept-user v-model="form.deptList" v-bind="$props" :source="form.messageSource"/>
+              </el-form-item>
+            </el-form>
+          </template>
+        </ai-card>
+
+        <ai-card title="群发消息设置">
+          <template #content>
+            <el-form class="ai-form" ref="form" :rules="rules" :model="form" label-width="110px" label-position="right">
+              <el-form-item class="el-form-item__textarea" label="群发内容" prop="content" style="width: 100%">
+                <el-input type="textarea" placeholder="请输入…" v-model="form.content" maxlength="1000" :rows="5" show-word-limit></el-input>
+              </el-form-item>
+              <!-- 图片 -->
+              <el-form-item label="图片" style="width: 100%">
+                <ai-uploader :instance="instance" isWechat v-model="imgList" multiple acceptType=".jpg,.png,.jpeg" :limit="9"
+                             url="/app/wxcp/upload/uploadFile?type=image"></ai-uploader>
+              </el-form-item>
+              <!-- 视频 -->
+              <el-form-item label="视频" style="width: 100%">
+                <ai-uploader :instance="instance" fileType="file" isWechat multiple acceptType=".mp4" v-model="videoList" :limit="9"
+                             url="/app/wxcp/upload/uploadFile?type=video"></ai-uploader>
+              </el-form-item>
+              <!-- 附件 -->
+              <el-form-item label="附件" style="width: 100%">
+                <ai-uploader :instance="instance" fileType="file" isWechat multiple v-model="filesList" :limit="9"
+                             url="/app/wxcp/upload/uploadFile?type=file"></ai-uploader>
+              </el-form-item>
+            </el-form>
+          </template>
+        </ai-card>
+      </template>
+
+      <template #footer>
+        <el-button @click="cancel">取消</el-button>
+        <el-button type="primary" @click="confirm">确认发送</el-button>
+      </template>
+
+    </ai-detail>
+
+    <ai-detail class="add" v-if="$route.query.id">
+      <template slot="title">
+        <ai-title title="群发通知详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
+      </template>
+      <template slot="content">
+        <ai-card title="详情">
+          <template #content>
+            <ai-wrapper>
+              <ai-info-item label="创建者" :value="data.userName" isLine></ai-info-item>
+              <ai-info-item label="发送方式" :value="data.messageSource" isLine>{{ data.messageSource | format }}</ai-info-item>
+            </ai-wrapper>
+
+            <ai-wrapper v-for="item in data.fileList" :key="item.id">
+              <ai-info-item label="群发内容" :value="item.content" isLine v-if="item.contentType == 'text'"></ai-info-item>
+            </ai-wrapper>
+
+            <ai-wrapper>
+              <ai-info-item label="图片" isLine v-show="images.length">
+                <ai-uploader v-model="images" :instance="instance" :limit="9" disabled/>
+              </ai-info-item>
+            </ai-wrapper>
+
+            <ai-wrapper>
+              <ai-info-item label="视频" isLine v-show="videoArr.length" v-for="(item,index) in videoArr" :key="index">
+                <video :src="item.accessUrl" style="width: 100%; height:100%; object-fit: fill;" muted controls="controls"></video>
+              </ai-info-item>
+            </ai-wrapper>
+
+            <ai-wrapper>
+              <ai-info-item label="附件" isLine v-show="fileDownLoad.length">
+                <ai-file-list :fileList="fileDownLoad"></ai-file-list>
+              </ai-info-item>
+            </ai-wrapper>
+
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+import SelectDeptUser from "./SelectDeptUser";
+
+export default {
+  name: 'Add',
+  components: {SelectDeptUser},
+  props: {
+    instance: Function,
+    dict: Object
+  },
+  data() {
+    return {
+      isShow: false,
+      data: {},
+      form: {
+        areaId: '',
+        tag: '',
+        messageSource: '2',
+        sendTime: '',
+        content: '',
+        contentType: 'text',
+        fileList: [],
+        organization: '',
+        deptList: [],
+      },
+      tags: [],
+      subTags: {},
+      areaId: [],
+      areaName: [],
+      imgList: [],
+      videoList: [],
+      filesList: [],
+      fileDownLoad: [],
+      areaRootId: '',
+      users: [],
+      images: [],
+      imgs: [],
+      videos: [],
+      videoArr: [],
+      files: [],
+      flag: false,
+      rules: {
+        deptList: [{required: true, message: '请选择发送范围'}],
+        content: [{required: true, message: '请输入群发内容'}],
+        messageSource: [{required: true, message: '请选择群发方式'}],
+      },
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    tagsChange() {
+      if (this.tags?.length) {
+        return this.form.tag = this.tags.toString();
+      }
+    },
+    areaid() {
+      return this.form.areaId = this.areaId.toString();
+    },
+  },
+  created() {
+    if (this.$route.query.id) {
+      this.getInfo()
+    }
+    this.areaRootId = [this.user.info.areaId.substr(0, 6), '000000'].join("")
+  },
+  filters: {
+    format(val) {
+      if(val == 1) {
+        return '居民'
+      } else if(val == 2) {
+        return '居民群'
+      }
+    }
+  },
+  methods: {
+    handleAreaSelect(v) {
+      this.areaName = v?.[0]?.label
+    },
+    sourceChange(val) {
+      this.form.messageSource = val
+      this.form.deptList = []
+    },
+    getInfo() {
+      this.instance.post(`/app/pushmessage/detail?id=${this.$route.query.id}`).then(res => {
+        if (res?.data) {
+          this.data = res.data
+          this.images = res.data.fileList.filter(e => e.contentType == "image")?.map(i => {
+            return {
+              url: i.accessUrl
+            }
+          })
+          this.fileDownLoad = res.data.fileList.filter(e => e.contentType == "file")?.map(v => {
+            return {
+              url: v.accessUrl
+            }
+          })
+          if (res.data.fileList.filter(e => e.contentType == "video")) {
+            this.videoArr = res.data.fileList.filter(e => e.contentType == "video")
+          }
+
+        }
+      })
+    },
+    confirm() {
+      if(this.flag) return
+
+      if(!this.form.deptList.length) {
+        return this.$message.error('请选择发送范围')
+      }
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.flag = true
+
+          this.form.fileList = []
+          let contentList = [{
+            content: this.form.content,
+            contentType: 'text'
+          }]
+
+          if (this.imgList.length) {
+            this.imgs = this.imgList.map(item => {
+              return {
+                contentType: 'image',
+                mediaId: item.media.mediaId,
+                accessUrl: item.url,
+              }
+            })
+          }
+
+          if (this.videoList.length) {
+            this.videos = this.videoList.map(item => {
+              return {
+                contentType: 'video',
+                mediaId: item.media.mediaId,
+                accessUrl: item.url,
+              }
+            })
+          }
+
+          if (this.filesList.length) {
+            this.files = this.filesList.map(item => {
+              return {
+                contentType: 'file',
+                mediaId: item.media.mediaId,
+                accessUrl: item.url,
+              }
+            })
+          } 
+
+          this.form.fileList = [...contentList, ...this.imgs, ...this.videos, ...this.files]
+
+          this.instance.post(`/app/pushmessage/addOrUpdate`, {
+            ...this.form
+          }).then(res => {
+            if (res.code == 0) {
+              this.$message.success('提交成功')
+              setTimeout(() => {
+                this.cancel(true)
+              }, 600)
+            } else {
+              this.flag = false
+            }
+          }).catch(() => {
+            this.flex = false
+          })
+        }
+      })
+    },
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: !!isRefresh
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.Add {
+  height: 100%;
+}
+
+.ai-card__title {
+  display: flex;
+  align-items: center;
+
+  h2 {
+    margin-right: 20px;
+    color: #222222;
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  span {
+    color: #888888;
+    font-size: 14px;
+  }
+}
+
+.appletss {
+  display: flex;
+  flex-wrap: wrap;
+
+  .applets-item {
+    display: flex;
+    align-items: center;
+    width: 400px;
+    height: 60px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+    padding: 0 17px;
+    background: #FFFFFF;
+    border-radius: 2px;
+    border: 1px solid #D0D4DC;
+    cursor: pointer;
+
+    &:hover {
+      border-color: #2266FF;
+    }
+
+    ::v-deep {
+      .el-radio__label {
+        display: none;
+      }
+    }
+
+    img {
+      width: 40px;
+      height: 40px;
+      margin: 0 8px 0 13px;
+    }
+
+    span {
+      color: #222222;
+      font-size: 12px;
+    }
+
+    .el-radio {
+      margin: 0;
+    }
+
+    &.applets-active {
+      border-color: #2266FF;
+    }
+  }
+}
+
+.tips {
+  position: relative;
+  top: 2px;
+  padding-left: 8px;
+  color: #222222;
+  font-size: 14px;
+}
+
+.el-form-item-item__textarea {
+  position: relative;
+}
+
+.el-form-item__btn {
+  position: absolute;
+  bottom: 12px;
+  left: 12px;
+  line-height: 1;
+  z-index: 1;
+  color: #2266FF;
+  font-size: 14px;
+  user-select: none;
+  background: #fff;
+  cursor: pointer;
+}
+
+.tags {
+  // padding: 10px;
+  .tag_title {
+    font-weight: 600;
+  }
+
+  .tag_item {
+    margin: 5px 0;
+
+    span {
+      display: inline-block;
+      // padding: 5px 10px;
+      width: 80px;
+      text-align: center;
+      height: 30px;
+      line-height: 30px;
+      background: #DDD;
+      color: #333;
+      border-radius: 4px;
+      margin-right: 8px;
+    }
+
+    .active {
+      background: #53bcea;
+      color: #FFFFFF;
+    }
+  }
+}
+
+
+</style>
diff --git a/packages/wxwork/AppMassNotification/components/List.vue b/packages/wxwork/AppMassNotification/components/List.vue
new file mode 100644
index 00000000..c1bc4b94
--- /dev/null
+++ b/packages/wxwork/AppMassNotification/components/List.vue
@@ -0,0 +1,210 @@
+<template>
+  <ai-list class="List">
+    <template #title>
+      <ai-title title="群发通知" isShowBottomBorder></ai-title>
+    </template>
+    <template #content>
+      <ai-search-bar>
+        <template #left>
+          <el-button type="primary" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button>
+        </template>
+      </ai-search-bar>
+      <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                @getList="getTableData" show-overflow-tooltip :col-configs="colConfigs" :dict="dict">
+        <!-- <el-table-column slot="type" width="240px" label="消息内容" align="center">
+          <template slot-scope="{ row }">
+            <el-popover
+              placement="bottom"
+              width="400"
+              :visible-arrow="false"
+              popper-class="wechat-message__container"
+              trigger="hover">
+              <div class="count row-content" slot="reference" v-if="row.content">{{ row.content }}</div>
+              <div class="message-info">
+                <h2 :style="{marginBottom: row.accessUrl ? '16px' : '0'}">{{ row.content }}</h2>
+                <div class="message-info__wrapper" v-if="row.accessUrl">
+                  <img v-if="row.contentType == 'image'" :src="row.accessUrl">
+                  <video style="width:40px; height: 40px;" v-if="row.contentType == 'video'" :src="row.accessUrl"></video>
+                  <img src="../../../../examples/assets/file.png" v-if="row.contentType == 'file'" width="40" height="40"/>
+                  <div class="message-info__wrapper--right">
+                    <h3 v-if="row.contentType === 'image'">{{ row.media.file.name }}</h3>
+                    <h3 v-if="row.contentType === 'video'">{{ row.media.file.name }}</h3>
+                    <p v-if="row.contentType === 'image'">{{ row.media.file.fileSizeStr }}</p>
+                    <p v-if="row.contentType === 'video'">{{ row.media.file.fileSizeStr }}</p>
+                  </div>
+                </div>
+              </div>
+            </el-popover>
+          </template>
+        </el-table-column>         -->
+        <el-table-column slot="options" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="toAdd(row.id)">详情</el-button>
+            <!-- <el-button type="text" @click="handleDelete(row.id)">删除</el-button> -->
+          </template>
+        </el-table-column>
+      </ai-table>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: "List",
+  props: {
+    dict: Object,
+    instance: Function,
+    params: Object,
+  },
+  data() {
+    return {
+      tableData: [],
+      page: {current: 1, size: 10, total: 0, pages: 0},
+      id: '',
+    }
+  },
+  created() {
+    this.getTableData()
+  },
+  computed: {
+    colConfigs() {
+      let conType = {
+        text: "文本",
+        image: "图片",
+        video: "视频",
+        file: "附件"
+      }
+      return [
+        // { prop: "fileList", label: '消息类型', align: "center", width: "250px", formart: v => v?.map(e=> conType[e.contentType]).toString() },
+        { prop: "fileList", label: '消息内容', align: "center", width: "250px", formart: v => v?.filter(e=> e.contentType == 'text')[0].content },
+        // { prop: "fileList", label: '消息内容', align: "center", width: "250px", formart: v => v?.filter(e => e.contentType == 'text')[0].content},
+        // { slot: 'type' },
+        { prop: "messageSource", label: '消息类型', align: "center", formart: v => v==1? '居民': '居民群'},
+        { prop: "createTime", label: '创建时间', align: "center", width: "250px"},
+        { prop: "userName", label: '创建人', align: "center", width: "250px", },
+        { slot: "options" ,},
+      ]
+    },
+    ...mapState(['user'])
+  },
+
+  methods: {
+    getTableData() {
+      this.instance.post(`/app/pushmessage/list?`, null, {
+        params: {
+          ...this.page,
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+
+    mapType(type) {
+      return {
+        'image': '图片',
+        'video': '视频',
+        'file': '文件',
+        'text': '文本'
+      }[type]
+    },
+
+    toAdd(id) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          id: id || '',
+        },
+      })
+    }
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.List {
+  height: 100%;
+  background: #f3f4f5;
+
+  .count {
+    cursor: pointer;
+    color: #2266FF;
+    font-size: 14px;
+
+    &:hover {
+      opacity: 0.6;
+    }
+  }
+
+}
+
+img, video {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+  object-fit: cover;
+}
+
+.message-info {
+  padding: 8px;
+  min-height: 116px;
+
+  h2 {
+    color: #222222;
+    font-weight: 500;
+    font-size: 14px;
+  }
+
+  .message-info__wrapper {
+    display: flex;
+    align-items: center;
+    width: 368px;
+    height: 60px;
+    padding: 10px;
+    background: #FFFFFF;
+    border-radius: 2px;
+    border: 1px solid #D0D4DC;
+
+    .message-info__wrapper--right {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    h3 {
+      width: 100%;
+      color: #222222;
+      font-size: 14px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-weight: normal;
+    }
+
+    img, video {
+      width: 40px;
+      height: 40px;
+      margin-right: 10px;
+      object-fit: cover;
+    }
+
+    p {
+      margin-top: 6px;
+      font-size: 14px;
+      color: #888888;
+    }
+  }
+}
+
+.row-content {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue b/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue
new file mode 100644
index 00000000..48a1aaa4
--- /dev/null
+++ b/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue
@@ -0,0 +1,195 @@
+<template>
+  <section class="SelectDeptUser">
+    <el-input :value="selectText" disabled size="small" @click.native="dialog=true">
+      <el-button type="text" slot="append">开始选择</el-button>
+    </el-input>
+    <ai-dialog :visible.sync="dialog" title="选择部门/人员" width="700px" @onConfirm="handleSubmit" @close="selected=[],getDepts()">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item v-for="(item, index) in selectDeptPath" :key="index">
+          <el-button type="text" @click="deptNameClick(item)">{{ item.name }}</el-button>
+        </el-breadcrumb-item>
+      </el-breadcrumb>
+      <div class="optionsItem" v-for="(row, index) in options" :key="index">
+        <el-row type="flex">
+          <el-checkbox class="fill" :label="row.uid" v-model="row.checked" @change="handleCheck(row,index)">{{ row.name }}</el-checkbox>
+          <el-button type="text" v-if="!row.parentid&&row.kind=='dept'" @click="openDialogTag(row)">添加标签</el-button>
+          <el-button type="text" v-if="row.kind=='dept'" @click="itemClick(row)">更多</el-button>
+        </el-row>
+        <el-tag effect="dark" size="small" v-for="tag in row.selectedTags" :key="tag.id" class="mar-4">{{ tag.name }}</el-tag>
+      </div>
+      <ai-empty v-if="!options.length"/>
+      <ai-dialog :visible.sync="dialogTag" title="选择标签" width="500px" @onConfirm="handleSelectTag" @close="selectedTags=[]" append-to-body>
+        <el-checkbox-group v-model="selectedTags">
+          <div class="optionsItem" v-for="(cls, index) in tagOps" :key="index">
+            <ai-title :title="cls.name"/>
+            <el-checkbox class="fill" v-for="(op, i) in cls.tagList" :key="i" :label="op.id">{{ op.name }}</el-checkbox>
+          </div>
+        </el-checkbox-group>
+        <ai-empty v-if="!tagOps.length"/>
+      </ai-dialog>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "SelectDeptUser",
+  model: {
+    event: "change",
+    prop: "value"
+  },
+  props: {
+    value: {default: ""},
+    instance: Function,
+    dict: Object,
+    source: {default: 1}
+  },
+  computed: {
+    selectText: v => v.value?.length > 0 ? "已选择" : "请选择",
+    tagAction: v => v.source == 2 ? '/app/wxcp/wxgroupchattag/listAllByCorp' : '/app/wxcp/wxcorptag/listAllByCorp'
+  },
+  data() {
+    return {
+      dialog: false,
+      dialogTag: false,
+      currentCorp: {},
+      selected: [],
+      selectDeptPath: [],
+      selectedTags: [],
+      options: [],
+      tagOps: [],
+      allData: [],
+      tags: {}
+    }
+  },
+  methods: {
+    getDepts() {
+      this.instance.post('/app/wxcp/wxdepartment/listAllByCorp').then(res => {
+        if (res?.data) {
+          let parents = res.data.map(e => e.parentid)
+          this.allData = res.data.map(e => ({
+            ...e,
+            hasChildren: parents.includes(e.id),
+            uid: [e.corpId, e.id].join("_"),
+            kind: 'dept',
+            checked: false
+          }))
+          this.deptInit()
+        }
+      })
+    },
+    getTagsByCorp(dvcpCorpId) {
+      return this.instance.post(this.tagAction, null, {
+        params: {
+          dvcpCorpId,
+          size: 9999
+        }
+      }).then(res => {
+        if (res?.data) {
+          return this.tagOps = res.data.records || []
+        }
+      })
+    },
+    deptInit() {
+      this.options = this.allData.filter(e => !e.parentid)
+      this.selectDeptPath = [{name: "可选范围", id: ''}]
+    },
+    itemClick(row) {
+      let index = this.selectDeptPath.findIndex(e => e.id == row.id)
+      if (index == -1) {
+        this.selectDeptPath.push(row)
+        this.getDeptsAndUsersByParent(row)
+      }
+    },
+    getDeptsAndUsersByParent(row) {
+      let {id: departmentId, corpId: cid} = row
+      this.options = this.allData.filter(e => e.parentid == departmentId && e.corpId == cid) || []
+      this.instance.post(`/app/wxcp/wxuser/listByDeptId`, null, {
+        params: {departmentId, status: 1, cid}
+      }).then(res => {
+        if (res?.data) {
+          res.data = res.data.map(e => ({
+            ...e, kind: "user", checked: this.selected.some(s => {
+              if (e.id == s.id) return true
+            })
+          }))
+          this.options = [this.options, res.data].flat()
+        }
+      })
+    },
+    deptNameClick(row, index) {
+      if (!index) { //第一级别
+        this.deptInit()
+      } else {
+        let length = this.selectDeptPath.length - index
+        this.selectDeptPath.splice(index + 1, length)
+        this.getDeptsAndUsersByParent(row.id)
+      }
+    },
+    openDialogTag(row) {
+      this.getTagsByCorp(row.corpId).then(() => {
+        this.currentCorp = row
+        this.dialogTag = true
+      })
+    },
+    handleSelectTag() {
+      let {corpId} = this.currentCorp
+      this.currentCorp.selectedTags = this.$copy(this.tagOps.map(e => e.tagList).flat().filter(e => this.selectedTags.includes(e.id)))
+      this.tags[corpId] = this.$copy(this.currentCorp.selectedTags)
+      this.dialogTag = false
+    },
+    handleSubmit() {
+      let result = {}
+      this.selected?.map(e => {
+        let {kind, id} = e
+        result[e.corpId] = [result[e.corpId], {kind, id}].flat()
+      })
+      let selected = Object.keys(result).map(corpId => {
+        let res
+        if (result[corpId]) {
+          res = {
+            corpId,
+            objList: result[corpId].filter(e => !!e)
+          }
+          if (this.tags[corpId]?.length > 0) {
+            res.tagId = this.tags[corpId]?.map(e => e.id)
+          }
+        }
+        return res
+      }).filter(e => !!e)
+      this.$emit("change", selected)
+      this.dialog = false
+    },
+    isSelected(uid) {
+      return !!this.selected.find(e => e.uid == uid)
+    },
+    handleCheck(row, i) {
+      if (row.checked) {
+        this.selected.push(row)
+      } else {
+        this.selected.splice(i, 1)
+      }
+      this.$forceUpdate()
+    }
+  },
+  created() {
+    this.getDepts()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.SelectDeptUser {
+  ::v-deep.optionsItem {
+    border: 1px solid #eee;
+    margin-bottom: 8px;
+    padding: 8px;
+    border-radius: 4px;
+
+    .mar-4 {
+      margin-right: 4px;
+      margin-bottom: 4px;
+    }
+  }
+}
+</style>
diff --git a/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue b/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
index 9abcb81d..5edcf8e4 100644
--- a/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
+++ b/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
@@ -62,8 +62,8 @@
                   <el-tooltip class="item" effect="dark" :content="row.content" placement="top">
                     <div class="table-left__wrapper--text" v-if="row.contentType == 'text'">{{ row.content }}</div>
                   </el-tooltip>
-                  <div class="ellipsis" v-if="row.contentType !== 'text'">{{ row.file.name }}</div>
-                  <div v-if="row.contentType !== 'text'">{{ row.file.size | size }}KB</div>
+                  <div class="ellipsis" v-if="row.contentType !== 'text' && row.file && row.file.name">{{ row.file.name }}</div>
+                  <div v-if="row.contentType !== 'text' && row.file && row.file.size">{{ row.file.size | size }}KB</div>
                 </div>
               </div>
             </template>
diff --git a/project/allProject.js b/project/allProject.js
index 442bd7f0..3a913b4e 100644
--- a/project/allProject.js
+++ b/project/allProject.js
@@ -178,7 +178,7 @@ const generateMain = project => {
 const start = () => {
   //询问打包哪个项目
   init().then(choices => {
-    return Promise.all(choices.map(prj => generateMain(prj))).then(() => {
+    return Promise.all(choices.filter(e => e != 'grid').map(prj => generateMain(prj))).then(() => {
       chalkTag.done('完成生成打包文件')
     })
   })
diff --git a/project/beta/core.import.json b/project/beta/core.import.json
new file mode 100644
index 00000000..ef8fa998
--- /dev/null
+++ b/project/beta/core.import.json
@@ -0,0 +1,9 @@
+{
+  "AppAccount": "账号管理",
+  "AppDictionary": "数据字典",
+  "AppQyWxConfig": "企业微信配置",
+  "AppUserInfo": "个人中心",
+  "AppRightsManager": "权限管理",
+  "AppAccountRole": "账号角色",
+  "AppMenuManager": "菜单管理"
+}
diff --git a/project/beta/package.json b/project/beta/package.json
new file mode 100644
index 00000000..e49dc43f
--- /dev/null
+++ b/project/beta/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "dvcp-apps-beta",
+  "description": "β版本应用测试",
+  "version": "1.0.0",
+  "main": "dist/dvcp-apps-beta.common.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "dvcp-ui": "^1.42.2"
+  }
+}
diff --git a/project/dvui/components/AiDvPartyOrg.vue b/project/dvui/components/AiDvPartyOrg.vue
new file mode 100644
index 00000000..eeddf4cf
--- /dev/null
+++ b/project/dvui/components/AiDvPartyOrg.vue
@@ -0,0 +1,224 @@
+<template>
+  <div class="partyDvOrg" ref="container">
+    <div
+      class="partyDvOrg-wrapper"
+      ref="tree"
+      id="tree"
+      :style="{left: x, top: y, transform: `scale(${scale}) translate(-50%, -50%) `, 'transform-origin': `${0} ${0}`}">
+      <VueOkrTree
+        :props="props"
+        node-key="id"
+        ref="VueOkrTree"
+        :data="treeData">
+      </VueOkrTree>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { VueOkrTree } from 'vue-okr-tree'
+  import 'vue-okr-tree/dist/vue-okr-tree.css'
+
+  export default {
+    name: 'AiDvPartyOrg',
+
+    props: ['instance'],
+
+    components: {
+      VueOkrTree
+    },
+
+    data () {
+      return {
+        scale: 1,
+        x: '50%',
+        y: '50%',
+        treeData: [],
+        props: {
+          label: 'name',
+          children: 'children'
+        }
+      }
+    },
+
+    mounted () {
+      this.bindEvent()
+      this.getPartyOrg()
+    },
+
+    destroyed () {
+      document.querySelector('body').removeEventListener('mousewheel', this.onMousewheel)
+      document.querySelector('body').removeEventListener('mouseup', this.onMouseUp)
+      document.querySelector('body').removeEventListener('mousedown', this.onMousedown)
+      document.querySelector('body').removeEventListener('mousemove', this.onMouseMove)
+    },
+
+    methods: {
+      bindEvent () {
+        document.querySelector('body').addEventListener('mousewheel', this.onMousewheel, true)
+        document.querySelector('body').addEventListener('mouseup', this.onMouseUp, true)
+        document.querySelector('body').addEventListener('mousedown', this.onMousedown, true)
+        document.querySelector('body').addEventListener('mousemove', this.onMouseMove, true)
+      },
+
+      onMousewheel (event) {
+        if (!event) return false
+        const elClass = event.target.className
+        if (elClass === 'tree' || elClass === 'middle' || (elClass && (elClass.indexOf('chart') > -1 || elClass.indexOf('user') > -1))) {
+          var dir = event.deltaY > 0 ? 'Up' : 'Down'
+          if (dir === 'Up') {
+            this.scale = this.scale - 0.2 <= 0.1 ? 0.1 : this.scale - 0.2
+          } else {
+            this.scale = this.scale + 0.2
+          }
+        }
+
+        return false
+      },
+
+      onMousedown (e) {
+        const elClass = e.target.className
+        if ((elClass && (elClass.indexOf('chart') > -1 || elClass.indexOf('user') > -1))) {
+          const left = document.querySelector('#tree').offsetLeft
+          const top = document.querySelector('#tree').offsetTop
+          this.isMove = true
+          this.offsetX = e.clientX - left
+          this.offsetY = e.clientY - top
+        }
+      },
+
+      onMouseMove (e) {
+        if (!this.isMove) return
+
+        this.x = (e.clientX - this.offsetX) + 'px'
+        this.y = (e.clientY - this.offsetY) + 'px'
+      },
+
+      onMouseUp () {
+        this.isMove = false
+      },
+
+      getPartyOrg () {
+        this.instance.post('/app/partyOrganization/queryPartyOrganizationServiceList').then(res => {
+          if (res.code === 0) {
+            this.treeData = res.data.filter(e => !e.parentId)
+            this.treeData.map(p => this.addChild(p, res.data.map(v => {
+              return {
+                ...v,
+                name: v.name.substr(0, 12)
+              }
+            }), {parent: 'parentId'}))
+
+            this.$nextTick(() => {
+              this.autoScale()
+            })
+          }
+        })
+      },
+
+      autoScale () {
+        const treeWidth = this.$refs.tree.offsetWidth
+        const containerWidth = this.$refs.container.offsetWidth
+        this.scale = treeWidth < containerWidth ? 1 : containerWidth / treeWidth
+        this.x = '50%'
+        this.y = '50%'
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .partyDvOrg {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    .partyDvOrg-wrapper {
+      display: flex;
+      position: absolute;
+      align-items: center;
+      left: 50%;
+      top: 50%;
+      padding: 20px;
+      overflow: hidden;
+      width: max-content;
+      height: 300%;
+    }
+
+    ::v-deep .org-chart-container {
+      color: #FFFFFF;
+      font-size: 16px;
+
+      .org-chart-node {
+        overflow: hidden;
+
+        .org-chart-node-label {
+          width: 40px;
+          height: 330px;
+          margin-right: 15px;
+          padding: 0 0;
+          box-shadow: 0 0 10px 4px rgba(188, 59, 0, 0.6) inset;
+
+          .org-chart-node-label-inner {
+            line-height: 1.3;
+            padding: 10px 0;
+            font-weight: 500;
+            writing-mode: vertical-rl;
+            text-align: center;
+            letter-spacing: 5px;
+            font-size: 18px;
+            font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+            font-weight: bold;
+            color: #FFFFFF;
+            line-height: 24px;
+            text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.2);
+            background: linear-gradient(180deg, #FFF6C7 0%, #FFC573 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            user-select: none;
+          }
+        }
+
+        &:last-child {
+          .org-chart-node-label {
+            margin-right: 0;
+          }
+        }
+      }
+
+      .is-root-label {
+        width: auto!important;
+        height: 40px!important;
+        line-height: 40px!important;
+        min-height: 40px!important;
+        text-align: center;
+
+        .org-chart-node-label-inner {
+          padding: 0 30px!important;
+          writing-mode: horizontal-tb!important;
+          font-size: 18px;
+          font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+          font-weight: bold;
+          color: #FFFFFF;
+          line-height: 24px;
+          text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.2);
+          background: linear-gradient(180deg, #FFF6C7 0%, #FFC573 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+
+      .org-chart-node-children:before, .org-chart-node:after, .org-chart-node:last-child:before,
+      .org-chart-node.is-leaf:before {
+        border-radius: 0;
+        border-color: #FFBA3E!important;
+      }
+
+      .vertical .org-chart-node:after, .vertical .org-chart-node:before {
+        border-radius: 0;
+        border-color: #FFBA3E!important;
+      }
+    }
+  }
+</style>
diff --git a/project/dvui/components/AiDvRender.vue b/project/dvui/components/AiDvRender.vue
new file mode 100644
index 00000000..6b8c859d
--- /dev/null
+++ b/project/dvui/components/AiDvRender.vue
@@ -0,0 +1,235 @@
+<template>
+  <div class="AiDvRender" style="width: 100%; height: 100%;">
+    <ai-dv-display v-if="data.type === 'display'" :title="data.title" :list="values"></ai-dv-display>
+    <ai-dv-panel
+        style="height: 100%; width: 100%;"
+        v-if="data.type !== 'display'"
+        :title="data.title"
+        :border="data.border || ''">
+      <AiDvSummary v-if="data.type === 'summary'" :summaryTitle="data.summaryTitle" :key="`summary${index}`" :type="data.display" :data="values"/>
+      <AiSwiper v-else-if="data.type === 'swiper'" :heigth="'100%'" :data="values"/>
+      <dv-scroll-board
+          v-if="data.type === 'table'"
+          :class="'dvScrollBoard' + theme"
+          :config="formatTable(values, data.isShowIndex, data.rowNum)"
+          :key="data.height"
+          :theme="theme"
+          :style="{height: data.height + 'px', width: '100%'}"/>
+      <ai-echart v-else-if="/Chart/.test(data.type)"
+                 style="height: 100%; width: 100%;"
+                 :ref="'chart' + index"
+                 :key="`chart${index}`"
+                 :theme="theme"
+                 :data="values"
+                 :ops="chartList[data.config]"/>
+      <ai-map :markers="values" v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId || user.info.areaId"
+              :map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib"/>
+      <ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"/>
+      <video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay v-else-if="data.type === 'video'"/>
+      <AiDvPartyOrg style="width: 100%; height: 100%;" v-else-if="data.type === 'partyOrg'" :instance="instance"/>
+      <ai-sprite v-else-if="/building/.test(data.type)" v-bind="data" is3D @init="mods[data.type]"/>
+    </ai-dv-panel>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+import AiSwiper from './AiSwiper.vue'
+import chartList from './AiEchart/echartTpls'
+import AiMonitor from "./AiMonitor/AiMonitor";
+import AiDvPanel from "../layout/AiDvPanel/AiDvPanel";
+import AiDvDisplay from "../layout/AiDvDisplay/AiDvDisplay";
+import AiDvSummary from "../layout/AiDvSummary/AiDvSummary";
+import AiSprite from "./AiSprite";
+import * as mods from "./AiSprite/mods";
+
+
+export default {
+  name: 'AiDvRender',
+  props: ['data', 'index', 'theme', 'instance'],
+  components: {
+    AiSprite,
+    AiDvSummary,
+    AiDvDisplay,
+    AiDvPanel,
+    AiMonitor,
+    AiSwiper
+  },
+  data() {
+    return {
+      mods,
+      chartList,
+      map: null,
+      lib: null
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    values() {
+      if (!this.data) {
+        return []
+      }
+      return this.data.type === 'map' ? this.data[this.data.dataType].map(e => {
+        return {...e, lng: e['经度'], lat: e['纬度'], label: e['地区名称']}
+      }) : this.data[this.data.dataType]
+    },
+  },
+  methods: {
+    formatTable(data, isShowIndex, rowNum) {
+      if (!data.length) {
+        return {
+          header: [],
+          data: []
+        }
+      }
+      let rows = []
+      const header = data.map(v => {
+        return v[Object.keys(v)[0]]
+      })
+      Object.keys(data[0]).forEach((item, index) => {
+        if (index !== 0) {
+          rows.push(item)
+        }
+      })
+      return {
+        header: header,
+        data: rows.map(item => {
+          return data.map(v => {
+            return v[item]
+          })
+        }),
+        headerBGC: 'transparent',
+        evenRowBGC: 'transparent',
+        oddRowBGC: 'rgba(0, 133, 255, 0.2)',
+        headerHeight: 42,
+        rowNum: rowNum || 7,
+        index: isShowIndex === '1',
+        waitTime: 8000,
+        carousel: 'page',
+        indexHeader: '排名',
+        align: ['center', 'center', 'center', 'center', 'center']
+      }
+    },
+    handleMapClick(count = 0) {
+      let {lib: AMap, map} = this
+      if (AMap) {
+        let infoWin = new AMap.InfoWindow({content: ""})
+        map.clearMap()
+        let markers = this.values.filter(e => e.lng).map(e => {
+          return new AMap.Marker({
+            map,
+            label: e.label,
+            icon: e.icon,
+            position: [e.lng, e.lat]
+          }).on('click', ({target}) => {
+            map.clearInfoWindow()
+            markers?.map(m => m.getIcon() == e.selectedIcon && m.setIcon(e.icon))
+            target.setIcon(e.selectedIcon)
+            infoWin.setContent([
+              `<div class="infoWin">`,
+              `<b>${e.label}</b>`,
+              `<div>累计成交金额：${e['累计成交金额(万)']}万元</div>`,
+              `<div>金融产品：${e['金融产品(万)']}万元</div>`,
+              `<div>融资需求：${e['融资需求(万)']}万元</div>`,
+              '</div>'
+            ].join(''))
+            infoWin.open(map, [e.lng, e.lat])
+          })
+        })
+        map.setFitView(markers)
+      } else if (count < 10) {
+        console.log("正在加载...%s", count)
+        setTimeout(() => this.handleMapClick(++count), 1000)
+      }
+    }
+  },
+  mounted() {
+    if (this.data.type == 'map') {
+      this.handleMapClick()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDvRender {
+  ::v-deep .dvScrollBoard1 {
+
+    .header {
+      background: rgba(0, 0, 0, 0.1) !important;
+
+      .header-item {
+        color: #FFBB73 !important;
+        font-size: 16px !important;
+        font-weight: 600;
+      }
+    }
+
+
+    .rows {
+      font-size: 16px;
+      font-weight: 600;
+      color: #FFFFFF;
+      line-height: 21px;
+      text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.5);
+      background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+
+      & > div:nth-of-type(2n - 1) {
+        background-color: transparent !important;
+      }
+
+      & > div:nth-of-type(2n) {
+        background-color: rgba(0, 0, 0, 0.1) !important;
+      }
+
+      .index {
+        color: #fff;
+        text-shadow: none;
+        background: #BD4921 !important;
+        -webkit-background-clip: inherit;
+        -webkit-text-fill-color: #fff;
+      }
+    }
+  }
+
+  ::v-deep.amap-info-contentContainer {
+    .amap-info-content {
+      background: #0A3257;
+      border: 1px solid #7BE5FF;
+      padding: 16px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+
+      .infoWin {
+        & > b {
+          display: block;
+          font-size: 18px;
+          font-weight: 600;
+          color: #FFFFFF;
+          margin-bottom: 13px;
+        }
+
+        & > div {
+          font-size: 16px;
+          font-weight: 400;
+          color: #7BE5FF;
+
+          & + div {
+            margin-top: 8px;
+          }
+        }
+      }
+    }
+
+    .amap-info-sharp {
+      border-top-color: #0A3257;
+
+      &:after {
+        border-top-color: #7BE5FF;
+        filter: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/project/dvui/components/AiEchart/echartTpls.js b/project/dvui/components/AiEchart/echartTpls.js
new file mode 100644
index 00000000..371b408a
--- /dev/null
+++ b/project/dvui/components/AiEchart/echartTpls.js
@@ -0,0 +1,35 @@
+import barChart1 from "./template/bar/barChart1"
+import barChart2 from "./template/bar/barChart2"
+import barChart3 from "./template/bar/barChart3"
+import barChart5 from "./template/bar/barChart5"
+import barChart7 from "./template/bar/barChart7"
+import barChart8 from "./template/bar/barChart8"
+import barChart9 from "./template/bar/barChart9"
+
+import lineChart1 from "./template/line/lineChart1"
+import lineChart2 from "./template/line/lineChart2"
+import lineChart3 from "./template/line/lineChart3"
+import lineChart4 from "./template/line/lineChart4"
+import lineChart5 from "./template/line/lineChart5"
+
+import pieChart1 from "./template/pie/pieChart1"
+import pieChart2 from "./template/pie/pieChart2"
+import pieChart3 from "./template/pie/pieChart3"
+
+export default {
+  barChart1,
+  barChart2,
+  barChart3,
+  barChart5,
+  barChart7,
+  barChart8,
+  barChart9,
+  lineChart1,
+  lineChart2,
+  lineChart3,
+  lineChart4,
+  lineChart5,
+  pieChart1,
+  pieChart2,
+  pieChart3
+}
diff --git a/project/dvui/components/AiEchart/template/pie/pieChart1.js b/project/dvui/components/AiEchart/template/pie/pieChart1.js
new file mode 100644
index 00000000..c79fa1a6
--- /dev/null
+++ b/project/dvui/components/AiEchart/template/pie/pieChart1.js
@@ -0,0 +1,26 @@
+export default {
+  legend: {
+    right: 20,
+    top: 'middle',
+    orient: 'vertical',
+    textStyle: {color: "#fff", fontSize: 14}
+  },
+  grid: {
+    top: '0%',
+    left: '0%',
+    right: '0px',
+    bottom: '0%'
+  },
+  xAxis: {show: false},
+  yAxis: {show: false},
+  tooltip: {
+  },
+  series: {
+    type: "pie",
+    minShowLabelAngle: 10,
+    radius: '50%',
+    label: {
+      show: false
+    }
+  }
+}
diff --git a/project/dvui/components/AiEchart/template/pie/pieChart3.js b/project/dvui/components/AiEchart/template/pie/pieChart3.js
new file mode 100644
index 00000000..88417746
--- /dev/null
+++ b/project/dvui/components/AiEchart/template/pie/pieChart3.js
@@ -0,0 +1,98 @@
+export default {
+  legend: {
+    right: 20,
+    top: 'middle',
+    orient: 'vertical',
+    textStyle: {color: "#fff", fontSize: 14}
+  },
+  grid: {
+    top: '0%',
+    left: '0%',
+    right: '0px',
+    bottom: '0%'
+  },
+  xAxis: {show: false},
+  yAxis: {show: false},
+  tooltip: {
+  },
+  series: {
+    type: "pie",
+    minShowLabelAngle: 10,
+    radius: [50, 71],
+    itemStyle: {
+      borderColor: "#8d1419",
+      borderWidth: 2
+    },
+    label: {
+      show: false
+    },
+    labelLine: {}
+  },
+  render: (h, params) => {
+    const formatNum = num => {
+      if (num >= 10000000) {
+        return num / 10000000 + "千万"
+      }
+
+      if (num >= 10000) {
+        return num / 10000 + "万"
+      }
+
+      return parseFloat(num.toFixed(2))
+    }
+
+    let total = params.data.reduce((t, e) => {
+      return t + Number(Object.values(e)?.[1] || 0)
+    }, 0)
+    return h(
+        "div",
+        {
+          style: {
+            height: "162px",
+            width: "162px",
+            color: "#8BCCFF",
+            left: "50%",
+            top: "50%",
+            zIndex: '-1',
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            position: "absolute",
+            transform: "translate(-50%,-50%)",
+            backgroundPosition: "center"
+          }
+        },
+        [
+          h(
+            'span',
+            {
+              style: {
+                'font-size': '32px',
+                'font-weight': 'bold',
+                'margin-bottom': '3px',
+                'color': '#CEE1FF',
+                'line-height': '28px',
+                'text-shadow': '0px 2px 4px rgba(117, 9, 9, 0.1)',
+                'background': 'linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%)',
+                '-webkit-background-clip': 'text',
+                '-webkit-text-fill-color': 'transparent'
+              }
+            },
+            formatNum(total)
+          ),
+          h('span', {
+            style: {
+              'font-size': '16px',
+              'color': '#CEE1FF',
+              'line-height': '16px',
+              'text-shadow': '0px 2px 4px rgba(117, 9, 9, 0.5)',
+              'background': 'linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%)',
+              '-webkit-background-clip': 'text',
+              '-webkit-text-fill-color': 'transparent'
+            }
+          }, "总量")
+        ]
+    )
+  }
+}
diff --git a/project/dvui/components/AiSprite.vue b/project/dvui/components/AiSprite.vue
new file mode 100644
index 00000000..f44b52e2
--- /dev/null
+++ b/project/dvui/components/AiSprite.vue
@@ -0,0 +1,53 @@
+<template>
+  <section class="AiSprite" :ref="ref"/>
+</template>
+
+<script>
+export default {
+  name: "AiSprite",
+  props: {
+    width: {default: 400},
+    height: {default: 300},
+    is3D: Boolean
+  },
+  data() {
+    return {
+      ref: ""
+    }
+  },
+  methods: {
+    init(count = 0) {
+      const container = this.$refs[this.ref]
+      if (container) {
+        let {width, height} = this.$props
+        const scene = new spritejs.Scene({container, width, height, ...this.$attrs}),
+            layer = scene.layer()
+        /**
+         * layer 图层
+         * lib spritejs的依赖库
+         */
+        this.$emit("init", {layer, lib: spritejs})
+      } else if (count == 20) {
+        console.log(this.$refs)
+      } else setTimeout(() => this.init(++count), 500)
+    }
+  },
+  created() {
+    this.ref = "AiSprite_" + new Date().getTime()
+  },
+  mounted() {
+    this.$injectLib("https://unpkg.com/spritejs/dist/spritejs.min.js", () => {
+      if (this.is3D) {
+        this.$injectLib("http://unpkg.com/sprite-extend-3d/dist/sprite-extend-3d.js", () => {
+          this.init()
+        })
+      } else this.init()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiSprite {
+}
+</style>
diff --git a/project/dvui/components/AiSprite/building/building1.js b/project/dvui/components/AiSprite/building/building1.js
new file mode 100644
index 00000000..6d44db1e
--- /dev/null
+++ b/project/dvui/components/AiSprite/building/building1.js
@@ -0,0 +1,4 @@
+const initModel = () => {
+
+}
+export default initModel
diff --git a/project/dvui/components/AiSprite/mods.js b/project/dvui/components/AiSprite/mods.js
new file mode 100644
index 00000000..35d79516
--- /dev/null
+++ b/project/dvui/components/AiSprite/mods.js
@@ -0,0 +1 @@
+export const building1 = import('./building/building1')
diff --git a/project/dvui/layout/AiDvPanel/borders/border5.vue b/project/dvui/layout/AiDvPanel/borders/border5.vue
index 4ae68278..1883f591 100644
--- a/project/dvui/layout/AiDvPanel/borders/border5.vue
+++ b/project/dvui/layout/AiDvPanel/borders/border5.vue
@@ -30,7 +30,7 @@ export default {
     .slot {
       width: 100%;
       height: calc(100% - 0px);
-      padding: 20px 10px 20px;
+      padding: 40px 10px 20px;
       background: rgba(120, 0, 0, 0.2);
       border: 1px solid rgba(203, 45, 0, 0.5);
     }
diff --git a/project/dvui/layout/AiDvSummary/components/DonutChart.vue b/project/dvui/layout/AiDvSummary/components/DonutChart.vue
new file mode 100644
index 00000000..85f1d5e9
--- /dev/null
+++ b/project/dvui/layout/AiDvSummary/components/DonutChart.vue
@@ -0,0 +1,137 @@
+<template>
+  <div class="DonutChart" :id="id">
+    <canvas :id="canvasId"></canvas>
+    <div class="DonutChart-text">
+      <span>{{ ratio }}</span>
+      <i>%</i>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    props: ['ratio'],
+
+    data () {
+      return {
+        id: `DonutChart-${Math.ceil(Math.random() * 10000)}`,
+        canvasId: `DonutChartCanvas-${Math.ceil(Math.random() * 10000)}`,
+        canvasWidth: 90,
+        canvasHeight: 90
+      }
+    },
+
+    mounted () {
+      this.$nextTick(() => {
+        this.init()
+      })
+    },
+
+    methods: {
+      drawLine(ctx, options) {
+        const { beginX, beginY, endX, endY, lineColor, lineWidth } = options
+        ctx.lineWidth = lineWidth
+        ctx.strokeStyle = lineColor
+        ctx.beginPath()
+        ctx.moveTo(beginX, beginY)
+        ctx.lineTo(endX, endY)
+        ctx.closePath()
+        ctx.stroke()
+      },
+
+      angle (a, i, ox, oy, or) {
+        var hudu = (2 * Math.PI / 360) * a * i
+        var x = ox + Math.sin(hudu) * or
+        var y = oy - Math.cos(hudu) * or
+        return x + '_' + y
+      },
+
+      mapColor (value) {
+        if (value < 25) {
+          return '#FFC139'
+        }
+
+        if (value < 50) {
+          return '#21E03E'
+        }
+
+        return '#05C8FF'
+      },
+
+      init () {
+        const ctx = document.querySelector(`#${this.canvasId}`).getContext('2d')
+        const canvasWidth = document.querySelector(`#${this.id}`).offsetWidth
+        const canvasHeight = document.querySelector(`#${this.id}`).offsetHeight
+        const angle = this.ratio / 100 * 2
+        let radian = 0
+
+        ctx.width = canvasWidth
+        ctx.height = canvasHeight
+        const x = canvasWidth / 2
+        const y = canvasHeight / 2
+        ctx.lineWidth = 4
+        ctx.strokeStyle = 'rgba(250, 140, 22, 0.5)'
+        ctx.beginPath();
+        ctx.arc(x, y, x - 8, 0, 2 * Math.PI)
+        ctx.stroke()
+
+        ctx.beginPath()
+        ctx.lineWidth = 8
+        ctx.strokeStyle = 'rgba(255, 225, 94, 1)'
+
+        if (this.ratio < 25) {
+          radian = 3 / 2 + angle
+          ctx.arc(x, y, x - 8, Math.PI + Math.PI / 2, Math.PI * radian, false)
+        } else if (this.ratio === 100) {
+          ctx.arc(x, y, x - 8, 0, Math.PI * 2)
+        } else {
+          radian = (this.ratio - 25) / 100 * 2
+          ctx.arc(x, y, x - 8, Math.PI + Math.PI / 2, Math.PI * radian, false)
+        }
+        ctx.stroke()
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .DonutChart {
+    position: relative;
+    width: 90px;
+    height: 90px;
+    overflow: hidden;
+
+    .DonutChart-text {
+      display: flex;
+      position: absolute;
+      justify-content: center;
+      top: 50%;
+      left: 50%;
+      z-index: 1;
+      transform: translate(-50%, -50%);
+
+      span {
+        font-size: 26px;
+        font-weight: bold;
+        color: #CEE1FF;
+        text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.1);
+        background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+
+      i {
+        position: relative;
+        bottom: -8px;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: bold;
+        color: #CEE1FF;
+        text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.1);
+        background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+  }
+</style>
diff --git a/project/dvui/layout/AiDvSummary/components/Summary11.vue b/project/dvui/layout/AiDvSummary/components/Summary11.vue
new file mode 100644
index 00000000..492bd541
--- /dev/null
+++ b/project/dvui/layout/AiDvSummary/components/Summary11.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="Summary11">
+    <div class="summary5-item" v-for="(item, index) in data" :key="index">
+      <img class="left" src="https://cdn.cunwuyun.cn/dvcp/dv/img/ms.png">
+      <div class="middle">
+        <h2>{{ item[keys] }}</h2>
+        <p>{{ item[value] }}</p>
+        <img src="https://cdn.cunwuyun.cn/dvcp/dv/img/dh.svg">
+      </div>
+      <img class="right" src="https://cdn.cunwuyun.cn/dvcp/dv/img/ms.png">
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'Summary11',
+
+    props: {
+      data: {
+        type: Array,
+        default: () => []
+      },
+
+      keys: {
+        type: String,
+        default: 'key'
+      },
+
+      value: {
+        type: String,
+        default: 'value'
+      }
+    },
+
+    data () {
+      return {
+      }
+    },
+
+    mounted () {
+    },
+
+    methods: {
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .Summary11 {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+
+    div {
+      box-sizing: border-box;
+    }
+
+    .summary5-item {
+      display: flex;
+      position: relative;
+      align-items: center;
+
+      & > img {
+        width: 50px;
+        height: 102px;
+      }
+
+      .right {
+        position: relative;
+        transform: rotateY(180deg);
+      }
+
+      .middle {
+        flex: 1;
+        text-align: center;
+
+        h2 {
+          height: 27px;
+          font-size: 20px;
+          color: #CEE1FF;
+          line-height: 27px;
+          text-shadow: 0px 4px 4px rgba(86, 0, 0, 0.1);
+          background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+
+        p {
+          margin: 8px 0 4px;
+          font-size: 32px;
+          text-align: center;
+          font-weight: bold;
+          color: #CEE1FF;
+          line-height: 35px;
+          text-shadow: 0px 4px 4px rgba(117, 9, 9, 0.1);
+          background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+    }
+  }
+</style>
diff --git a/project/dvui/layout/AiDvSummary/components/Summary8.vue b/project/dvui/layout/AiDvSummary/components/Summary8.vue
new file mode 100644
index 00000000..b6994ede
--- /dev/null
+++ b/project/dvui/layout/AiDvSummary/components/Summary8.vue
@@ -0,0 +1,124 @@
+<template>
+  <div class="Summary8">
+    <div class="summary5-item" v-for="(item, index) in arr" :key="index">
+      <div class="left">
+        <DonutChart :ratio="item.ratio"></DonutChart>
+      </div>
+      <div class="right">
+        <h2>{{ item[keys] }}</h2>
+        <p>{{ item[value] }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import DonutChart from './DonutChart'
+  export default {
+    name: 'Summary8',
+
+    components: {
+      DonutChart
+    },
+
+    props: {
+      data: {
+        type: Array,
+        default: () => []
+      },
+
+      keys: {
+        type: String,
+        default: 'key'
+      },
+
+      value: {
+        type: String,
+        default: 'value'
+      }
+    },
+
+    watch: {
+      data: {
+        handler (v) {
+          if (!v.length) return []
+
+          let sum = 0
+          v.forEach(x => {
+            sum = x[this.value] + sum
+          })
+
+          this.arr = v.map(v => {
+            return {
+              ...v,
+              ratio: Number((v[this.value] / sum).toFixed(2)) * 100
+            }
+          })
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+
+    data () {
+      return {
+        arr: []
+      }
+    },
+
+    methods: {
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .Summary8 {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+
+    div {
+      box-sizing: border-box;
+    }
+
+    .summary5-item {
+      display: flex;
+      position: relative;
+      align-items: center;
+
+      .right {
+        min-width: 90px;
+      }
+
+      .left {
+        display: flex;
+        position: relative;
+        align-items: center;
+        justify-content: center;
+        margin-right: 20px;
+        width: 90px;
+        height: 90px;
+      }
+
+      h2 {
+        margin-bottom: 12px;
+        color: #fff;
+        font-size: 16px;
+        font-weight: normal;
+      }
+
+      p {
+        font-size: 26px;
+        font-weight: bold;
+        color: #CEE1FF;
+        text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.1);
+        background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+  }
+</style>
diff --git a/project/oms/apps/AppCompany/AppCompany.vue b/project/oms/apps/AppCompany/AppCompany.vue
index db957bc5..697d0387 100644
--- a/project/oms/apps/AppCompany/AppCompany.vue
+++ b/project/oms/apps/AppCompany/AppCompany.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="AppCompany">
-    <keep-alive>
+    <keep-alive include="list">
       <component :is="currentComponent" :instance="instance" :dict="dict" :permissions="permissions"/>
     </keep-alive>
   </section>
diff --git a/project/oms/apps/develop/AppAiCode/AppAiCode.vue b/project/oms/apps/develop/AppAiCode/AppAiCode.vue
new file mode 100644
index 00000000..333768c0
--- /dev/null
+++ b/project/oms/apps/develop/AppAiCode/AppAiCode.vue
@@ -0,0 +1,62 @@
+<template>
+  <section class="AppAiCode">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+import AcList from "./acList";
+import AcAdd from "./acAdd";
+
+export default {
+  name: "AppAiCode",
+  components: {AcAdd, AcList},
+  label: "低代码生成平台",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      let {hash} = this.$route
+      return hash == "#add" ? AcAdd : AcList
+    }
+  },
+  provide() {
+    return {
+      top: this
+    }
+  },
+  methods: {
+    handleGetCode(id) {
+      id && this.instance.post("/node/aicode/getCode", null, {
+        params: {id},
+        responseType: "blob"
+      }).then(res => {
+        if (res?.code == 1) {
+          this.$message.error(res.err)
+        } else {
+          const link = document.createElement('a')
+          let blob = new Blob([res], {type: 'application/zip'})
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          link.setAttribute('download', 'aicode.zip')
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link)
+        }
+      })
+    }
+  },
+  created() {
+    this.dict.load("detailType")
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppAiCode {
+  height: 100%;
+}
+</style>
diff --git a/project/oms/apps/develop/AppAiCode/acAdd.vue b/project/oms/apps/develop/AppAiCode/acAdd.vue
new file mode 100644
index 00000000..b520aa45
--- /dev/null
+++ b/project/oms/apps/develop/AppAiCode/acAdd.vue
@@ -0,0 +1,185 @@
+<template>
+  <section class="acAdd">
+    <ai-detail list>
+      <ai-title slot="title" :title="pageTitle">
+        <template #rightBtn>
+          <el-button type="primary" v-if="isEdit" @click="top.handleGetCode($route.query.id)">生成代码</el-button>
+        </template>
+      </ai-title>
+      <template #content>
+        <el-form ref="AcForm" :model="form" size="small" label-width="120px" :rules="rules">
+          <el-tabs tab-position="left" @tab-click="handleSyncProps">
+            <el-tab-pane label="基本信息" lazy>
+              <ai-card title="基本信息">
+                <template #content>
+                  <el-row type="flex">
+                    <div class="fill">
+                      <el-form-item label="应用名称" prop="name">
+                        <el-input v-model="form.name" clearable placeholder="请输入"/>
+                      </el-form-item>
+                      <el-form-item label="应用模块" prop="appName">
+                        <el-input v-model="form.appName" clearable placeholder="请输入"/>
+                      </el-form-item>
+                    </div>
+                    <div class="fill">
+                      <el-form-item label="核心码" prop="rightCode">
+                        <el-input v-model="form.rightCode" clearable placeholder="请输入"/>
+                      </el-form-item>
+                      <el-form-item label="详情方式" prop="detailType">
+                        <ai-select v-model="form.detailType" :selectList="dict.getDict('detailType')"/>
+                      </el-form-item>
+                    </div>
+                  </el-row>
+                  <el-form-item label="按钮配置" prop="btns">
+                    <el-checkbox-group v-model="form.btns">
+                      <el-checkbox label="insertEnable">添加</el-checkbox>
+                      <el-checkbox label="importEnable">导入</el-checkbox>
+                      <el-checkbox label="exportEnalbe">导出</el-checkbox>
+                      <el-checkbox label="editEnable">编辑</el-checkbox>
+                      <el-checkbox label="deleteEnable">删除</el-checkbox>
+                      <el-checkbox label="batchDelEnable">批量删除</el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </template>
+              </ai-card>
+              <ai-card title="字段设置">
+                <template #right>
+                  <el-button type="text" @click="handleAddProps">批量添加</el-button>
+                  <el-button type="text" @click="form.props.push({})">添加</el-button>
+                </template>
+                <template #content>
+                  <ai-table :tableData="form.props" :isShowPagination="false" :colConfigs="colConfigs">
+                    <el-table-column v-for="col in colConfigs" :key="col.slot" v-bind="col">
+                      <template slot-scope="{row}">
+                        <el-checkbox v-if="col.type=='checkBox'" v-model="row[col.slot]"/>
+                        <span v-else-if="col.type=='chbShow'" v-text="row[col.slot]==true?'✔':''"/>
+                        <el-input v-else size="small" v-model="row[col.slot]" placeholder="请输入" clearable/>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="操作" slot="options" align="center">
+                      <template slot-scope="{row,$index}">
+                        <el-button type="text" @click="form.props.splice($index,1)">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </ai-table>
+                </template>
+              </ai-card>
+            </el-tab-pane>
+            <el-tab-pane label="详情设计" lazy>
+              <detail-layout v-bind="$props" :form="form" v-model="form.detailConfig"/>
+            </el-tab-pane>
+          </el-tabs>
+        </el-form>
+      </template>
+      <template #footer>
+        <el-button @click="back">取消</el-button>
+        <el-button type="primary" @click="submit">提交</el-button>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import DetailLayout from "./detailLayout";
+
+export default {
+  name: "acAdd",
+  components: {DetailLayout},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  inject: {
+    top: {}
+  },
+  computed: {
+    isEdit: v => !!v.$route.query.id,
+    pageTitle: v => v.isEdit ? "编辑应用" : "新增应用"
+  },
+  data() {
+    return {
+      form: {props: [], btns: []},
+      rules: {
+        name: {required: true, message: "请输入应用名称"},
+        appName: {required: true, message: "请输入应用模块"},
+        btns: {required: true, message: '请输入按钮配置', trigger: 'change'}
+      },
+      colConfigs: [
+        {slot: 'prop', label: "字段"},
+        {slot: 'label', label: "名称"},
+        {slot: 'dict', label: "字典"},
+        {slot: 'isSearch', label: "搜索字段", align: 'center', type: 'checkBox'},
+        {slot: 'isTable', label: "表格字段", align: 'center', type: 'checkBox'},
+        {slot: 'isDetail', label: "详情字段", align: 'center', type: 'chbShow'},
+      ]
+    }
+  },
+  methods: {
+    getDetail() {
+      let {id} = this.$route.query
+      id && this.instance.post("/node/aicode/detail", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.form = res.data
+          this.handleSyncProps()
+        }
+      })
+    },
+    back() {
+      this.$router.push({})
+    },
+    submit() {
+      this.$refs.AcForm.validate(v => {
+        if (v) {
+          this.instance.post("/node/aicode/addOrUpdate", this.form).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("提交成功!")
+              this.back()
+            }
+          })
+        }
+      })
+    },
+    handleSyncProps() {
+      let detailPorps = this.form.detailConfig?.map(e => e.column)?.flat()?.map(e => e.prop)
+      this.form.props = this.form.props.map(e => ({...e, isDetail: !!detailPorps?.includes(e.prop)}))
+    },
+    handleAddProps() {
+      this.$prompt("请输入swagger示例JSON字符串", {
+        type: 'warning',
+        title: "批量添加字段",
+        dangerouslyUseHTMLString: true,
+        center: true,
+      }).then(({value}) => {
+        if (this.$checkJson(value)) {
+          Object.keys(JSON.parse(value)).map(prop => {
+            this.form.props.push({prop})
+          })
+        }
+      }).catch(() => 0)
+    },
+    $checkJson(str) {
+      if (typeof str == 'string') {
+        try {
+          let obj = JSON.parse(str);
+          return !!(typeof obj == 'object' && obj);
+        } catch (e) {
+          return false;
+        }
+      }
+      return false;
+    },
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.acAdd {
+  height: 100%;
+}
+</style>
diff --git a/project/oms/apps/develop/AppAiCode/acList.vue b/project/oms/apps/develop/AppAiCode/acList.vue
new file mode 100644
index 00000000..3cbc89eb
--- /dev/null
+++ b/project/oms/apps/develop/AppAiCode/acList.vue
@@ -0,0 +1,90 @@
+<template>
+  <section class="acList">
+    <ai-list>
+      <ai-title slot="title" title="低代码生成平台" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="handleAdd()">添加</el-button>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="搜索应用" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作" fixed="right" align="center" width="300">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+              <el-button type="text" @click="top.handleGetCode(row.id)">下载</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "acList",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  inject: {
+    top: {}
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {label: "应用名称", prop: "name", width: 200},
+        {label: "应用模块", prop: "appName"},
+        {label: "权限码", prop: "rightCode"},
+        {label: "详情展示方式", prop: "detailType", dict: "detailType"},
+      ],
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/aicode/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleAdd(id) {
+      this.$router.push({hash: "#add", query: {id}})
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要删除该应用?").then(() => {
+        this.instance.post("/node/aicode/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.acList {
+}
+</style>
diff --git a/project/oms/apps/develop/AppAiCode/config.json b/project/oms/apps/develop/AppAiCode/config.json
new file mode 100644
index 00000000..5fa7995a
--- /dev/null
+++ b/project/oms/apps/develop/AppAiCode/config.json
@@ -0,0 +1,274 @@
+{
+  "config": [
+    {
+      "type": "info",
+      "tips": "（不能重复添加同一元素）",
+      "label": "信息",
+      "children": [
+        {
+          "type": "name",
+          "fieldName": "姓名",
+          "fieldTips": "请输入姓名",
+          "fixedLabel": "姓名",
+          "disable": "0",
+          "grid": 0.5,
+          "defaultValue": "",
+          "icon": "icontext_box",
+          "mustFill": "1",
+          "maxLength": 20
+        },
+        {
+          "type": "idNumber",
+          "fieldName": "身份证号",
+          "fixedLabel": "身份证号",
+          "fieldTips": "请输入身份证号",
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "maxLength": 20,
+          "disable": "0",
+          "grid": 0.5
+        },
+        {
+          "type": "phone",
+          "fieldName": "联系方式",
+          "fixedLabel": "联系方式",
+          "fieldTips": "请输入联系方式",
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "maxLength": 20,
+          "disable": "0",
+          "grid": 0.5
+        },
+        {
+          "type": "area",
+          "fieldName": "地区",
+          "fixedLabel": "地区",
+          "fieldTips": "请选择地区",
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "areaPattern": "",
+          "disable": "0",
+          "grid": 0.5
+        }
+      ]
+    },
+    {
+      "type": "options",
+      "tips": "（可重复添加）",
+      "label": "选项",
+      "children": [
+        {
+          "type": "radio",
+          "fieldName": "单选",
+          "fixedLabel": "单选",
+          "fieldTips": "请选择",
+          "grid": 0.5,
+          "icon": "iconradio",
+          "mustFill": "1",
+          "disable": "0",
+          "defaultValue": "",
+          "options": [
+            {
+              "label": "选项1",
+              "value": ""
+            },
+            {
+              "label": "选项2",
+              "value": ""
+            }
+          ],
+          "title": ""
+        },
+        {
+          "type": "checkbox",
+          "fieldName": "多选",
+          "fixedLabel": "多选",
+          "fieldTips": "请选择",
+          "icon": "iconcheck_box",
+          "mustFill": "1",
+          "grid": 0.5,
+          "disable": "0",
+          "defaultValue": [],
+          "options": [
+            {
+              "label": "选项1",
+              "value": ""
+            },
+            {
+              "label": "选项2",
+              "value": ""
+            }
+          ],
+          "title": ""
+        },
+        {
+          "type": "select",
+          "fieldName": "单下拉框",
+          "fixedLabel": "单下拉框",
+          "grid": 0.5,
+          "fieldTips": "请选择",
+          "icon": "iconSelect",
+          "mustFill": "1",
+          "defaultValue": "",
+          "disable": "0",
+          "options": [
+            {
+              "label": "选项1",
+              "value": ""
+            },
+            {
+              "label": "选项2",
+              "value": ""
+            }
+          ],
+          "title": ""
+        },
+        {
+          "type": "onOff",
+          "fieldName": "开关",
+          "fixedLabel": "开关",
+          "grid": 0.5,
+          "fieldTips": "请选择开关",
+          "icon": "iconSelect",
+          "mustFill": "1",
+          "defaultValue": "0",
+          "disable": "0",
+          "title": ""
+        },
+        {
+          "type": "date",
+          "fieldName": "日期",
+          "fixedLabel": "日期",
+          "grid": 0.5,
+          "datetimePattern": "yyyy-MM-dd",
+          "fieldTips": "请选择日期",
+          "icon": "iconSelect",
+          "mustFill": "1",
+          "disable": "0",
+          "title": ""
+        },
+        {
+          "type": "time",
+          "fieldName": "时间",
+          "fixedLabel": "时间",
+          "grid": 0.5,
+          "datetimePattern": "HH:mm:ss",
+          "fieldTips": "请选择时间",
+          "icon": "iconSelect",
+          "mustFill": "1",
+          "disable": "0",
+          "title": ""
+        },
+        {
+          "type": "datetime",
+          "fieldName": "日期时间",
+          "fixedLabel": "日期时间",
+          "grid": 0.5,
+          "datetimePattern": "yyyy-MM-dd HH:mm:ss",
+          "fieldTips": "请选择日期时间",
+          "icon": "iconSelect",
+          "mustFill": "1",
+          "disable": "0",
+          "title": ""
+        }
+      ]
+    },
+    {
+      "type": "input",
+      "tips": "（可重复添加）",
+      "label": "填空",
+      "children": [
+        {
+          "type": "input",
+          "fieldName": "单行填空",
+          "fieldTips": "请输入",
+          "fixedLabel": "单行填空",
+          "disable": "0",
+          "grid": 0.5,
+          "defaultValue": "",
+          "icon": "icontext_box",
+          "mustFill": "1",
+          "maxLength": 50
+        },
+        {
+          "type": "textarea",
+          "fieldName": "多行填空",
+          "fixedLabel": "多行填空",
+          "fieldTips": "请输入",
+          "lineNumber": 4,
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "maxLength": 500,
+          "disable": "0",
+          "grid": 1
+        },
+        {
+          "type": "number",
+          "fieldName": "数字输入",
+          "fixedLabel": "数字输入",
+          "fieldTips": "请输入数字",
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "maxValue": 10000,
+          "decimalPlaces": 0,
+          "minValue": 0,
+          "maxLength": 500,
+          "disable": "0",
+          "grid": 0.5
+        },
+        {
+          "type": "rtf",
+          "fieldName": "富文本",
+          "fixedLabel": "富文本",
+          "fieldTips": "请输入",
+          "defaultValue": "",
+          "icon": "icontext_area",
+          "mustFill": "1",
+          "maxLength": 5000,
+          "disable": "0",
+          "grid": 1
+        }
+      ]
+    },
+    {
+      "type": "annex",
+      "tips": "（可重复添加）",
+      "label": "附件",
+      "children": [
+        {
+          "type": "upload",
+          "fieldTips": "请上传",
+          "fieldName": "上传附件",
+          "fixedLabel": "上传附件",
+          "disable": "0",
+          "fileChoseSize": 10,
+          "fileMaxCount": 9,
+          "defaultValue": "",
+          "icon": "iconpic",
+          "mustFill": "1",
+          "grid": 1
+        }
+      ]
+    },
+    {
+      "type": "layout",
+      "tips": "（可重复添加）",
+      "label": "分组",
+      "children": [
+        {
+          "type": "group",
+          "fieldName": "卡片",
+          "fixedLabel": "卡片",
+          "icon": "iconpic",
+          "groupName": "分组标题",
+          "column": []
+        }
+      ]
+    }
+  ]
+}
diff --git a/project/oms/apps/develop/AppAiCode/detailLayout.vue b/project/oms/apps/develop/AppAiCode/detailLayout.vue
new file mode 100644
index 00000000..fab9c438
--- /dev/null
+++ b/project/oms/apps/develop/AppAiCode/detailLayout.vue
@@ -0,0 +1,1049 @@
+<template>
+  <div class="detailLayout">
+    <el-scrollbar class="left">
+      <div class="left-item" v-for="(component, index) in components" :key="index">
+        <div class="left-item__title">
+          <h2>{{ component.label }}</h2>
+          <span>{{ component.tips }}</span>
+        </div>
+        <div class="left-item__list">
+          <draggable
+              class="components-draggable"
+              :list="component.children"
+              :group="{ name: 'componentsGroup', pull: 'clone', put: false }"
+              :sort="false"
+              :move="onMove"
+              :clone="cloneComponent"
+              @end="onEnd">
+            <div class="left-item__item" v-for="(item, i) in component.children" :key="i" @click="clone(item)">
+              <i class="iconfont" :class="item.icon"></i>
+              <span>{{ item.fixedLabel }}</span>
+            </div>
+          </draggable>
+        </div>
+      </div>
+    </el-scrollbar>
+    <el-scrollbar class="middle">
+      <div class="middle-content">
+        <div class="middle-content__wrapper">
+          <el-form label-width="100px" label-position="right">
+            <draggable
+                class="middle-draggable"
+                style="height: 100%;"
+                :animation="340"
+                scroll
+                v-model="targetList"
+                element="div"
+                @end="onElEnd"
+                :sort="true">
+              <ai-card
+                  :class="[groupIndex === j && isGroup ? 'active' : '']"
+                  :data-index="j"
+                  @click.native.stop="groupIndex = j, activeIndex = -1, isGroup = true"
+                  :title="group.groupName" v-for="(group, j) in targetList"
+                  :key="j">
+                <template #content>
+                  <draggable
+                      class="ai-form"
+                      style="height: 100%;"
+                      v-model="group.column"
+                      :animation="340"
+                      scroll
+                      @end="onElEnd"
+                      element="div"
+                      filter=".components-filter"
+                      draggable=".components-item"
+                      group="componentsGroup"
+                      :sort="true">
+                    <div
+                        class="components-item"
+                        v-for="(item, i) in group.column"
+                        :style="{width: item.grid * 100 + '%'}"
+                        :class="{
+                        'components-filter': item.isInit,
+                        'active': groupIndex === j && activeIndex === i
+                      }"
+                        @click.stop="groupIndex = j, activeIndex = i, isGroup = false"
+                        :key="i">
+                      <div class="left-item__item--remove" title="删除字段" v-show="!item.isInit && groupIndex === j && activeIndex === i"
+                           @click.stop="removeItem(j, i)">
+                        <i class="iconfont iconDelete"></i>
+                        <span>删除字段</span>
+                      </div>
+                      <el-form-item style="width: 100%;" :label="item.fieldName" :rules="[{ required: item.mustFill === '1' }]">
+                        <template v-if="(item.type === 'textarea')">
+                          <el-input :disabled="item.disable === '1'" :rows="item.lineNumber" size="small" type="textarea" :placeholder="item.fieldTips"
+                                    v-model="item.defaultValue"></el-input>
+                        </template>
+                        <template v-if="(item.type === 'resident')">
+                          <el-input :disabled="item.disable === '1'" size="small" placeholder="请选择人员" v-model="item.defaultValue">
+                            <template slot="append">选择人员</template>
+                          </el-input>
+                        </template>
+                        <template v-if="(item.type === 'gird')">
+                          <el-input :disabled="item.disable === '1'" size="small" placeholder="请选择网格" v-model="item.defaultValue">
+                            <template slot="append">选择网格</template>
+                          </el-input>
+                        </template>
+                        <template v-if="item.type === 'radio'">
+                          <el-radio-group v-model="item.defaultValue" :disabled="item.disable === '1'">
+                            <el-radio :label="field.label" v-for="(field, index) in item.options" :key="index">{{ field.label }}</el-radio>
+                          </el-radio-group>
+                        </template>
+                        <template v-if="item.type === 'number'">
+                          <el-input-number v-model="item.defaultValue" :placeholder="item.fieldTips"></el-input-number>
+                        </template>
+                        <template v-if="item.type === 'rtf'">
+                          <ai-editor v-model="item.defaultValue" :placeholder="item.fieldTips" :instance="instance"/>
+                        </template>
+                        <template v-if="item.type === 'time'">
+                          <el-date-picker
+                              v-model="item.defaultValue"
+                              size="small"
+                              :placeholder="item.fieldTips">
+                          </el-date-picker>
+                        </template>
+                        <template v-if="item.type === 'date'">
+                          <el-date-picker
+                              v-model="item.defaultValue"
+                              size="small"
+                              :placeholder="item.fieldTips">
+                          </el-date-picker>
+                        </template>
+                        <template v-if="item.type === 'datetime'">
+                          <el-date-picker
+                              v-model="item.defaultValue"
+                              size="small"
+                              :placeholder="item.fieldTips">
+                          </el-date-picker>
+                        </template>
+                        <template v-if="item.type === 'onOff'">
+                          <el-switch active-value="1" inactive-value="0" v-model="item.defaultValue"></el-switch>
+                        </template>
+                        <template v-if="['input', 'phone', 'name', 'idNumber'].includes(item.type)">
+                          <el-input :disabled="item.disable === '1'" :maxlength="Number(item.maxLength)" size="small" :placeholder="item.fieldTips"
+                                    v-model="item.defaultValue"></el-input>
+                        </template>
+                        <template v-if="item.type === 'area'">
+                          <ai-area-get
+                              :instance="instance"
+                              always-show/>
+                        </template>
+                        <template v-if="item.type === 'select'">
+                          <el-select :disabled="item.disable === '1'" style="width: 100%;" size="small" :placeholder="item.fieldTips"
+                                     v-model="item.defaultValue">
+                            <el-option
+                                v-for="(filed, index) in item.options"
+                                :key="index"
+                                :label="filed.label"
+                                :value="filed.label">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <template v-if="item.type === 'checkbox'">
+                          <el-checkbox-group v-model="item.defaultValue" :disabled="item.disable === '1'">
+                            <el-checkbox :label="field.label" v-for="(field, index) in item.options" :key="index">{{ field.label }}</el-checkbox>
+                          </el-checkbox-group>
+                        </template>
+                        <template v-if="item.type === 'upload'">
+                          <div class="left-item__item--upload">
+                            <i class="iconfont iconAdd"></i>
+                            <span>添加附件</span>
+                          </div>
+                        </template>
+                      </el-form-item>
+                    </div>
+                  </draggable>
+                </template>
+              </ai-card>
+            </draggable>
+          </el-form>
+        </div>
+      </div>
+    </el-scrollbar>
+    <el-scrollbar class="right">
+      <div class="right-item" v-if="isGroup">
+        <div class="right-item__title no-solid">
+          <h2>分组名称</h2>
+        </div>
+        <div class="right-item__content">
+          <el-input placeholder="请输入分组名称" :maxlength="32" show-word-limit v-model="currTarget.groupName"></el-input>
+        </div>
+      </div>
+      <div class="layout-right__del" @click="removeGroup" v-if="isGroup && targetList.length > 1 && !currTarget.isInit">
+        <span>删除分组</span>
+      </div>
+      <template v-if="activeIndex > -1">
+        <div class="right-item">
+          <div class="right-item__title no-solid">
+            <h2>绑定字段</h2>
+          </div>
+          <div class="right-item__content">
+            <ai-select v-model="currTarget.prop" :selectList="propOps" @change="handleAutoFieldName"/>
+          </div>
+        </div>
+      </template>
+      <div class="right-item" v-if="['select', 'date', 'time', 'input', 'datetime', 'textarea', 'rtf'].includes(currTarget.type)">
+        <div class="right-item__title no-solid">
+          <h2>占位符</h2>
+        </div>
+        <div class="right-item__content">
+          <el-input placeholder="请输入占位符" :maxlength="32" show-word-limit v-model="currTarget.fieldTips"></el-input>
+        </div>
+      </div>
+      <div class="right-item right-item__select" v-if="['select', 'checkbox', 'radio'].includes(currTarget.type)">
+
+        <div class="right-item__title no-solid">
+          <h2>选项设置</h2>
+        </div>
+        <div class="right-item__select--wrapper">
+          <draggable
+              v-model="currTarget.options"
+              :animation="340"
+              group="select"
+              handle=".mover"
+              :sort="true">
+            <div class="select-item" v-for="(item, index) in currTarget.options" :key="index">
+              <i class="iconfont iconjdq_led_show mover"></i>
+              <el-input placeholder="请输入选项名" :maxlength="30" show-word-limit v-model="item.label"></el-input>
+              <i class="iconfont iconDelete" @click="removeOptions(index)"></i>
+            </div>
+          </draggable>
+        </div>
+        <el-button type="text" class="add-select" @click="addOptions">添加选项</el-button>
+      </div>
+      <div class="right-item__group" v-if="activeIndex > -1" key="radio">
+        <div class="right-item" v-if="['select', 'radio'].includes(currTarget.type)">
+          <div class="right-item__title">
+            <h2>默认值</h2>
+          </div>
+          <div class="right-item__content">
+            <el-select placeholder="请选择默认值" style="width: 100%;" clearable v-model="currTarget.defaultValue">
+              <el-option
+                  v-for="(filed, index) in currTarget.options"
+                  :key="index"
+                  :label="filed.label"
+                  :value="filed.label">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="right-item" v-if="['checkbox'].includes(currTarget.type)" key="checkbox">
+          <div class="right-item__title">
+            <h2>默认值</h2>
+          </div>
+          <div class="right-item__content">
+            <el-select placeholder="请选择默认值" style="width: 100%;" clearable collapse-tags :multiple="true" v-model="currTarget.defaultValue">
+              <el-option
+                  v-for="(filed, index) in currTarget.options"
+                  :key="index"
+                  :label="filed.label"
+                  :value="filed.label">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="right-item__group">
+          <div class="right-item" v-if="['onOff'].includes(currTarget.type)">
+            <div class="right-item__title">
+              <h2>默认值</h2>
+            </div>
+            <div class="right-item__content">
+              <el-switch v-model="currTarget.defaultValue" active-value="1" inactive-value="0" active-text="是" inactive-text="否"></el-switch>
+            </div>
+          </div>
+        </div>
+        <div class="right-item__group">
+          <div class="right-item" v-if="['number'].includes(currTarget.type)">
+            <div class="right-item__title">
+              <h2>默认值</h2>
+            </div>
+            <div class="right-item__content">
+              <el-input-number style="width: 100%;" v-model="currTarget.defaultValue" label="默认值"></el-input-number>
+            </div>
+          </div>
+        </div>
+        <div class="right-item__group">
+          <div class="right-item" v-if="['number'].includes(currTarget.type)">
+            <div class="right-item__title">
+              <h2>最大值</h2>
+            </div>
+            <div class="right-item__content">
+              <el-input-number style="width: 100%;" v-model="currTarget.maxValue" label="最大值"></el-input-number>
+            </div>
+          </div>
+        </div>
+        <div class="right-item__group">
+          <div class="right-item" v-if="['number'].includes(currTarget.type)">
+            <div class="right-item__title">
+              <h2>最小值</h2>
+            </div>
+            <div class="right-item__content">
+              <el-input-number style="width: 100%;" v-model="currTarget.minValue" label="最小值"></el-input-number>
+            </div>
+          </div>
+        </div>
+        <div class="right-item__group">
+          <div class="right-item" v-if="['number'].includes(currTarget.type)">
+            <div class="right-item__title">
+              <h2>小数精度</h2>
+            </div>
+            <div class="right-item__content">
+              <el-input-number style="width: 100%;" step-strictly :min="0" v-model="currTarget.decimalPlaces" label="小数精度"></el-input-number>
+            </div>
+          </div>
+        </div>
+        <div class="right-item" v-if="['input', 'textarea', 'phone'].includes(currTarget.type)">
+          <div class="right-item__title">
+            <h2>最多输入字符</h2>
+          </div>
+          <div class="right-item__content">
+            <el-input placeholder="字符个数" v-model="currTarget.maxLength">
+              <span slot="append">个</span>
+            </el-input>
+          </div>
+        </div>
+        <div class="right-item" v-if="['area'].includes(currTarget.type)">
+          <div class="right-item__title">
+            <h2>默认值</h2>
+          </div>
+          <div class="right-item__content">
+            <ai-area-get v-model="currTarget.defaultValue" :instance="instance" always-show></ai-area-get>
+          </div>
+        </div>
+        <div class="right-item" v-if="currTarget.type === 'upload'">
+          <div class="right-item__title">
+            <h2>文件大小（MB）</h2>
+          </div>
+          <div class="right-item__content">
+            <el-input-number style="width: 100%;" v-model="currTarget.fileChoseSize" :min="1" :max="40" label="文件大小"></el-input-number>
+          </div>
+        </div>
+        <div class="right-item" v-if="currTarget.type === 'upload'">
+          <div class="right-item__title">
+            <h2>最大上传数</h2>
+          </div>
+          <div class="right-item__content">
+            <el-input-number style="width: 100%;" step-strictly v-model="currTarget.fileMaxCount" :min="1" :max="20" label="最大上传数"></el-input-number>
+          </div>
+        </div>
+        <div class="right-item">
+          <div class="right-item__title">
+            <h2>是否整行显示</h2>
+            <el-switch v-model="currTarget.grid" :active-value="1" :inactive-value="0.5"></el-switch>
+          </div>
+        </div>
+        <div class="right-item" v-if="currTarget.type === 'textarea'">
+          <div class="right-item__title">
+            <h2>输入框行高</h2>
+          </div>
+          <div class="right-item__content">
+            <el-input-number style="width: 100%;" v-model="currTarget.lineNumber" :min="3" :max="10" label="输入框行高"></el-input-number>
+          </div>
+        </div>
+        <div class="right-item">
+          <div class="right-item__title no-solid">
+            <div class="right-item__title--left">
+              <h2>是否必填</h2>
+            </div>
+            <el-switch v-model="currTarget.mustFill" active-value="1" inactive-value="0"></el-switch>
+          </div>
+        </div>
+        <div class="right-item" v-if="currTarget.type !== 'rtf'">
+          <div class="right-item__title no-solid">
+            <div class="right-item__title--left">
+              <h2>是否禁用</h2>
+            </div>
+            <el-switch v-model="currTarget.disable" active-value="1" inactive-value="0"></el-switch>
+          </div>
+        </div>
+      </div>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+import options from './config'
+
+export default {
+  name: 'detailLayout',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    instance: Function,
+    dict: Object,
+    form: {default: () => ({})},
+    value: Array
+  },
+  components: {draggable},
+  data() {
+    let {config: components} = options
+    return {
+      isGroup: false,
+      components,
+      groupIndex: -1,
+      activeIndex: -1,
+      currTarget: {},
+      targetList: []
+    }
+  },
+  watch: {
+    activeIndex() {
+      if (this.activeIndex > -1 && this.groupIndex > -1 && !this.isGroup) {
+        const filed = this.targetList[this.groupIndex].column[this.activeIndex]
+        this.currTarget = filed
+        if (filed.type === 'checkbox' && !filed.defaultValue.length) {
+          setTimeout(() => {
+            this.$set(this.currTarget, 'defaultValue', [2])
+            this.$forceUpdate()
+            this.$set(this.currTarget, 'defaultValue', [])
+          }, 100)
+        }
+      } else if (this.groupIndex > -1 && this.isGroup) {
+        this.currTarget = this.targetList[this.groupIndex]
+      } else this.currTarget = {}
+    },
+    groupIndex() {
+      if (this.activeIndex > -1 && this.groupIndex > -1 && !this.isGroup) {
+        const filed = this.targetList[this.groupIndex].column[this.activeIndex]
+        this.currTarget = filed
+        this.$set(this.currTarget, 'defaultValue', filed.defaultValue)
+
+        if (filed.type === 'checkbox' && !filed.defaultValue.length) {
+          this.$nextTick(() => {
+            this.$set(this.currTarget, 'defaultValue', [])
+
+            this.$nextTick(() => {
+              this.$forceUpdate()
+            })
+          })
+        }
+      } else if (this.groupIndex > -1 && this.isGroup) {
+        this.currTarget = this.targetList[this.groupIndex]
+      } else this.currTarget = {}
+    },
+    targetList: {
+      deep: true,
+      handler(v) {
+        this.$emit('change', v)
+      }
+    }
+  },
+  computed: {
+    currComponentTitle() {
+      return '表单设置'
+    },
+    propOps: v => v.form.props?.map(e => ({dictValue: e.prop, dictName: e.label})),
+  },
+  methods: {
+    initValue() {
+      let unwatch = this.$watch('value', (v) => {
+        if (this.targetList.length > 0) unwatch && unwatch()
+        else if (!!v) {
+          this.targetList = this.$copy(v)
+          unwatch && unwatch()
+        }
+      }, {immediate: true})
+    },
+    removeItem(j, i) {
+      this.groupIndex = -1
+      this.activeIndex = -1
+      this.targetList[j].column.splice(i, 1)
+    },
+    removeGroup() {
+      if (this.targetList.length === 1) {
+        return this.$message.error('分组不能小于1')
+      }
+
+      this.targetList.splice(this.groupIndex, 1)
+      this.groupIndex = 0
+      this.isGroup = true
+      this.activeIndex = -1
+    },
+    isUnique(type) {
+      const list = this.components[0].children.map(v => v.type)
+      return list.indexOf(type) > -1
+    },
+    addOptions() {
+      const len = this.targetList[this.groupIndex].column[this.activeIndex].options.length
+      let label = `选项${len + 1}`
+
+      const index = this.targetList[this.groupIndex].column[this.activeIndex].options.findIndex(v => label === v.label)
+      if (index > -1) {
+        label = `新选项${len + 1}`
+      }
+
+      this.targetList[this.groupIndex].column[this.activeIndex].options.push({
+        label: label,
+        value: ''
+      })
+    },
+    removeOptions(index) {
+      const len = this.targetList[this.groupIndex].column[this.activeIndex].options.length
+
+      if (len === 2) {
+        return this.$message.error('选项不能少于2个')
+      }
+      this.targetList[this.groupIndex].column[this.activeIndex].options.splice(index, 1)
+    },
+    onEnd(e) {
+      const el = e.to.parentElement.parentElement
+      this.isGroup = false
+      this.activeIndex = e.newIndex
+      this.groupIndex = Number(el.getAttribute('data-index'))
+    },
+    onElEnd(e) {
+      if (this.isGroup) {
+        this.groupIndex = e.newIndex
+      } else {
+        this.activeIndex = e.newIndex
+      }
+    },
+    clone(e) {
+      if (e.type === 'group') {
+        this.targetList.push(JSON.parse(JSON.stringify(e)))
+
+        this.$nextTick(() => {
+          this.isGroup = true
+          this.groupIndex = this.targetList.length - 1
+          this.activeIndex = -1
+        })
+
+        return
+      }
+
+      const list = []
+      this.targetList.map(v => {
+        v.column.forEach(item => {
+          list.push(item.type)
+        })
+      })
+
+      if (list.indexOf(e.type) > -1 && ['name', 'idNumber', 'phone', 'area'].includes(e.type)) {
+        return this.$message.error('信息组件不能重复添加')
+      }
+
+      if (this.isGroup) {
+        this.targetList[this.groupIndex].column.push(JSON.parse(JSON.stringify(e)))
+      } else {
+        if (this.targetList[0]) this.targetList[0]?.column.push(JSON.parse(JSON.stringify(e)))
+        else return this.$message.error("请先添加分组!")
+      }
+
+      this.$nextTick(() => {
+        this.groupIndex = this.isGroup ? this.groupIndex : 0
+        this.activeIndex = this.targetList[0].column.length - 1
+      })
+    },
+    onMove(e) {
+      const el = e.draggedContext.element
+      if (el.type === 'group') {
+        return false
+      }
+      const list = []
+      this.targetList.map(v => {
+        v.column.forEach(item => {
+          list.push(item.type)
+        })
+      })
+      return !(list.indexOf(el.type) > -1 && ['name', 'idNumber', 'phone', 'area'].includes(el.type));
+    },
+    cloneComponent(e) {
+      if (e.type === 'group') {
+        this.targetList.push(JSON.parse(JSON.stringify(e)))
+
+        return
+      }
+      const list = []
+      this.targetList.map(v => {
+        v.column.forEach(item => {
+          list.push(item.type)
+        })
+      })
+      if (list.indexOf(e.type) > -1 && ['name', 'idNumber', 'phone', 'area'].includes(e.type)) {
+        this.$message.error('信息组件不能重复添加')
+      }
+      return JSON.parse(JSON.stringify(e))
+    },
+    handleAutoFieldName(v) {
+      this.currTarget.fieldName = this.propOps.find(e => e.dictValue == v)?.dictName || this.currTarget.fieldName
+    }
+  },
+  created() {
+    this.initValue()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.layout-right__del {
+  position: absolute;
+  bottom: 100px;
+  left: 0;
+  z-index: 11;
+  width: 100%;
+  padding: 0 16px;
+
+  span {
+    display: block;
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    border-radius: 6px;
+    color: #F46;
+    cursor: pointer;
+    border: 1px solid #F46;
+
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+}
+
+.detailLayout {
+  display: flex;
+
+  .ai-form .el-form-item {
+    margin-bottom: 0;
+  }
+
+  .right-item__maintitle {
+    height: 62px;
+    line-height: 62px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #EEEEEE;
+    color: #222222;
+
+    h2 {
+      font-size: 14px;
+    }
+  }
+
+  ::v-deep .ai-card {
+    cursor: move;
+
+    &.active {
+      background: #f6f7ff;
+    }
+  }
+
+  ::v-deep .ai-detail__content {
+    height: calc(100% - 52px) !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+  }
+
+  .ai-dialog__success {
+    ::v-deep .ai-dialog__content {
+      max-height: initial !important;
+    }
+  }
+
+  .middle-draggable {
+    // display: flex;
+    // justify-content: space-between;
+    // flex-wrap: wrap;
+    .left-item__item {
+      width: 50%;
+      min-height: 73px;
+    }
+
+    .el-date-editor.el-input {
+      width: 100%;
+    }
+
+    & > span {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 600px;
+      padding-bottom: 20px;
+    }
+
+    .components-item {
+      position: relative;
+      margin-bottom: 16px;
+      padding: 16px 16px;
+      cursor: move;
+
+      &::after {
+        position: absolute;
+        left: 0;
+        top: 0;
+        z-index: 1111;
+        width: 100%;
+        height: 100%;
+        content: ' ';
+      }
+
+      .left-item__item--remove {
+        display: flex;
+        position: absolute;
+        align-items: center;
+        justify-content: center;
+        right: 4px;
+        top: 4px;
+        z-index: 1113;
+        width: 84px;
+        height: 28px;
+        background: #FF4466;
+        border-radius: 2px;
+        cursor: pointer;
+        color: #fff;
+        font-size: 12px;
+
+        i {
+          margin-right: 6px;
+          font-size: 12px;
+
+          &:hover {
+            color: #fff;
+          }
+        }
+
+        &:hover {
+          opacity: 0.8;
+        }
+      }
+
+      &:hover {
+        background: #f6f7ff;
+      }
+
+      &.active {
+        background: #f6f7ff;
+      }
+
+      .left-item__item--upload {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        width: 120px;
+        height: 120px;
+        line-height: 1;
+        border-radius: 6px;
+        border: 1px dashed #bbb;
+
+        i {
+          font-size: 24px;
+          color: #8899bb;
+        }
+
+        span {
+          margin-top: 10px;
+          font-size: 12px;
+          color: #555;
+        }
+      }
+
+      .text-item {
+        input {
+          display: block;
+          width: 100%;
+          height: 40px;
+          border: none;
+          border-bottom: 1px solid #ddd;
+
+          &:focus {
+            outline: none;
+          }
+
+          &:disabled {
+            background: #fff;
+          }
+        }
+      }
+
+      .textarea-item {
+        textarea {
+          width: 100%;
+          height: 120px;
+          resize: none;
+          border: 1px solid #ddd;
+          padding: 10px;
+
+          &:focus {
+            outline: none;
+          }
+
+          &:disabled {
+            background: #fff;
+          }
+        }
+      }
+
+      .radio-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        label {
+          margin-left: 10px;
+        }
+
+        img {
+          margin-left: 10px;
+        }
+      }
+    }
+
+    .left-item__item--title {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+
+      i {
+        margin-right: 5px;
+        color: #E22120;
+      }
+
+      h2 {
+        color: #333333;
+        font-size: 15px;
+      }
+    }
+  }
+
+  .middle-content {
+    width: 96%;
+    margin: 0 auto;
+    padding: 0px 0 1px;
+
+    .middle-content__wrapper {
+      // min-height: 800px;
+      // background: #fff;
+
+      & > div {
+        &.active {
+          background: #f6f7ff;
+        }
+      }
+
+      .radio-item {
+        img {
+          width: 40px;
+          height: 40px;
+        }
+      }
+    }
+  }
+
+  div {
+    box-sizing: border-box;
+  }
+
+  .right-item__select--wrapper {
+    .select-item {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  ::v-deep .ai-detail__title {
+    margin: 0 !important;
+    margin-bottom: 4px !important;
+    padding: 0 20px;
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
+  }
+
+  ::v-deep .ai-detail__content--wrapper {
+    display: flex;
+    max-width: 100% !important;
+    height: 100% !important;
+    padding: 0 !important;
+    background: #F5F6F9;
+  }
+
+  .middle {
+    flex: 1;
+    height: 100%;
+
+    ::v-deep .el-scrollbar__view {
+      height: 100%;
+    }
+  }
+
+  .add-select {
+    height: auto;
+    line-height: 1;
+    margin: 10px 0 0 26px;
+    padding: 0;
+  }
+
+  .right-item__select--wrapper {
+    .select-item {
+      margin-bottom: 10px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      i {
+        margin-right: 8px;
+        color: #8c9dbd;
+      }
+
+      .mover {
+        cursor: move;
+      }
+
+      .iconDelete {
+        cursor: pointer;
+        margin-left: 10px;
+      }
+    }
+
+    ::v-deep .el-upload-list__item {
+      width: 40px !important;
+      height: 40px !important;
+      object-fit: cover;
+    }
+
+    .config-item__select {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 40px;
+      height: 40px;
+      border: 1px solid #D0D4DC;
+
+      &:hover {
+        opacity: 0.7;
+      }
+
+      i {
+        font-size: 18px;
+      }
+    }
+  }
+
+  .right {
+    width: 320px;
+    height: 100%;
+    overflow: hidden;
+    background: #FFFFFF;
+
+    .el-checkbox {
+      display: block;
+      margin-bottom: 10px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .right-item {
+      margin: 20px 0;
+      padding: 0 20px;
+
+      .right-item__tips {
+        margin-top: 10px;
+        color: #888888;
+        font-size: 12px;
+      }
+    }
+
+    .right-item__title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 10px;
+
+      .right-item__title--left {
+        display: flex;
+        align-items: center;
+
+        i {
+          color: #888888;
+          font-size: 12px;
+          font-style: normal;
+        }
+      }
+
+      h2 {
+        color: #222222;
+        font-size: 14px;
+      }
+    }
+  }
+
+  .left {
+    width: 280px;
+    height: 100%;
+    overflow: hidden;
+    background: #FFFFFF;
+
+    .left-item {
+      padding: 0 20px;
+
+      &:last-child {
+        padding-bottom: 20px;
+      }
+
+      .left-item__title {
+        display: flex;
+        align-items: baseline;
+        margin-bottom: 20px;
+
+        h2 {
+          color: #222222;
+          font-size: 14px;
+          font-weight: 700;
+        }
+
+        span {
+          color: #888888;
+          font-size: 12px;
+        }
+      }
+    }
+
+    .left-item {
+      margin-top: 20px;
+    }
+  }
+}
+
+.left-item__item {
+  display: flex;
+  align-items: center;
+  height: 40px;
+  margin-bottom: 10px;
+  width: 100%;
+  padding: 0 13px;
+  background: #FFFFFF;
+  border-radius: 2px;
+  color: #222222;
+  font-size: 12px;
+  border: 1px solid #E4E8EF;
+  cursor: move;
+
+  &:hover {
+    border: 1px dashed #2367ff;
+    color: #2367ff;
+
+    i {
+      color: #2367ff;
+    }
+  }
+
+  i {
+    margin-right: 13px;
+    font-size: 14px;
+    color: #8899BB;
+  }
+
+  &:last-child {
+    margin-bottom: 0px;
+  }
+}
+</style>
diff --git a/project/oms/apps/AppDeploy/AppDeploy.vue b/project/oms/apps/develop/AppDeploy/AppDeploy.vue
similarity index 62%
rename from project/oms/apps/AppDeploy/AppDeploy.vue
rename to project/oms/apps/develop/AppDeploy/AppDeploy.vue
index 89524868..fbaa6cb2 100644
--- a/project/oms/apps/AppDeploy/AppDeploy.vue
+++ b/project/oms/apps/develop/AppDeploy/AppDeploy.vue
@@ -14,6 +14,14 @@
         </ai-search-bar>
         <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
                   @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column type="expand" slot="expand">
+            <template slot-scope="{row}">
+              <ai-wrapper>
+                <ai-info-item labelWidth="200px" v-for="op in desConfigs" :key="op.prop" :value="row[op.prop]"
+                              v-bind="op"/>
+              </ai-wrapper>
+            </template>
+          </el-table-column>
           <el-table-column slot="process" label="打包进度">
             <template slot-scope="{row}">
               <span v-if="row.count==0" v-text="getProcessMsg(row)"/>
@@ -24,28 +32,40 @@
             <template slot-scope="{row}">
               <el-button type="text" @click="handleEdit(row)">编辑</el-button>
               <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
-              <el-button type="text" @click="handleZip(row)">打包</el-button>
-              <el-button type="text" v-if="row.download" @click="handleDownload(row)">下载</el-button>
-              <el-button v-if="row.target" type="text" @click="handleUpdateSystem(row)">更新部署</el-button>
+              <el-button type="text" @click="handleZip(row)" v-if="row.count==0">打包更新</el-button>
+              <el-button type="text" @click="handleCancelZip(row)" v-else>停止打包</el-button>
+              <el-button type="text" v-if="row.target" @click="handleDownload(row)">下载</el-button>
             </template>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
-    <ai-dialog :visible.sync="dialog" title="部署任务设置" width="600px" @close="form={}" @onConfirm="submit">
+    <ai-dialog :visible.sync="dialog" title="部署任务设置" width="700px" @close="form={}" @onConfirm="submit">
       <el-form ref="DialogForm" :model="form" size="small" label-width="100px" :rules="rules">
         <el-form-item label="项目/系统" prop="name">
           <el-input v-model="form.name" clearable placeholder="请输入"/>
         </el-form-item>
-        <el-form-item label="git" prop="git">
-          <el-input v-model="form.git" clearable placeholder="请输入"/>
+        <el-form-item label="系统类型" prop="type">
+          <ai-select v-model="form.type" :selectList="dict.getDict('systemType')"/>
         </el-form-item>
-        <el-form-item label="git分支" prop="branch">
-          <el-input v-model="form.branch" clearable placeholder="请输入"/>
+        <el-form-item label="打包脚本" prop="libShell">
+          <el-input v-model="form.libShell" clearable placeholder="请输入"/>
         </el-form-item>
-        <el-form-item label="开发环境nginx" prop="target">
+        <el-form-item label="更新脚本" prop="updateShell">
+          <el-input v-model="form.updateShell" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="项目URL" prop="webUrl">
+          <el-input v-model="form.webUrl" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="打包地址" prop="webUrl">
+          <el-input v-model="form.zipPath" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="nginx路径" prop="target">
           <el-input v-model="form.target" clearable placeholder="请输入"/>
         </el-form-item>
+        <el-form-item label="node版本" prop="nodeVersion">
+          <el-input v-model="form.nodeVersion" clearable placeholder="请输入"/>
+        </el-form-item>
       </el-form>
     </ai-dialog>
   </section>
@@ -63,7 +83,18 @@ export default {
     permissions: Function
   },
   computed: {
-    ...mapState(['user'])
+    ...mapState(['user']),
+    desConfigs() {
+      let isLine = true
+      return [
+        {prop: "libShell", label: "打包脚本", width: 100},
+        {prop: "updateShell", label: "更新脚本", width: 100},
+        {prop: "zipPath", label: "打包地址", width: 100, isLine},
+        {prop: "target", label: "nginx路径", width: 100, isLine},
+        {prop: "webUrl", label: "项目URL", width: 100},
+        {prop: "nodeVersion", label: "node打包版本", width: 100},
+      ]
+    },
   },
   data() {
     return {
@@ -71,10 +102,10 @@ export default {
       page: {current: 1, size: 10, total: 0},
       tableData: [],
       colConfigs: [
+        {slot: "expand"},
         {label: "项目/系统名称", prop: "name", width: 200},
-        {label: "git", render: (h, {row}) => h('p', {class: "textRight"}, row.git)},
-        {label: "git分支", prop: "branch", width: 140},
-        {label: "开发环境nginx", prop: "target"},
+        {label: "系统类型", prop: "type", dict: "systemType", width: 80},
+        {label: "nginx路径", prop: "target"},
         {slot: "process"},
         {slot: "options"}
       ],
@@ -82,9 +113,8 @@ export default {
       form: {},
       rules: {
         name: {required: true, message: "请输入项目/系统名称"},
-        git: {required: true, message: "请输入git"},
-        branch: {required: true, message: "请输入 git分支"},
-      }
+      },
+      timer: {}
     }
   },
   methods: {
@@ -119,25 +149,28 @@ export default {
       })
     },
     handleZip(row) {
-      let {id} = row
+      let {id} = row, {timer} = this
       this.instance.post("/node/autodeploy/getZip", null, {
         params: {id}
       }).then(res => {
         if (res?.code == 0) {
           row.count = 1
-          let timer = setInterval(() => {
+          timer[id] = setInterval(() => {
             if (row.count >= 100) {
-              clearInterval(timer)
+              clearInterval(timer[id])
+              row.count = 0
               this.$message.error("打包失败!")
+            } else if (row.count <= 10 && row.target) {
+              row.count++
             } else this.handleConfirmZip(row).then(v => {
               if (v.error) {
-                clearInterval(timer)
+                clearInterval(timer[id])
                 this.$message.error("打包失败!")
-                row.error = v.error
+                this.refreshRow(row, v)
                 row.count = 0
               } else if (v.download) {
-                clearInterval(timer)
-                row.download = v.download
+                clearInterval(timer[id])
+                this.refreshRow(row, v)
                 row.count = 0
               } else row.count++
             })
@@ -145,13 +178,20 @@ export default {
         }
       })
     },
-    handleUpdateSystem(row) {
+    refreshRow(row, v) {
+      row.error = v.error
+      row.download = v.download
+      row.zipTime = v.zipTime
+    },
+    handleCancelZip(row) {
       let {id} = row
-      return this.instance.post("/node/autodeploy/updateSystem", null, {
+      return this.instance.post("/node/autodeploy/cancelZip", null, {
         params: {id}
       }).then(res => {
         if (res?.code == 0) {
-
+          clearInterval(this.timer[id])
+          row.count = 0
+          this.handleConfirmZip(row).then(v => this.refreshRow(row, v))
         }
       })
     },
@@ -193,11 +233,17 @@ export default {
       })
     },
     getProcessMsg(row) {
-      return row.error || (row.download ? `最近打包时间:${row.download}` : `暂无打包`)
+      let time = row.zipTime ? this.$moment(row.download).diff(row.zipTime, 's', true) : ""
+      return row.error || (row.download ? `最近打包时间:${row.download}(用时:${time}秒)` :
+          row.zipTime ? `正在打包,开始于:${row.zipTime}` : `暂无打包`)
     }
   },
   created() {
+    this.dict.load("systemType")
     this.getTableData()
+  },
+  beforeDestroy() {
+    Object.values(this.timer).map(t => clearInterval(t))
   }
 }
 </script>
diff --git a/project/oms/apps/develop/AppDeployCustom/AiLibTable.vue b/project/oms/apps/develop/AppDeployCustom/AiLibTable.vue
new file mode 100644
index 00000000..e3596f2d
--- /dev/null
+++ b/project/oms/apps/develop/AppDeployCustom/AiLibTable.vue
@@ -0,0 +1,114 @@
+<template>
+  <section class="AiLibTable">
+    <ai-search-bar>
+      <template v-if="$scopedSlots.left" #left>
+        <slot name="left"/>
+      </template>
+      <template #right>
+        <slot v-if="$scopedSlots.right" name="right"/>
+        <el-input v-else placeholder="搜索应用名称" size="small" v-model="search[searchKey]" @change="page.current=1,getTableData()" clearable/>
+      </template>
+    </ai-search-bar>
+    <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :colConfigs="columns"
+              :size.sync="page.size" border @getList="getTableData" tableSize="mini" height="430px">
+      <el-table-column slot="chb" width="100px">
+        <template slot-scope="{row}">
+          <el-checkbox v-model="row.checked" @change="handleCheck(row)"/>
+        </template>
+      </el-table-column>
+    </ai-table>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiLibTable",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: null},
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    action: {default: "/node/wechatapps/list"},
+    colConfigs: {
+      default: () => [
+        {prop: 'label', label: "应用名称"},
+        {prop: 'project', label: "项目/框架"},
+        {prop: 'name', label: "模块名"},
+      ]
+    },
+    nodeKey: {default: "id"},
+    searchKey: {default: "name"},
+    multiple: Boolean
+  },
+  data() {
+    return {
+      page: {total: 0, current: 1, size: 10},
+      search: {},
+      tableData: [],
+    }
+  },
+  computed: {
+    columns() {
+      return [
+        {slot: "chb"}, ...this.colConfigs
+      ]
+    },
+    selected() {
+      return [this.value].flat().filter(e => !!e) || []
+    }
+  },
+  watch: {
+    action(v) {
+      v && (this.page.current = 1, this.getTableData())
+    },
+  },
+  methods: {
+    getTableData() {
+      let {page, search, action, nodeKey} = this
+      this.instance?.post(action, null, {
+        params: {...page, ...search}
+      }).then(res => {
+        if (res?.data) {
+          const list = res.data.records || res.data || []
+          list.map(e => {
+            if (/\/project\//.test(e.libPath)) {
+              e.project = e.libPath.replace(/.*project\/([^\/]+)\/.+/, '$1')
+            } else if (/\/core\//.test(e.libPath)) {
+              e.project = "core"
+            } else e.project = "standard"
+          })
+          this.tableData = list.map(e => ({...e, checked: this.selected.includes(e[nodeKey])}))
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleCheck(row) {
+      const {nodeKey} = this
+      if (this.multiple) {
+        let selected = this.$copy(this.selected)
+        if (row.checked) {
+          selected.push(row[nodeKey])
+        } else {
+          selected = selected.filter(e => e != row[nodeKey])
+        }
+        this.$emit("change", selected)
+      } else {
+        this.$emit("change", row.checked ? row[nodeKey] : '')
+      }
+    }
+  },
+  created() {
+    this.$set(this.search, this.searchKey, "")
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiLibTable {
+}
+</style>
diff --git a/project/oms/apps/develop/AppDeployCustom/AppDeployCustom.vue b/project/oms/apps/develop/AppDeployCustom/AppDeployCustom.vue
new file mode 100644
index 00000000..82a740b2
--- /dev/null
+++ b/project/oms/apps/develop/AppDeployCustom/AppDeployCustom.vue
@@ -0,0 +1,36 @@
+<template>
+  <section class="AppDeployCustom">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+import List from "./list";
+import Add from "./add";
+
+export default {
+  name: "AppDeployCustom",
+  components: {Add, List},
+  label: "定制项目",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      let {hash} = this.$route
+      return hash == "#add" ? Add : List
+    }
+  },
+  created() {
+    this.dict.load('yesOrNo','systemType')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppDeployCustom {
+  height: 100%;
+}
+</style>
diff --git a/project/oms/apps/develop/AppDeployCustom/add.vue b/project/oms/apps/develop/AppDeployCustom/add.vue
new file mode 100644
index 00000000..d2a3427a
--- /dev/null
+++ b/project/oms/apps/develop/AppDeployCustom/add.vue
@@ -0,0 +1,116 @@
+<template>
+  <section class="add">
+    <ai-detail>
+      <ai-title slot="title" :title="pageTitle" isShowBottomBorder/>
+      <template #content>
+        <el-form ref="AddForm" :model="form" size="small" label-width="120px" :rules="rules">
+          <ai-card title="基本信息">
+            <template #content>
+              <el-form-item label="项目/系统名称" prop="name">
+                <el-input v-model="form.name" placeholder="请输入" clearable/>
+              </el-form-item>
+              <el-row type="flex">
+                <div class="fill">
+                  <el-form-item label="系统类型" prop="type">
+                    <ai-select v-model="form.type" :selectList="dict.getDict('systemType')"/>
+                  </el-form-item>
+                  <el-form-item label="更新项目路径" prop="dist">
+                    <el-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取" clearable/>
+                  </el-form-item>
+                </div>
+                <div class="fill mar-l16">
+                  <el-form-item label="库项目根路径" prop="customPath">
+                    <el-input v-model="form.customPath" placeholder="请输入" clearable/>
+                  </el-form-item>
+                  <el-form-item label="版本号" prop="version">
+                    <el-input v-model="form.version" placeholder="请输入" clearable/>
+                  </el-form-item>
+                </div>
+              </el-row>
+            </template>
+          </ai-card>
+          <ai-card title="主库应用">
+            <template #content>
+              <ai-lib-table v-if="form.type" v-model="form.apps" v-bind="$props" multiple searchKey="name"
+                            :action="`/node/wechatapps/list?type=${form.type}&isMain=1`"/>
+              <ai-empty v-else>请先选择系统类型</ai-empty>
+            </template>
+          </ai-card>
+        </el-form>
+      </template>
+      <template #footer>
+        <el-button @click="back">取消</el-button>
+        <el-button type="primary" @click="submit">提交</el-button>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import AiLibTable from "./AiLibTable";
+
+export default {
+  name: "add",
+  components: {AiLibTable},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    isEdit: v => !!v.$route.query.id,
+    pageTitle: v => v.isEdit ? "编辑定制项目" : "新增定制项目",
+  },
+  data() {
+    return {
+      form: {apps: []},
+      rules: {
+        name: {required: true, message: "请输入"},
+        type: {required: true, message: "请选择"},
+        customPath: {required: true, message: "请输入"},
+      },
+      mainLibApps: [],
+    }
+  },
+  methods: {
+    getDetail() {
+      let {id} = this.$route.query
+      id && this.instance.post("/node/custom/detail", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.form = res.data
+        }
+      })
+    },
+    back() {
+      this.$router.push({})
+    },
+    submit() {
+      this.$refs.AddForm.validate(v => {
+        if (v) {
+          this.instance.post("/node/custom/addOrUpdate", this.form).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("提交成功!")
+              this.back()
+            }
+          })
+        }
+      })
+    },
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  height: 100%;
+
+  .mar-l16 {
+    margin-left: 16px;
+  }
+}
+</style>
diff --git a/project/oms/apps/develop/AppDeployCustom/list.vue b/project/oms/apps/develop/AppDeployCustom/list.vue
new file mode 100644
index 00000000..26949980
--- /dev/null
+++ b/project/oms/apps/develop/AppDeployCustom/list.vue
@@ -0,0 +1,180 @@
+<template>
+  <section class="list">
+    <ai-list>
+      <ai-title slot="title" title="定制项目" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="handleAdd()">添加</el-button>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="搜索" v-model="search.name" clearable @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column label="打包进度" slot="process">
+            <template slot-scope="{row}">
+              <span v-if="row.count==0" v-text="getProcessMsg(row)"/>
+              <el-progress v-else :percentage="row.count"/>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" fixed="right" align="center" width="300">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="handleUpdate(row)" v-if="row.count==0">打包更新</el-button>
+              <el-button type="text" @click="handleCancelUpdate(row)" v-else>停止</el-button>
+              <el-button type="text" @click="handleDownload(row)" v-if="row.dist">下载</el-button>
+              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "list",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {prop: "name", label: "项目/系统名称", width: 200},
+        {prop: "type", label: "系统类型", dict: 'systemType', width: 120},
+        {prop: "version", label: "版本号", width: 120},
+        {prop: "customPath", label: "库项目根路径", width: 120},
+        {prop: "dist", label: "更新路径"},
+        {slot: 'process'},
+      ],
+      timer: {}
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/custom/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records.map(e => ({...e, count: 0}))
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleAdd(id) {
+      this.$router.push({hash: "#add", query: {id}})
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要删除?").then(() => {
+        this.instance.post("/node/custom/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    },
+    handleDownload(row) {
+      let {id} = row
+      this.instance.post("/node/custom/download", null, {
+        params: {id},
+        responseType: "blob"
+      }).then(res => {
+        if (res?.code == 1) {
+          this.$message.error(res.err)
+        } else {
+          const link = document.createElement('a')
+          let blob = new Blob([res], {type: 'application/zip'})
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          link.setAttribute('download', row.name + '.zip')
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link)
+        }
+      })
+    },
+    handleUpdate(row) {
+      let {id} = row, {timer} = this
+      this.instance.post("/node/custom/getZip", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.code == 0) {
+          row.count = 1
+          timer[id] = setInterval(() => {
+            if (row.count >= 100) {
+              clearInterval(timer[id])
+              row.count = 0
+              this.$message.error("打包失败!")
+            } else if (row.count % 2 == 0 && row.target) {
+              row.count++
+            } else this.getRowById(row).then(v => {
+              if (v.error) {
+                clearInterval(timer[id])
+                this.$message.error("打包失败!")
+                this.refreshRow(row, v)
+                row.count = 0
+              } else if (v.download) {
+                clearInterval(timer[id])
+                this.refreshRow(row, v)
+                row.count = 0
+              } else row.count++
+            })
+          }, 6000)
+        }
+      })
+    },
+    refreshRow(row, v) {
+      row.error = v.error
+      row.download = v.download
+      row.zipTime = v.zipTime
+    },
+    getProcessMsg(row) {
+      let time = row.zipTime ? this.$moment(row.download).diff(row.zipTime, 's', true) : ""
+      return row.error || (row.download ? `最近打包时间:${row.download}(用时:${time}秒)` :
+          row.zipTime ? `正在打包,开始于:${row.zipTime}` : `暂无打包`)
+    },
+    handleCancelUpdate(row) {
+      let {id} = row
+      return this.instance.post("/node/custom/cancelZip", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.code == 0) {
+          clearInterval(this.timer[id])
+          row.count = 0
+          this.getRowById(row).then(v => this.refreshRow(row, v))
+        }
+      })
+    },
+    getRowById(id) {
+      return this.instance.post("/node/custom/detail", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) return res.data
+      })
+    }
+  },
+  created() {
+    this.getTableData()
+  },
+  beforeDestroy() {
+    Object.values(this.timer).map(t => clearInterval(t))
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.list {
+  height: 100%;
+}
+</style>
diff --git a/project/oms/apps/develop/AppDeployWxmp/AppDeployWxmp.vue b/project/oms/apps/develop/AppDeployWxmp/AppDeployWxmp.vue
new file mode 100644
index 00000000..376b9666
--- /dev/null
+++ b/project/oms/apps/develop/AppDeployWxmp/AppDeployWxmp.vue
@@ -0,0 +1,236 @@
+<template>
+  <section class="AppDeployWxmp">
+    <ai-list>
+      <ai-title slot="title" title="小程序部署发布" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <!--          <template #left>-->
+          <!--            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">增加</el-button>-->
+          <!--          </template>-->
+          <template #right>
+            <el-input size="small" placeholder="搜索项目/系统/appId/上传版本" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column type="expand" slot="expand">
+            <template slot-scope="{row}">
+              <ai-wrapper>
+                <ai-info-item labelWidth="200px" v-for="op in desConfigs" :key="op.prop" :value="row[op.prop]"
+                              v-bind="op"/>
+              </ai-wrapper>
+            </template>
+          </el-table-column>
+          <el-table-column slot="process" label="打包进度">
+            <template slot-scope="{row}">
+              <span v-if="row.count==0" v-text="getProcessMsg(row)"/>
+              <el-progress v-else :percentage="row.count"/>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" fixed="right" align="center" width="300">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+              <el-button type="text" @click="handleZip(row)">打包</el-button>
+              <el-button type="text" v-if="/^打包时间/.test(row.error)" @click="handleDownload(row)">下载</el-button>
+              <el-button v-if="row.target" type="text" @click="handleUpdateSystem(row)">更新部署</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog :visible.sync="dialog" title="部署设置" width="600px" @close="form={}" @onConfirm="submit">
+      <el-form ref="DialogForm" :model="form" size="small" label-width="120px" :rules="rules">
+        <el-form-item label="项目/系统" prop="name">
+          {{ form.name }}(appid:<b v-text="form.miniapp_appid"/>)
+        </el-form-item>
+        <el-form-item label="小程序上传私钥" prop="privateKey">
+          <el-input v-model="form.privateKey" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="项目地址" prop="projectPath">
+          <el-input v-model="form.projectPath" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="版本号" prop="version">
+          <el-input v-model="form.version" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="npm构建脚本" prop="npmScript">
+          <el-input v-model="form.npmScript" clearable placeholder="请输入"/>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppDeployWxmp",
+  label: "小程序发布",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    ...mapState(['user']),
+    desConfigs() {
+      let isLine = true
+      return [
+        {prop: "corp_address_book_secret", label: "企业微信通讯录SECRET", width: 200},
+        {prop: "corp_agent_id", label: "企业微信AGENTID", width: 150},
+        {prop: "corp_secret", label: "企业微信SECRET", isLine},
+        {prop: "corp_token", label: "企业微信TOKEN", width: 150},
+        {prop: "corp_aeskey", label: "企业微信AESKEY", width: 150},
+        {prop: "miniapp_secret", label: "小程序SECRET", width: 150},
+        {prop: "area_id", label: "地区编码", width: 150, isLine},
+        {prop: "lat", label: "纬度", width: 100},
+        {prop: "lng", label: "经度", width: 100},
+        {prop: "address", label: "中心点", width: 100, isLine},
+        {prop: "web_url", label: "管理端地址", width: 100},
+        {prop: "dvcp_url", label: "企微端地址", width: 100},
+      ]
+    },
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {slot: "expand"},
+        {label: "项目/系统名称", prop: "name", width: 300},
+        {label: "corpId", prop: "corp_id", width: 180},
+        {label: "管理后台", prop: "web_url"},
+        {label: "appId", prop: "miniapp_appid", width: 180},
+        {label: "上传版本", prop: "version"},
+        {slot: "process"},
+        {slot: "options"}
+      ],
+      dialog: false,
+      form: {},
+      rules: {
+        // privateKey: {required: true, message: "请输入 小程序上传私钥"},
+        // projectPath: {required: true, message: "请输入 项目地址"},
+        version: {required: true, message: "请输入 版本号"},
+      }
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/wxmp/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records.map(e => ({...e, count: 0}))
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleDownload(row) {
+      let {appid, pid} = row
+      this.instance.post("/node/wxmp/download", null, {
+        params: {appid, pid},
+        responseType: "blob"
+      }).then(res => {
+        if (res?.code == 1) {
+          this.$message.error(res.err)
+        } else {
+          const link = document.createElement('a')
+          let blob = new Blob([res], {type: 'application/zip'})
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          link.setAttribute('download', row.name + '.zip')
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link)
+        }
+      })
+    },
+    handleZip(row) {
+      let {miniapp_appid: appid, version, id} = row
+      if (!version) return this.$message.error("请先维护要上传的版本!")
+      appid && this.instance.post("/node/wxmp/getZip", null, {
+        params: {appid, id}
+      }).then(res => {
+        if (res?.code == 0) {
+          row.count = 1
+          let timer = setInterval(() => {
+            if (row.count >= 100) {
+              clearInterval(timer)
+              this.$message.error("打包失败!")
+            } else if (row.count <= 25) {
+              row.count++
+            } else this.handleConfirmZip(row).then(v => {
+              if (v.error) {
+                clearInterval(timer)
+                row.error = v.error
+                row.count = 0
+              } else row.count++
+            })
+          }, 3000)
+        }
+      }).catch(() => this.$message.error("打包失败!"))
+    },
+    handleUpdateSystem(row) {
+      let {appid} = row
+      return this.instance.post("/node/wxmp/updateSystem", null, {
+        params: {appid}
+      }).then(res => {
+        if (res?.code == 0) {
+
+        }
+      })
+    },
+    handleEdit(row) {
+      this.form = JSON.parse(JSON.stringify(row))
+      this.dialog = true
+    },
+    submit() {
+      this.$refs.DialogForm.validate(v => {
+        if (v) {
+          this.instance.post("/node/wxmp/addOrUpdate", this.form).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("提交成功")
+              this.getTableData()
+              this.dialog = false
+            }
+          })
+        }
+      })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要删除该项目/系统?").then(() => {
+        this.instance.post("/node/autodeploy/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    },
+    handleConfirmZip(row) {
+      let {appid, pid} = row
+      return this.instance.post("/node/wxmp/confirmZip", null, {
+        params: {appid, pid}
+      }).then(res => {
+        if (res?.code == 0) return res.data
+      })
+    },
+    getProcessMsg(row) {
+      return row.error || `暂无打包`
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppDeployWxmp {
+  height: 100%;
+}
+</style>
diff --git a/packages/work/AppForm/AppForm.vue b/project/oms/apps/develop/AppForm/AppForm.vue
similarity index 94%
rename from packages/work/AppForm/AppForm.vue
rename to project/oms/apps/develop/AppForm/AppForm.vue
index b9059e59..9af50c4b 100644
--- a/packages/work/AppForm/AppForm.vue
+++ b/project/oms/apps/develop/AppForm/AppForm.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="doc-circulation">
     <keep-alive :include="['List']">
-      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
+      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"/>
     </keep-alive>
   </div>
 </template>
diff --git a/packages/work/AppForm/components/Add.vue b/project/oms/apps/develop/AppForm/components/Add.vue
similarity index 100%
rename from packages/work/AppForm/components/Add.vue
rename to project/oms/apps/develop/AppForm/components/Add.vue
diff --git a/packages/work/AppForm/components/BasicInfo.vue b/project/oms/apps/develop/AppForm/components/BasicInfo.vue
similarity index 100%
rename from packages/work/AppForm/components/BasicInfo.vue
rename to project/oms/apps/develop/AppForm/components/BasicInfo.vue
diff --git a/packages/work/AppForm/components/FormConfig.vue b/project/oms/apps/develop/AppForm/components/FormConfig.vue
similarity index 100%
rename from packages/work/AppForm/components/FormConfig.vue
rename to project/oms/apps/develop/AppForm/components/FormConfig.vue
diff --git a/packages/work/AppForm/components/FormLayout.vue b/project/oms/apps/develop/AppForm/components/FormLayout.vue
similarity index 100%
rename from packages/work/AppForm/components/FormLayout.vue
rename to project/oms/apps/develop/AppForm/components/FormLayout.vue
diff --git a/packages/work/AppForm/components/List.vue b/project/oms/apps/develop/AppForm/components/List.vue
similarity index 100%
rename from packages/work/AppForm/components/List.vue
rename to project/oms/apps/develop/AppForm/components/List.vue
diff --git a/packages/work/AppForm/components/config.js b/project/oms/apps/develop/AppForm/components/config.js
similarity index 100%
rename from packages/work/AppForm/components/config.js
rename to project/oms/apps/develop/AppForm/components/config.js
diff --git a/project/oms/apps/develop/AppWebApps/AppWebApps.vue b/project/oms/apps/develop/AppWebApps/AppWebApps.vue
new file mode 100644
index 00000000..21dce3ed
--- /dev/null
+++ b/project/oms/apps/develop/AppWebApps/AppWebApps.vue
@@ -0,0 +1,66 @@
+<template>
+  <section class="AppWebApps">
+    <ai-list>
+      <ai-title slot="title" title="web产品库" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #right>
+            <el-input size="small" placeholder="搜索应用" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict"/>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppWebApps",
+  label: "web产品库",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    ...mapState(['user'])
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {label: "应用名称", prop: "label", width: 200},
+        {label: "应用模块名", prop: "name", width: 200},
+        {label: "产品库目录", prop: "libPath"},
+      ]
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/wechatapps/list", null, {
+        params: {...this.page, ...this.search,type:'web'}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records.map(e => ({...e, count: 0}))
+          this.page.total = res.data.total
+        }
+      })
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppWebApps {
+}
+</style>
diff --git a/project/oms/apps/develop/AppWechatApps/AppWechatApps.vue b/project/oms/apps/develop/AppWechatApps/AppWechatApps.vue
new file mode 100644
index 00000000..e744baea
--- /dev/null
+++ b/project/oms/apps/develop/AppWechatApps/AppWechatApps.vue
@@ -0,0 +1,67 @@
+<template>
+  <section class="AppWechatApps">
+    <ai-list>
+      <ai-title slot="title" title="小程序产品库" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #right>
+            <el-input size="small" placeholder="搜索应用" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict"/>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppWechatApps",
+  label: "小程序产品库",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    ...mapState(['user'])
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {label: "应用名称", prop: "label", width: 200},
+        {label: "应用模块名", prop: "name", width: 200},
+        {label: "生产环境路径", prop: "path"},
+        {label: "产品库目录", prop: "libPath"},
+      ]
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/wechatapps/list", null, {
+        params: {...this.page, ...this.search,type:'mp'}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records.map(e => ({...e, count: 0}))
+          this.page.total = res.data.total
+        }
+      })
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppWechatApps {
+}
+</style>
diff --git a/project/oms/apps/develop/AppWxworkApps/AppWxworkApps.vue b/project/oms/apps/develop/AppWxworkApps/AppWxworkApps.vue
new file mode 100644
index 00000000..78db162c
--- /dev/null
+++ b/project/oms/apps/develop/AppWxworkApps/AppWxworkApps.vue
@@ -0,0 +1,68 @@
+<template>
+  <section class="AppWxworkApps">
+    <ai-list>
+      <ai-title slot="title" title="企微应用产品库" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #right>
+            <el-input size="small" placeholder="搜索应用" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict"/>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppWxworkApps",
+  label: "企微应用产品库",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    ...mapState(['user'])
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {label: "应用名称", prop: "label", width: 200},
+        {label: "应用模块名", prop: "name", width: 200},
+        {label: "生产环境路径", prop: "path"},
+        {label: "产品库目录", prop: "libPath"},
+      ]
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/node/wechatapps/list", null, {
+        params: {...this.page, ...this.search, type: 'wxwork'}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records.map(e => ({...e, count: 0}))
+          this.page.total = res.data.total
+        }
+      })
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppWxworkApps {
+  height: 100%;
+}
+</style>
diff --git a/project/oms/apps/AppCorpStatistics/AppCorpStatistics.vue b/project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue
similarity index 100%
rename from project/oms/apps/AppCorpStatistics/AppCorpStatistics.vue
rename to project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue
diff --git a/project/sanjianxi/apps/AppPartyIntegralAudit/AppPartyIntegralAudit.vue b/project/sanjianxi/apps/AppPartyIntegralAudit/AppPartyIntegralAudit.vue
new file mode 100644
index 00000000..0f953398
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyIntegralAudit/AppPartyIntegralAudit.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="AppPartyIntegralAudit">
+    <keep-alive :include="['List']">
+      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
+    </keep-alive>
+  </div>
+</template>
+
+<script>
+  import List from './components/List.vue'
+  import Detail from './components/Detail.vue'
+
+  export default {
+    name: 'AppPartyIntegralAudit',
+    label: '积分审核(三涧溪)',
+
+    components: {
+      List,
+      Detail
+    },
+
+    props: {
+      instance: Function,
+      dict: Object,
+      permissions: Function
+    },
+
+    data () {
+      return {
+        component: 'List',
+        params: {}
+      }
+    },
+
+    methods: {
+      onChange (data) {
+        if (data.type === 'Detail') {
+          this.component = 'Detail'
+          this.isShowDetail = true
+          this.params = data.params
+        }
+
+        if (data.type === 'list') {
+          this.component = 'List'
+          this.params = data.params
+
+          this.$nextTick(() => {
+            if (data.isRefresh) {
+              this.$refs.component.getList()
+            }
+          })
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AppPartyIntegralAudit {
+    height: 100%;
+  }
+</style>
diff --git a/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue b/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue
new file mode 100644
index 00000000..6290c820
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue
@@ -0,0 +1,254 @@
+<template>
+  <ai-detail class="audit">
+    <template slot="title">
+      <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
+      </ai-title>
+    </template>
+    <template slot="content">
+      <ai-card title="基本信息">
+        <template #content>
+          <ai-wrapper
+              label-width="120px">
+            <ai-info-item label="申请人" :value="info.partyName"></ai-info-item>
+            <ai-info-item label="申请时间" :value="info.createTime"></ai-info-item>
+            <ai-info-item label="积分类型" :value="info.integralRuleName"></ai-info-item>
+            <ai-info-item label="规则类型">
+              {{ integralInfo.ruleType==0? '常规': integralInfo.ruleType==1? '阶梯': '区间'}}
+            </ai-info-item>
+            <ai-info-item label="申请描述" :value="info.description" isLine></ai-info-item>
+            <ai-info-item label="图片资料" isLine v-show="info.files.length">
+              <ai-uploader v-model="info.files" disabled></ai-uploader>
+            </ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-card>
+      <ai-card title="审核详情" v-if="info.auditStatus !== '0'">
+        <div slot="content" style="margin-top: 16px;margin-bottom:24px">
+          <ai-wrapper label-width="120px">
+            <ai-info-item label="审核结果" :value="info.auditStatus == '1' ? '通过' : '拒绝'"></ai-info-item>
+            <!-- 通过 -->
+            <ai-info-item label="积分调整" v-if="integralInfo.ruleType == '1' && info.auditStatus == '1'" :value="'+' +  info.auditIntegral + '分' + '('+ info.auditIntegralItem +')'"></ai-info-item>
+            <!-- 未通过（阶梯状态下显示加分项） -->
+            <ai-info-item label="积分调整" v-if="integralInfo.ruleType != '1' && info.auditStatus == '1'" :value="'+' + info.auditIntegral + '分' "></ai-info-item>
+            <ai-info-item label="积分调整" v-if="info.auditStatus != 1" :value="'0分'"></ai-info-item>
+            <ai-info-item label="审核人" :value="info.auditUserName"></ai-info-item>
+            <ai-info-item label="审核时间" :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="驳回理由" v-if="info.auditStatus == '2'" isLine :value="info.auditOpinion"></ai-info-item>
+            
+          </ai-wrapper>
+        </div>
+      </ai-card>
+      <ai-dialog
+          :visible.sync="isShow"
+          width="800px"
+          @close="onClose"
+          title="事件审核"
+          @onConfirm="onConfirm">
+        <el-form class="ai-form" label-width="120px" :model="form" ref="form">
+
+          <el-form-item label="是否通过审核" prop="pass" style="width: 100%;" :rules="[{ required: true, message: '请选择是否通过审核' }]">
+            <el-radio-group v-model="form.pass" @change="onStatusChange">
+              <el-radio label="0">否</el-radio>
+              <el-radio label="1">是</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <!-- 常规 -->
+          <el-form-item label="积分分值" style="width: 100%;" v-show="integralInfo.ruleType == 0 && form.pass == 1">
+            {{ integralInfo.ruleType == 0? '+'+ integralInfo.integral : '' }}
+          </el-form-item>
+          <!-- 区间 -->
+          <el-form-item label="区间范围" style="width: 100%;" v-show="integralInfo.ruleType == 2 && form.pass == 1">
+            <span>{{ integralInfo.integralMin }}</span> - <span>{{ integralInfo.integralMax }}</span>
+          </el-form-item>
+          <el-form-item label="积分分值" style="width: 100%;" :rules="[{ required: true, message: '请输入区域范围内的积分分值' }]" v-show="integralInfo.ruleType == 2 && form.pass == 1">
+            <el-input v-model.number="form.auditIntegral" placeholder="请输入区域范围内的积分分值" @input="inputChange"></el-input>
+          </el-form-item>
+          <!-- 阶梯 -->
+          <el-form-item label="加分项" style="width: 100%;" :rules="[{ required: true, message: '请选择加分项' }]" v-show="integralInfo.ruleType == 1 && form.pass == 1">
+            <ai-select v-model="form.integralItem" :selectList="scoreItem"  @change="selectItem"/>
+          </el-form-item>
+
+          <el-form-item label="积分分值" style="width: 100%;" :rules="[{ required: true, message: '请输入积分分值' }]" v-show="integralInfo.ruleType == 1 && form.pass == 1">
+            <el-input v-model.number="form.auditIntegral" placeholder="请输入1-10的整数" disabled></el-input>
+          </el-form-item>
+
+          <el-form-item label="审核意见" v-show="form.pass == '0'" style="width: 100%;" :rules="[{ required: true, message: '请输入审核意见' }]">
+            <el-input type="textarea" :rows="5" :maxlength="200" v-model="form.opinion" clearable placeholder="请输入审核意见" show-word-limit></el-input>
+          </el-form-item>
+
+        </el-form>
+      </ai-dialog>
+    </template>
+
+    <template #footer v-if="info.auditStatus === '0'">
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="isShow = true">审核</el-button>
+    </template>
+
+  </ai-detail>
+</template>
+
+<script>
+export default {
+  name: 'Detail',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
+
+  data() {
+    return {
+      total: 0,
+      info: {
+        auditStatus: '0'
+      },
+      id: '',
+      isShow: false,
+      form: {
+        pass: '',
+        integralItem: '',
+        opinion: '',
+        auditIntegral: '',
+      },
+      ruleList: [],
+      scoreItem: [],
+      integralInfo: {},
+    }
+  },
+
+  computed: {
+    integralText() {
+      if (!this.form.auditRuleId) {
+        return ''
+      }
+
+      const integral = this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral
+
+      return integral >= 0 ? `+${integral}分` : `${integral}分`
+    }
+  },
+
+  created() {
+    let loading = this.$loading({
+      text: 'Loading',
+    });
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.dict.load(['atWillReportType', 'auditStatus']).then(() => {
+        this.getInfo(this.params.id)
+        this.$nextTick(() => {
+          loading.close()
+        })
+      })
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/apppartyintegraldeclare/queryDetailById?id=${id}`).then(res => {
+        if (res?.data) {
+          this.info = res.data,
+          this.integralInfo = res.data.integralRule
+          if(res.data.integralRule.ruleType == 1) {
+            this.scoreItem = JSON.parse(res.data.integralRule.ladderRule)?.map(e=>{
+              return {
+                dictName: e.viewCount,
+                dictValue: e.integral.toString()
+              }
+            })
+          }
+          if(res.data.integralRule.ruleType == 0) {
+            this.form.auditIntegral = this.integralInfo.integral
+          }
+        }
+      })
+    },
+
+    onStatusChange() {
+      this.$refs.form.clearValidate()
+    },
+
+    inputChange(e) {
+      if(e > (this.integralInfo.integralMax || this.integralInfo.integralMax)) {
+        this.$message.error("请输入区间范围内的分值")
+        this.form.auditIntegral = ''
+      } else {
+        this.form.auditIntegral = e
+      }
+    },
+
+    selectItem(val) {
+      this.form.auditIntegral = val
+    },
+
+    onClose() {
+      this.form = {
+        pass: '',
+        integralItem: '',
+        opinion: '',
+        auditIntegral: '',
+      }
+    },
+
+    onConfirm() {
+      if(this.integralInfo.ruleType == 1 && this.form.pass == 1) {
+        this.form.integralItem = this.scoreItem.filter(e=> e.dictValue == this.form.auditIntegral)[0]?.dictName
+      }
+      if(this.integralInfo.ruleType == 0 && this.form.pass == 1) {
+        this.form.auditIntegral = this.integralInfo.integral
+      }
+      // console.log(this.form.integralItem);
+      this.$refs.form.validate(v => {
+        if (v) {
+          this.instance.post('/app/apppartyintegraldeclare/examine', null, {
+            params: {
+              ...this.form,
+              id: this.params.id,
+            }
+          }).then(res => {
+            if (res.code == 0) {
+              this.isShow = false
+              this.getInfo(this.params.id)
+              this.$message.success('审核成功!')
+            }
+          })
+        }
+      })
+    },
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.audit {
+  .flex-warpper {
+    display: flex;
+    align-items: center;
+
+    ::v-deep .el-form-item .el-form-item__content {
+      margin-left: 0 !important;
+    }
+
+    ::v-deep .ai-select {
+      margin: 0 !important;
+    }
+
+    ::v-deep .el-form-item {
+      width: auto;
+      margin-bottom: 0;
+
+      &:last-child {
+        margin-right: 10px;
+      }
+    }
+  }
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue b/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue
new file mode 100644
index 00000000..21c6bb0d
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue
@@ -0,0 +1,215 @@
+<template>
+  <ai-list class="list">
+    <ai-title
+      slot="title"
+      title="积分审核"
+      v-if="search.areaId"
+      isShowBottomBorder
+      :instance="instance"
+      :disabledLevel="disabledLevel">
+    </ai-title>
+    <template slot="content">
+      <div class="content">
+        <ai-search-bar>
+          <template #left>
+            <ai-select
+              v-model="search.auditStatus"
+              clearable
+              placeholder="请选择审核状态"
+              :selectList="dict.getDict('integralDeclareStatus')"
+              @change="search.current = 1, getList()">
+            </ai-select>
+            <el-date-picker size="small" v-model="searchDotime" type="daterange" range-separator="至" @change="timeChange"
+                            start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
+          </template>
+          <template #right>
+            <el-input
+              v-model="search.partyName"
+              size="small"
+              placeholder="请输入姓名/事件名称"
+              clearable
+              v-throttle="() => {search.current = 1, getList()}"
+              @clear="search.current = 1, search.partyName = '', getList()"
+              suffix-icon="iconfont iconSearch">
+            </el-input>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          v-loading="loading"
+          style="margin-top: 8px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
+          <el-table-column slot="options" width="120px" fixed="right" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" @click="toDetail(row.id)">详情</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </div>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    name: 'List',
+    props: {
+      instance: Function,
+      dict: Object
+    },
+
+    data () {
+      return {
+        search: {
+          current: 1,
+          size: 10,
+          auditStatus: '', //审核状态
+          createTimeStart: '',
+          createTimeEnd: '',
+          partyName: '',  // 模糊查询
+        },
+        searchDotime: [],
+        dictList: [{
+          dictName: '否',
+          dictValue: '0'
+        }, {
+          dictName: '是',
+          dictValue: '1'
+        }],
+        info: {},
+        colConfigs: [
+          { prop: 'partyName', label: '申请人' },
+          { prop: 'partyPhone', align: 'center', label: '联系电话' },
+          { prop: 'createTime', align: 'center', label: '申请时间' },
+          { prop: 'integralRuleName', align: 'center', label: '事件名称'}, 
+          { prop: 'auditStatus', align: 'center', label: '状态', formart: v => v ? this.dict.getLabel('integralDeclareStatus', v) : '-' }, 
+          { prop: 'auditUserName', align: 'center', label: '审批人' }, 
+          { prop: 'auditTime', align: 'center', label: '审批时间' }
+        ],
+        tableData: [],
+        total: 0,
+        loading: false,
+        disabledLevel: 0
+      }
+    },
+
+    computed: {
+      ...mapState(['user']),
+
+      param () {
+        return {
+
+        }
+      }
+    },
+
+    created () {
+      this.disabledLevel = this.user.info.areaList.length - 1
+      this.search.areaId = this.user.info.areaId
+      this.loading = true
+      this.dict.load(['atWillReportType', 'integralDeclareStatus']).then(() => {
+        this.getList()
+      })
+    },
+
+    methods: {
+      getList () {
+        this.instance.post(`/app/apppartyintegraldeclare/list`, null, {
+          params: {
+            ...this.search
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.tableData = res.data.records
+            this.total = res.data.total
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
+
+      timeChange() {
+        if (this.searchDotime) {
+          this.search.createTimeStart = this.searchDotime[0]
+          this.search.createTimeEnd = this.searchDotime[1]
+        } else {
+          this.search.createTimeStart = null
+          this.search.createTimeEnd = null
+        }
+        this.search.current = 1
+        this.getList()
+      },
+
+      toDetail (id) {
+        this.$emit('change', {
+          type: 'Detail',
+          params: {
+            id: id || ''
+          }
+        })
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .list {
+    ::v-deep .ai-list__content {
+      padding: 0!important;
+
+      .ai-list__content--right-wrapper {
+        background: transparent!important;
+        box-shadow: none!important;
+        margin: 0!important;
+        padding: 12px 16px 12px!important;
+      }
+    }
+    .statistics-top {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+
+      & > div {
+        flex: 1;
+        height: 96px;
+        line-height: 1;
+        margin-right: 20px;
+        padding: 16px 24px;
+        background: #FFFFFF;
+        box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
+        border-radius: 4px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        h3 {
+          font-size: 24px;
+        }
+
+        span {
+          display: block;
+          margin-bottom: 16px;
+          color: #888888;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .content {
+      padding: 16px;
+      background: #FFFFFF;
+      box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
+    }
+  }
+</style>
diff --git a/project/sanjianxi/apps/AppPartyMemberScore/AppPartyMemberScore.vue b/project/sanjianxi/apps/AppPartyMemberScore/AppPartyMemberScore.vue
new file mode 100644
index 00000000..2f8c8df1
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyMemberScore/AppPartyMemberScore.vue
@@ -0,0 +1,35 @@
+<template>
+  <section class="AppPartyMemberScore">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+import PsList from "./psList";
+import PsDetail from "./psDetail";
+
+export default {
+  name: "AppPartyMemberScore",
+  components: {PsDetail, PsList},
+  label: "党员积分(三涧溪)",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      return this.$route.query.id ? PsDetail : PsList
+    }
+  },
+  created() {
+    this.dict.load("partyIntegralType")
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppPartyMemberScore {
+  height: 100%;
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue b/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue
new file mode 100644
index 00000000..cd016fb2
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue
@@ -0,0 +1,142 @@
+<template>
+  <section class="psDetail">
+    <ai-detail>
+      <ai-title slot="title" title="积分详情" isShowBottomBorder isShowBack @onBackClick="back"/>
+      <template #content>
+        <el-row type="flex">
+          <ai-card hideTitle class="staCard fill">
+            <template #content>
+              <div class="color-999" v-text="`姓名`"/>
+              <b v-text="name"/>
+            </template>
+          </ai-card>
+          <ai-card hideTitle class="staCard fill">
+            <template slot="content">
+              <div class="color-999" v-text="`党员积分`"/>
+              <b class="color-26f" v-text="nowIntegral || 0"/>
+            </template>
+          </ai-card>
+        </el-row>
+        <ai-card title="余额变动明细">
+          <template #right>
+            <ai-download :instance="instance" :url="`/app/apppartyintegralinfo/listExport?partyId=${id}`" fileName="党员积分" :disabled="detailTable.length == 0">
+              <el-button icon="iconfont iconExported" :disabled="detailTable.length == 0">导出</el-button>
+            </ai-download>
+          </template>
+          <template #content>
+            <ai-table :tableData="detailTable" isShowPagination :total="total" :current.sync="page.current"
+                :size.sync="page.size"  @getList="getDetail()" :col-configs="colConfigs" :dict="dict"/>
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "psDetail",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  data() {
+    return {
+      detail: {},
+      colConfigs: [
+        {label: "时间", prop: "createTime"},
+        {label: "类型", prop: "integralType", align: 'center', dict: "partyIntegralType"},
+        {label: "变动积分", prop: "integral", align: 'center', render: (h, {row}) => {
+          return h('span', null, (row.integralType==0? '-'+ row.integral : '+'+ row.integral))
+          }
+        },
+        {label: "剩余积分", prop: "residualIntegral", align: 'center'},
+        {label: "调整说明", prop: "remark"},
+      ],
+      form: {},
+      rules: {
+        learningIntegral: [
+          {required: true, message: "请输入学习强国积分"},
+          {pattern: /^\d+$/g, message: "请输入正整数"}
+        ]
+      },
+      id: '',
+      name: '',
+      nowIntegral: '',
+      page: {current: 1, size: 10},
+      total: 0,
+      detailTable: []
+    }
+  },
+  methods: {
+    getDetail() {
+      let { id, name, nowIntegral } = this.$route.query
+      this.instance.post("/app/apppartyintegralinfo/list", null, {
+        params: {
+          partyId: id,
+          ...this.page,
+          total: this.total
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.detailTable = res.data.records
+          this.total = res.data.total
+          this.name = name
+          this.nowIntegral = nowIntegral
+          this.id = id
+        }
+      })
+    },
+    back() {
+      this.$router.push({})
+    },
+    handleEditLearningIntergral(partyMemberId) {
+      this.dialog = true
+      this.form = {partyMemberId}
+    }
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.psDetail {
+  height: 100%;
+
+  .color-999 {
+    color: #999;
+  }
+
+  .color-26f {
+    color: #26f;
+  }
+
+  ::v-deep .staCard {
+    font-size: 14px;
+    width: 25%;
+
+    b {
+      font-size: 24px;
+      line-height: 40px;
+    }
+
+    & + .staCard {
+      margin-left: 16px;
+      width: 25%;
+    }
+
+    .ai-card__body {
+      position: relative;
+
+      .el-button {
+        position: absolute;
+        right: 32px;
+        top: 6px;
+      }
+    }
+
+  }
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyMemberScore/psList.vue b/project/sanjianxi/apps/AppPartyMemberScore/psList.vue
new file mode 100644
index 00000000..f8ed93df
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyMemberScore/psList.vue
@@ -0,0 +1,159 @@
+<template>
+  <section class="psList">
+    <ai-list>
+      <ai-title slot="title" title="党员积分" isShowBottomBorder/>
+      <template #left>
+
+        <ai-tree-menu title="组织目录" searchPlaceholder="请输入党组织名称" @search="onSearch">
+          <ai-party-tree
+              :filter-node-method="filterNode"
+              ref="tree"
+              default-first-option
+              :instance="instance"
+              :root="user.info.organizationId"
+              :current-node-key="user.info.id"
+              @select="onTreeChange"/>
+        </ai-tree-menu>
+      </template>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <div>统计周期</div>
+            <el-date-picker size="small" v-model="searchDotime" type="daterange" range-separator="至" @change="timeChange"
+                            start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="党员姓名" v-model="search.name" clearable
+                      @change="page.current=1,getTableData()" suffix-icon="iconfont iconSearch"/>
+            <ai-download :instance="instance" url="/app/apppartyintegralinfo/exportListByOrg" :params="search" fileName="党员积分" :disabled="tableData.length == 0">
+              <el-button icon="iconfont iconExported" :disabled="tableData.length == 0">导出</el-button>
+            </ai-download>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作" fixed="right" align="center">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="showDetail(row)">详情</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import { mapState } from "vuex";
+
+export default {
+  name: "psList",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  computed: {
+    ...mapState(['user']),
+    orgTree() {
+      return this.$refs.tree?.$refs?.partyTree
+    },
+    colConfigs() {
+      return [
+        {label: "排行榜", prop: "orderIndex", align: "center"},
+        {label: "党员姓名", prop: "name", align: "center"},
+        {label: "党员类型", prop: "partyType", dict: "partyType", align: "center"},
+        {label: "获得积分", prop: "integral", align: "center"},
+        {slot: "options"}
+      ]
+    },
+  },
+  data() {
+    return {
+      searchDotime: [],
+      search: {
+        startTime: '',
+        endTime: '',
+        name: '',
+      },
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      organizationName: '',
+      organizationTree: [],
+      defaultExpanded: [],
+      defaultChecked: [],
+      areaTree: [],
+      defaultProps: {
+        children: 'children',
+        label: 'name',
+      },
+      createTime: '',
+      partyOrgId: '',
+    }
+  },
+  methods: {
+    back() {
+      this.$router.push({})
+    },
+    getTableData() {
+      this.instance.post("/app/apppartyintegralinfo/listByOrg", null, {
+        params: {...this.page, ...this.search, partyOrgId: this.partyOrgId }
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+
+    timeChange() {
+      if (this.searchDotime) {
+        this.search.startTime = this.searchDotime[0]
+        this.search.endTime = this.searchDotime[1]
+      } else {
+        this.search.startTime = null
+        this.search.endTime = null
+      }
+      this.search.current = 1
+      this.getTableData()
+    },
+    
+    onSearch(v) {
+      this.orgTree.filter(v)
+    },
+
+    onTreeChange(e) {
+      this.partyOrgId = e.id
+
+      this.$nextTick(() => {
+        this.getTableData()
+      })
+    },
+
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+
+    showDetail(row) {
+      console.log(row);
+      this.$router.push({query: { id: row.partyId, name: row.name, nowIntegral: row.nowIntegral}})
+    },
+  },
+  created() {
+    this.dict.load('partyType').then(() => {
+      this.getTableData()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.psList {
+  height: 100%;
+
+  ::v-deep .is-current>.el-tree-node__content{
+    width: 100%!important;
+    padding-right: 16px!important;
+  }
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreManage/AppPartyScoreManage.vue b/project/sanjianxi/apps/AppPartyScoreManage/AppPartyScoreManage.vue
new file mode 100644
index 00000000..faf438e6
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreManage/AppPartyScoreManage.vue
@@ -0,0 +1,74 @@
+<template>
+  <ai-list class="AppPartyScoreManage">
+    <template slot="title">
+      <ai-title title="积分维护" :isShowBottomBorder="false" :instance="instance" :isShowArea="false" v-model="areaId"
+                @change="changeArea"></ai-title>
+    </template>
+    <template slot="tabs">
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component :is="tab.comp" v-if="currIndex === String(i)" :ref="tab.name"
+                      :instance="instance" :dict="dict"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import pointsDetails from "./pointsDetails.vue"
+import { mapState } from 'vuex'
+import scoreChange from "./scoreChange";
+
+export default {
+  name: 'AppPartyScoreManage',
+  label: "积分维护(三涧溪)",
+  components: { pointsDetails, scoreChange},
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+
+  computed: {
+    ...mapState(['user']),
+    tabs() {
+      return [
+        {
+          label: "积分明细",
+          name: "pointsDetails",
+          comp: pointsDetails,
+          permission: "app_apppartyfee_statistics",
+        },
+        {
+          label: "积分调整",
+          name: "scoreChange",
+          comp: scoreChange,
+          permission: "",
+        },
+      ]
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId
+    this.dict.load("integralCalcType")
+  },
+  methods: {
+    changeArea() {
+      this.$nextTick(() => {
+        this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
+      })
+    }
+  },
+  data() {
+    return {
+      activeName: "pointsDetails",
+      currIndex: '0',
+      areaId: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppPartyScoreManage {}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreManage/pointsDetails.vue b/project/sanjianxi/apps/AppPartyScoreManage/pointsDetails.vue
new file mode 100644
index 00000000..8c1c3341
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreManage/pointsDetails.vue
@@ -0,0 +1,160 @@
+<template>
+  <section class="pointsDetails">
+    <ai-list>
+      <template slot="content">
+        <ai-search-bar>
+          <template slot="left">
+            <el-date-picker size="small" v-model="searchDotime" type="daterange" range-separator="至" @change="timeChange"
+                            start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
+          </template>
+          <template slot="right">
+            <el-input
+                v-model="search.partyName"
+                class="search-input"
+                size="small"
+                placeholder="搜索党员"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, getList()"
+                suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total" :dict="dict"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
+          <el-table-column slot="integral" label="积分" align="center">
+            <template slot-scope="{ row }">
+              <span>{{ row.integralType == 1 ? '+' : '-' }}{{ row.integral }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="120">
+            <template slot-scope="{ row }">
+              <el-button
+                  type="text"
+                  title="详情"
+                  @click="viewItem(row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog title="详情" :visible.sync="dialog" :customFooter="true" :destroyOnClose="true" width="720px">
+      <ai-wrapper>
+        <ai-info-item label="党员：" :value="dialogInfo.partyName" isLine/>
+        <ai-info-item label="事件：" :value="dict.getLabel('partyIntegralDetailType',dialogInfo.type)" dict/>
+        <ai-info-item label="类型：">
+          {{ dialogInfo.integralType == 1 ? '加分' : '减分' }}
+        </ai-info-item>
+        <ai-info-item label="分值：" :value="dialogInfo.integral" isLine/>
+        <ai-info-item label="时间：" :value="dialogInfo.createTime" isLine/>
+      </ai-wrapper>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog=false">关闭</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "pointsDeclaration",
+
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+
+  data() {
+    return {
+      searchDotime: [],
+      search: {
+        current: 1,
+        size: 10,
+        partyName: '',
+        startTime: null,
+        endTime: null,
+      },
+      total: 10,
+      colConfigs: [
+        {prop: "partyName", label: "对象", width: "150px"},
+        {prop: "remark", label: "调整说明",},
+        {prop: "createTime", label: "时间", align: "center"},
+        {prop: "integralType", label: "类型", align: "center", render: (h, {row}) => h('span', `${row.integralType == 0 ? '减分' : '加分'}`)},
+        {slot: "integral", label: "积分", align: "center",},
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+      dialog: false,
+      dialogInfo: {},
+    };
+  },
+
+  mounted() {
+    this.$dict.load(["integralDeclareDoType","integralDetailType","partyIntegralDetailType"]).then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/apppartyintegralinfo/list`, null, {
+        params: {
+          ...this.search,
+        },
+      })
+      .then((res) => {
+        if (res?.data) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+        }
+      });
+    },
+
+    timeChange() {
+      if (this.searchDotime) {
+        this.search.startTime = this.searchDotime[0]
+        this.search.endTime = this.searchDotime[1]
+      } else {
+        this.search.startTime = null
+        this.search.endTime = null
+      }
+      this.search.current = 1
+      this.getList()
+    },
+
+    viewItem(row) {
+      this.dialog = true
+      this.instance.post(`/app/apppartyintegralinfo/queryDetailById?id=${row.id}`).then((res) => {
+        if (res?.data) {
+          this.dialogInfo = res.data
+        }
+      });
+    },
+
+    onReset() {
+      this.search.current = 1
+      this.search.doTimeStart = null
+      this.search.doTimeEnd = null
+      this.search.familyName = ''
+      this.searchDotime = []
+      this.getList();
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.pointsDetails {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+
+  
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreManage/scoreChange.vue b/project/sanjianxi/apps/AppPartyScoreManage/scoreChange.vue
new file mode 100644
index 00000000..e6b4efd6
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreManage/scoreChange.vue
@@ -0,0 +1,153 @@
+<template>
+  <div class="scoreChange">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total" :dict="dict"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList">
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+        title="添加积分调整"
+        :visible.sync="dialog"
+        :destroyOnClose="true"
+        width="720px"
+        @onConfirm="onConfirm"
+        @closed="form={}">
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="选择人员" prop="partyId">
+          <ai-person-select :instance="instance" :customClicker="true"
+                            :url="'/app/appparty/list?partyOrgId=' + user.info.organizationId"
+                            :isMultiple="false" dialogTitle="选择" @selectPerson="selectPerson">
+            <template name="option" v-slot:option="{ item }">
+              <span class="iconfont iconProlife">{{ item.name }}</span>
+              <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
+            </template>
+          </ai-person-select>
+        </el-form-item>
+        <el-form-item label="调整说明" prop="remark">
+          <el-input v-model.trim="form.remark" placeholder="请输入..." type="textarea" :rows="4" show-word-limit
+                    maxlength="100"></el-input>
+        </el-form-item>
+        <el-form-item label="类型" prop="integralType">
+          <ai-select v-model="form.integralType" :selectList="dict.getDict('partyIntegralType')"/>
+        </el-form-item>
+        <el-form-item label="积分" prop="integral">
+          <el-input v-model.trim.num ="form.integral" placeholder="请输入正数" size="small"></el-input>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex"
+
+export default {
+  name: "scoreChange",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  data() {
+    return {
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 10
+      },
+      form: {
+        partyId: '',
+        partyName: '',
+        remark: '',
+        integralType: '',
+        integral: '',
+      },
+      dialog: false,
+      flag: false,
+    }
+  },
+  computed: {
+    ...mapState(["user"]),
+    rules() {
+      return {
+        partyId: [{required: true, message: '请选择人员', trigger: 'blur'},],
+        remark: [{required: true, message: '请输入调整说明', trigger: 'blur'},],
+        integralType: [{required: true, message: '请选择类型', trigger: 'change'},],
+        integral: [{required: true, validator: (r, v, cb) => v > 0 ? cb() : cb("请输入正数")}],
+      }
+    },
+    colConfigs() {
+      return [
+        {prop: "partyName", label: "姓名",},
+        {prop: "remark", label: "调整说明", align: 'center'},
+        {prop: "integralType", label: "类型", dict: "partyIntegralType", align: 'center'},
+        {prop: "integral", label: "积分", align: "center", render: (h, {row}) => h('p',{textAlign:'center'}, `${row.integralType == 1 ? '+' : '-'}${row.integral}`)},
+        {prop: "createTime", label: "操作时间", align: 'center'},
+        {prop: "createUserName", label: "操作人", align: "center"},
+      ]
+    }
+  },
+  methods: {
+    selectPerson(val) {
+      if (val) {
+        this.form.partyId = val.id
+        this.form.partyName = val.name
+      } else {
+        this.form.partyId = ""
+        this.form.partyName = ""
+      }
+    },
+    onConfirm() {
+      if(this.flag) return 
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.flag = true
+          this.instance.post(`/app/apppartyintegralinfo/changeIntegral`,  this.form ).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("添加成功")
+              this.dialog = false
+              this.getList()
+            } else {
+              this.flag = false
+            }
+          }).catch(() => {
+            this.flag = false
+          })
+        }
+      })
+    },
+    getList() {
+      this.instance.post(`/app/apppartyintegralinfo/list`, null, {
+        params: {...this.page, type: 0}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    }
+  },
+  created() {
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scoreChange {
+  height: 100%;
+  overflow: auto;
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreRules/AppPartyScoreRules.vue b/project/sanjianxi/apps/AppPartyScoreRules/AppPartyScoreRules.vue
new file mode 100644
index 00000000..d4d32323
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreRules/AppPartyScoreRules.vue
@@ -0,0 +1,71 @@
+<template>
+  <ai-list class="AppPartyScoreRules">
+    <template slot="title">
+      <ai-title title="积分规则" :isShowBottomBorder="false" :instance="instance" :isShowArea="false" v-model="areaId"
+                @change="changeArea"></ai-title>
+    </template>
+    <template slot="tabs">
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component :is="tab.comp" v-if="currIndex === String(i)" :ref="tab.name" :instance="instance" :dict="dict"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import applyForIntegral from "./components/applyForIntegral.vue"
+import automaticallyAddCent from "./components/automaticallyAddCent.vue";
+import { mapState } from 'vuex'
+
+export default {
+  name: 'AppPartyScoreRules',
+  label: "积分规则(三涧溪)",
+  components: { applyForIntegral, automaticallyAddCent},
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+
+  computed: {
+    ...mapState(['user']),
+    tabs() {
+      return [
+        {
+          label: "积分申请",
+          name: "applyForIntegral",
+          comp: applyForIntegral,
+        },
+        {
+          label: "自动加分",
+          name: "automaticallyAddCent",
+          comp: automaticallyAddCent,
+        },
+      ]
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId
+    this.dict.load("integralCalcType")
+  },
+  methods: {
+    changeArea() {
+      this.$nextTick(() => {
+        this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
+      })
+    }
+  },
+  data() {
+    return {
+      activeName: "pointsDetails",
+      currIndex: '0',
+      areaId: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppPartyScoreRules {}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreRules/components/applyForIntegral.vue b/project/sanjianxi/apps/AppPartyScoreRules/components/applyForIntegral.vue
new file mode 100644
index 00000000..cc839a5a
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreRules/components/applyForIntegral.vue
@@ -0,0 +1,379 @@
+<template>
+  <section class="applyForIntegral">
+    <ai-list>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <ai-select
+                v-model="search.status"
+                @change="page.current = 1, getList()"
+                placeholder="请选择状态"
+                :selectList="dict.getDict('integralRuleStatus')">
+            </ai-select>
+          </template>
+          <template slot="right">
+            <el-input size="small" placeholder="事件名称" v-model="search.eventName" clearable
+                      @change="page.current=1, getList()" suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+
+        <ai-search-bar style="margin-top: 16px;">
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
+          </template>
+        </ai-search-bar>
+
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total" :dict="dict"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList">
+          <el-table-column slot="integral" label="分值" align="center">
+            <template slot-scope="{ row }">
+            <span
+                v-if="row.integralValueType == 1">
+              {{ row.integralStart > 0 ? '+' + row.integralStart : row.integralStart }} ~ {{ row.integralEnd > 0 ? '+' + row.integralEnd : row.integralEnd }}
+            </span>
+              <span v-else>{{ row.integral > 0 ? '+' : '' }}{{ row.integral }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="200">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" @click="changeStatus(row.id, 0)" v-if="row.status == 1">
+                  停用
+                </el-button>
+                <el-button type="text" @click="changeStatus(row.id, 1)" v-else>启用</el-button>
+                <el-button type="text" @click="toEdit(row)">编辑</el-button>
+                <el-button type="text" @click="remove(row.id)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+
+      </template>
+    </ai-list>
+
+    <!-- <ai-empty v-else>暂无应用权限</ai-empty> -->
+
+    <ai-dialog :title="dialogTitle" :visible.sync="dialog" @onConfirm="onConfirm" @closed="close" width="800px">
+      <div class="form_div">
+        <el-form ref="DialogForm" :model="form" :rules="formRules" size="small" label-suffix="：" label-width="100px">
+
+          <el-form-item label="事件名称" prop="eventName">
+            <el-input v-model="form.eventName" clearable placeholder="请输入事件名称" type="text" maxlength="30" show-word-limit/>
+          </el-form-item>
+          <el-form-item label="简介说明" prop="eventDesc">
+            <el-input v-model="form.eventDesc" clearable placeholder="请输入简介说明" type="text" maxlength="100" show-word-limit/>
+          </el-form-item>
+
+          <el-form-item label="规则" prop="ruleType" required>
+            <el-radio-group v-model="form.ruleType" @change="typeChange">
+              <el-radio label="0">常规</el-radio>
+              <el-radio label="2">区间</el-radio>
+              <el-radio label="1">阶梯</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="周期范围" prop="scoringCycle">
+            <ai-select v-model="form.scoringCycle" :selectList="dict.getDict('integralRuleScoringCycle')"/>
+          </el-form-item>
+
+          <el-form-item label="奖励次数">
+            <el-input placeholder="请输入，周期范围内，不填写表示不限制" v-model.number="form.numberLimit" clearable/>
+          </el-form-item>
+          <!-- 常规 -->
+          <el-form-item label="积分分值" prop="integral" v-if="form.ruleType == '0'">
+            <el-input placeholder="请输入" v-model="form.integral" clearable/>
+          </el-form-item>
+          <!-- 区间 -->
+          <el-form-item label="积分分值" v-if="form.ruleType == '2'">
+            <ai-range v-model="form.integralArr" clearable/>
+          </el-form-item>
+          <!-- 阶梯 -->
+          <el-form-item label="积分分值" prop="ladderIntegral" v-if="form.ruleType == '1'">
+            <el-row type="flex" justify="space-between">
+              <div></div>
+              <el-button v-if="form.ruleType==1" type="text" icon="iconfont iconAdd"
+                         @click="addIntegral">添加
+              </el-button>
+            </el-row>
+            <el-table v-if="form.ruleType==1" :data="form.ladderIntegral" size="mini" border stripe>
+              <el-table-column label="加分项" align="center">
+                <template slot-scope="{row}">
+                  <el-input class="tableInput" v-model.number="row.viewCount" clearable placeholder="请输入"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="获得积分" align="center">
+                <template slot-scope="{row}">
+                  <el-input class="tableInput" v-model="row.integral" clearable placeholder="请输入" type="number"
+                            @keyup.native="row.integral=checkIntegral(row.integral)"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center">
+                <template slot-scope="{ $index }">
+                  <el-button type="text" @click="handleDelete($index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-form>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "applyForIntegral",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  computed: {
+    isEdit() {
+      return !!this.form.id
+    },
+    dialogTitle() {
+      return this.isEdit ? "编辑积分规则" : "添加积分规则"
+    },
+    etOps() {
+      return {
+        lazy: true,
+        value: "dictValue",
+        label: "dictName",
+        lazyLoad: (node, resolve) => {
+          if (node.level == 0) resolve(this.dict.getDict('integralRuleEvent'))
+          else if (node.level == 1) {
+            let dict = 'integralRuleEvent' + node.value
+            this.dict.load(dict).then(() => {
+              let nodes = this.dict.getDict(dict).map(e => ({...e, leaf: true}))
+              resolve(nodes)
+            })
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      search: {status: "", eventName: ""},
+      page: {current: 1, size: 10, total: 0},
+      colConfigs: [
+        {prop: "eventName", label: "事件名称", "show-overflow-tooltip": true},
+        {prop: "eventDesc", label: "简介", "show-overflow-tooltip": true},
+        {prop: "ruleType", label: "规则", dict: "partyIntegralRuleRuleType", align: "center"},
+        {prop: "scoringCycle", label: "周期范围", dict: "integralRuleScoringCycle", align: "center"},
+        {prop: "status", label: "状态", align: "center", width: 96, dict: "integralRuleStatus"},
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      integralConfigs: [
+        {prop: "event", label: "加分项",},
+        {prop: "event", label: "获得积分",},
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+      dialog: false,
+      form: {
+        classify: '0',
+        eventName: '',
+        eventDesc: '',
+        ruleType: '',
+        scoringCycle: '',
+        numberLimit: '', //奖励次数
+        integral: '',  // 常规
+        integralMin: '', // 区间
+        integralMax: '',
+        integralArr: [],
+        ladderRule: '', // 阶梯
+        ladderIntegral: [],
+      },
+      formRules: {
+        eventName: [{required: true, message: "请输入事件名称" }],
+        eventDesc: [{required: true, message: "请输入简介说明" }],
+        ruleType: [{required: true, message: "请选择规则" }],
+        scoringCycle: [{required: true, message: "请选择周期范围" }],
+        integral: [{required: true, pattern: /^\d*[.\d]\d?$/, message: "请输入积分分值,最多保留一位小数"}],
+        numberLimit: [{pattern: /^\d*$/, message: "请输入正整数"}],
+        ladderIntegral: [{required: true, message: "请输入积分分值"}]
+      },
+      cacheOps: [],
+      integralFrom: '',
+      integralTo: '',
+      integralData: [],
+      innerVisible: false,
+      table: {},
+      
+    };
+  },
+  created() {
+    this.dict.load("integralRuleStatus", "partyIntegralRuleRuleType", 'integralRuleScoringCycle', 'integralRuleEvent', 'integralRuleEventType').then(() => {
+      this.getList();
+    });
+  },
+ 
+  methods: {
+    getList() {
+      this.instance.post(`/app/apppartyintegralrule/list?classify=0`, null, {
+        params: {...this.search, ...this.page},
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      });
+    },
+    addIntegral() {
+      this.form.ladderIntegral?.push({ viewCount: null, integral: null })
+    },
+    toEdit(row) {
+      this.instance.post(`/app/apppartyintegralrule/queryDetailById?id=${row.id}`).then((res) => {
+        if(res?.data) {
+          // console.log(res);
+          this.form = res.data
+          this.form.ruleType = res.data.ruleType
+          this.form.integralArr = [ res.data.integralMin, res.data.integralMax ]
+          if(res.data.ruleType == 1) {
+            this.form.ladderIntegral = JSON.parse(res.data.ladderRule)
+          }
+          this.dialog = true
+        }
+      })
+    },
+    
+    close() {
+      this.form = {
+        classify: '0',
+        eventName: '',
+        eventDesc: '',
+        ruleType: '',
+        scoringCycle: '',
+        numberLimit: '',
+        integral: '',
+        integralMin: '',
+        integralMax: '',
+        ladderRule: [],
+        integralArr: [],
+        ladderIntegral: []
+      }
+    },
+
+    typeChange(val) {
+      this.form.ruleType = val
+      this.form.scoringCycle = ''
+      this.form.numberLimit = ''
+      this.form.integral = ''
+      this.form.integralArr = []
+      this.form.ladderRule = ''
+      this.form.ladderIntegral = []
+    },
+
+    remove(id) {
+      this.$confirm("删除后不可恢复，是否要删除该事项？", {
+        type: 'error'
+      }).then(() => {
+        this.instance
+        .post(`/app/apppartyintegralrule/delete?ids=${id}`)
+        .then((res) => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功！");
+            this.getList();
+          }
+        });
+      });
+    },
+    changeStatus(id, status) {
+      let text = status == 1 ? '启用' : '停用'
+      this.$confirm(`确定${text}该条规则？`).then(() => {
+        this.instance.post(`/app/apppartyintegralrule/enableOrDisable?id=${id}`).then((res) => {
+          if (res?.code == 0) {
+            this.$message.success(`${text}成功！`)
+            this.getList();
+          }
+        });
+      });
+    },
+    onReset() {
+      this.page.current = 1
+      this.search.classification = ""
+      this.search.integralType = ""
+      this.search.ruleStatus = ""
+      this.getList();
+    },
+    onConfirm() {
+      if(this.form.ruleType == 2) {
+
+        this.form.integralMin = this.form.integralArr[0] || ''
+        this.form.integralMax = this.form.integralArr[1] || ''
+
+        if(!this.form.integralArr[0] && !this.form.integralArr[1]) {
+          return this.$message.error('请输入积分分值')
+        }
+        if(this.form.integralMin >= this.form.integralMax) {
+          return this.$message.error('请输入正确积分区间')
+        }
+      }
+      if(this.form.ruleType == 1) {
+        this.form.ladderRule = JSON.stringify(this.form.ladderIntegral)
+      }
+
+      if(this.form.ruleType == 2 || this.form.ruleType == 0) {
+        this.form.ladderRule = ''
+      }
+
+      this.$refs.DialogForm.validate((valid) => {
+        if (valid) {
+          this.instance.post(`/app/apppartyintegralrule/addOrUpdate`, {
+            ...this.form,
+            id: this.form.id || '',
+            integralMin: this.form.integralArr[0] || '',
+            integralMax: this.form.integralArr[1] || '',
+          }).then((res) => {
+            if (res?.code == 0) {
+              this.$message.success(`${this.isEdit ? '编辑成功' : '添加成功'}`)
+              this.dialog = false;
+              this.close()
+              this.getList()
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+    handleTypeSearch(v) {
+      this.search.event = v?.[0]
+      this.search.type = v?.[1]
+      this.page.current = 1
+      this.$refs.eventTypeSearch.dropDownVisible = false
+      this.getList()
+    },
+    handleTypeForm(v) {
+      if (this.dialog) {
+        this.form.event = v?.[0]
+        this.form.type = v?.[1]
+        this.form.ruleType = !this.form.event ? null : this.form.event == 3 ? 1 : 0
+      }
+    },
+    handleDelete(i) {
+      this.$confirm("是否要删除该规则?").then(() => {
+        this.form.ladderIntegral.splice(i, 1)
+      }).catch(() => 0)
+    },
+    checkIntegral(v) {
+      return /\.\d{2,}$/.test(v) ? Math.abs(v).toFixed(1) : Math.abs(v)
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.applyForIntegral {
+  height: 100%;
+  background: #f3f6f9;
+
+  
+
+}
+</style>
diff --git a/project/sanjianxi/apps/AppPartyScoreRules/components/automaticallyAddCent.vue b/project/sanjianxi/apps/AppPartyScoreRules/components/automaticallyAddCent.vue
new file mode 100644
index 00000000..53d325fd
--- /dev/null
+++ b/project/sanjianxi/apps/AppPartyScoreRules/components/automaticallyAddCent.vue
@@ -0,0 +1,258 @@
+<template>
+  <div class="automaticallyAddCent">
+    <ai-list>
+    <template #content>
+      <ai-search-bar bottomBorder style="margin-top: 16px">
+        <template #left>
+          <el-cascader size="small" v-model="search.eventType" placeholder="请选择事件/类型" clearable
+                         :props="{...etOps,checkStrictly:true}" @change="handleTypeSearch" ref="eventTypeSearch"/>
+          <ai-select
+              v-model="search.status"
+              @change="page.current = 1, getList()"
+              placeholder="请选择状态"
+              :selectList="dict.getDict('integralRuleStatus')">
+          </ai-select>
+        </template>
+      </ai-search-bar>
+      <ai-search-bar style="margin-top: 16px;">
+        <template #left>
+          <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
+        </template>
+      </ai-search-bar>
+      <ai-table
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="page.total" :dict="dict"
+        :current.sync="page.current"
+        :size.sync="page.size"
+        @getList="getList">
+          <el-table-column slot="integral" label="分值" align="center">
+            <template slot-scope="{ row }">
+            <span
+                v-if="row.integralValueType == 1">
+              {{ row.integralStart > 0 ? '+' + row.integralStart : row.integralStart }} ~ {{ row.integralEnd > 0 ? '+' + row.integralEnd : row.integralEnd }}
+            </span>
+              <span v-else>{{ row.integral > 0 ? '+' : '' }}{{ row.integral }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="200">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" @click="changeStatus(row.id, 0)" v-if="row.status == 1">
+                  停用
+                </el-button>
+                <el-button type="text" @click="changeStatus(row.id, 1)" v-else>启用</el-button>
+                <el-button type="text" @click="toEdit(row)">编辑</el-button>
+                <el-button type="text" @click="remove(row.id)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog :title="dialogTitle" :visible.sync="dialog" @onConfirm="onConfirm" @closed="close" width="800px">
+      <div class="form_div">
+        <el-form ref="DialogForm" :model="form" :rules="formRules" size="small" label-suffix="：" label-width="100px">
+
+          <el-form-item label="事件/类型" prop="eventType" width="100%">
+            <el-cascader v-model="form.eventType" :props="etOps" clearable placeholder="请选择" @change="handleTypeForm"
+                         :options="cacheOps" style="width: 100%"></el-cascader>
+          </el-form-item>
+          <el-form-item label="规则">
+            <span>常规</span>
+          </el-form-item>
+          <el-form-item label="周期范围" prop="scoringCycle">
+            <ai-select v-model="form.scoringCycle" :selectList="dict.getDict('integralRuleScoringCycle')"/>
+          </el-form-item>
+
+          <el-form-item label="奖励次数">
+            <el-input placeholder="请输入，周期范围内，不填写表示不限制" v-model.number="form.numberLimit" clearable/>
+          </el-form-item>
+          <!-- 常规 -->
+          <el-form-item label="积分分值" prop="integral" v-if="form.ruleType == 0">
+            <el-input placeholder="请输入" v-model="form.integral" clearable/>
+          </el-form-item>
+
+        </el-form>
+      </div>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "automaticallyAddCent",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  data() {
+    return {
+      search: { status: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      page: {current: 1, size: 10, total: 0},
+      colConfigs: [
+        {prop: "event", label: "事件", dict: "partyIntegralRuleEvent", align: "center"},
+        {prop: "type", label: "类型", dict: "integralRuleEvent4", align: "center"},
+        {prop: "ruleType", label: "规则", dict: "integralRuleRuleType"},
+        {prop: "scoringCycle", label: "周期范围", dict: "integralRuleScoringCycle", align: "center"},
+        {prop: "status", label: "状态", align: "center", width: 96, dict: "integralRuleStatus"},
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      formRules: {
+        eventType: [{required: true, message: "请选择事件类型" }],
+        scoringCycle: [{required: true, message: "请选择周期范围" }],
+        integral: [{required: true, pattern: /^\d*[.\d]\d?$/, message: "请输入积分分值,最多保留一位小数"}],
+        numberLimit: [{pattern: /^\d*$/, message: "请输入正整数"}],
+      },
+      form: {
+        classify: 1,
+        eventType: '',
+        event: '',
+        type: '',
+        ruleType: 0,
+        scoringCycle: '',
+        integral: '',  // 常规
+        integralArr: [],
+      },
+      dialog: false,
+      cacheOps: [],
+      isEdit: false,
+      flag: false,
+    }
+  }, 
+  created() {
+    this.$dict.load("integralRuleStatus", "integralRuleRuleType", 'integralRuleScoringCycle', 'integralRuleEvent', 'integralRuleEventType','partyIntegralRuleEvent','partyIntegralRuleEvent4','integralRuleEvent4').then(() => {
+      this.getList();
+    });
+  },
+  computed: {
+    dialogTitle() {
+      return this.isEdit ? "编辑积分规则" : "添加积分规则"
+    },
+    etOps() {
+      return {
+        lazy: true,
+        value: "dictValue",
+        label: "dictName",
+        lazyLoad: (node, resolve) => {
+          if (node.level == 0) resolve(this.dict.getDict('partyIntegralRuleEvent'))
+          else if (node.level == 1) {
+            let dict = 'integralRuleEvent4' 
+            this.dict.load(dict).then(() => {
+              let nodes = this.dict.getDict(dict).map(e => ({...e, leaf: true}))
+              resolve(nodes)
+            })
+          }
+        }
+      }
+    },
+  },
+  methods: {
+    getList() {
+      this.instance.post(`/app/apppartyintegralrule/list?classify=1`, null, {
+        params: {...this.search, ...this.page},
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      });
+    },
+    handleTypeSearch(v) {
+      this.search.event = v?.[0]
+      this.search.type = v?.[1]
+      this.page.current = 1
+      this.$refs.eventTypeSearch.dropDownVisible = false
+      this.getList()
+    },
+    handleTypeForm(v) {
+      if (this.dialog) {
+        this.form.event = v?.[0]
+        this.form.type = v?.[1]
+        this.form.ruleType = !this.form.event ? null : this.form.event == 3 ? 1 : 0
+      }
+    },
+    close() {
+      this.form = {
+        classify: 1,
+        eventType: '',
+        event: '',
+        type: '',
+        ruleType: 0,
+        scoringCycle: '',
+        integral: '',
+        integralArr: [],
+      }
+    },
+    onConfirm() {
+      this.$refs.DialogForm.validate((valid) => {
+        this.flag = true
+        if (valid) {
+          this.instance.post(`/app/apppartyintegralrule/addOrUpdate`, {
+            ...this.form,
+            id: this.form.id
+          }).then((res) => {
+            if (res.code == 0) {
+              this.$message.success(`${this.isEdit ? '编辑成功' : '添加成功'}`)
+              this.dialog = false;
+              this.getList()
+            }
+          }).catch(() => {
+            this.flag = false;
+          })
+        } else {
+          this.flag = false;
+        }
+      });
+
+    },
+    toEdit(row) {
+      this.form = this.$copy(row)
+      let {event, type} = this.form
+      this.$dict.load('partyIntegralDetailType').then(() => {
+        this.form.eventType = [event, type]
+        this.cacheOps = this.$dict.getDict('partyIntegralRuleEvent').map(e => {
+          if (e.dictValue == event) {
+            e.children = this.$dict.getDict('integralRuleEvent4').map(d => ({...d, leaf: true}))
+          }
+          return e
+        })
+        this.$nextTick(() => {
+          this.dialog = true
+        })
+      })
+    },
+    remove(id) {
+      this.$confirm("删除后不可恢复，是否要删除该事项？", {
+        type: 'error'
+      }).then(() => {
+        this.instance
+        .post(`/app/apppartyintegralrule/delete?ids=${id}`)
+        .then((res) => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功！");
+            this.getList();
+          }
+        });
+      });
+    },
+    changeStatus(id, status) {
+      let text = status == 1 ? '启用' : '停用'
+      this.$confirm(`确定${text}该条规则？`).then(() => {
+        this.instance.post(`/app/apppartyintegralrule/enableOrDisable?id=${id}`).then((res) => {
+          if (res?.code == 0) {
+            this.$message.success(`${text}成功！`)
+            this.getList();
+          }
+        });
+      });
+    },
+  },
+}
+</script>
+
+<style>
+.automaticallyAddCent {}
+</style>
\ No newline at end of file
diff --git a/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue b/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue
new file mode 100644
index 00000000..40318107
--- /dev/null
+++ b/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue
@@ -0,0 +1,165 @@
+<template>
+  <section class="AppTvMsg">
+    <ai-list>
+      <ai-title slot="title" title="极光推送"/>
+      <template #content>
+        <ai-search-bar class="mar-t8">
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
+            <el-button icon="iconfont iconDelete" :disabled="!search.ids" @click="handleDelete(search.ids)">删除</el-button>
+          </template>
+          <template #right>
+            <ai-select v-model="search.type" :selectList="typeList" placeholder="请选择推送分类" @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getTableData" 
+          :col-configs="colConfigs" :dict="dict" @selection-change="v=>search.ids=v.map(e=>e.id).toString()">
+          <el-table-column slot="type" label="推送分类"  align="center" width="200">
+            <template slot-scope="{row}">
+              <span v-if="row.type == 15" style="color:#42D784;">核酸监测通知</span>
+              <span v-else style="color:#4E8EEE;">主动报备提醒</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" width="200">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+      
+    </ai-list>
+    <ai-dialog title="推送信息" :visible.sync="dialog" @closed="formInit" @onConfirm="submit" width="600px">
+        <el-form :model="form" size="small" ref="DialogForm" :rules="rules" label-width="80px">
+          <el-form-item label="推送分类" prop="type">
+            <ai-select v-model="form.type" :selectList="typeList" placeholder="请选择推送分类" @change="changeType"/>
+          </el-form-item>
+          <el-form-item label="消息内容" prop="msgContent">
+            <el-input type="textarea" :rows="2" placeholder="请输入消息内容" v-model="form.msgContent" maxlength="200" show-word-limit></el-input>
+          </el-form-item>
+          <template v-if="form.type == 15">
+            <el-form-item label="时间" prop="msgTime">
+              <el-input type="text" v-model="form.msgTime" maxlength="30" />
+            </el-form-item>
+            <el-form-item label="地点" prop="msgPlace">
+              <el-input type="text" v-model="form.msgPlace" maxlength="100" />
+            </el-form-item>
+            <el-form-item label="按钮标题" prop="msgBtnText">
+              <el-input type="text" v-model="form.msgBtnText" maxlength="20" />
+            </el-form-item>
+          </template>
+        </el-form>
+      </ai-dialog>
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AppTvMsg",
+  label: "极光推送",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    colConfigs() {
+      return [
+        {type: 'selection'},
+        {slot: "type"},
+        {label: "消息内容", prop: "content", align:'center'},
+        {slot: "options"}
+      ]
+    }
+  },
+  data() {
+    return {
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      dialog: false,
+      form: {
+        type: '',
+        msgContent: '',
+        msgTime: '',
+        msgPlace: '',
+        msgBtnText: '',
+      },
+      rules: {
+        type: {required: true, message: "请选择推送分类"},
+        msgContent: {required: true, message: "请输入消息内容"},
+        msgTime: {required: true, message: "请选择时间"},
+        msgPlace: {required: true, message: "请输入地点"},
+        msgBtnText: {required: true, message: "请输入按钮标题"},
+      },
+      typeList: [{dictName: '核酸监测通知', dictValue: '15' }, {dictName: '主动报备提醒', dictValue: '10' }],
+      search: {ids: [], type: ''}
+    }
+  },
+  methods: {
+    changeType() {
+      this.$refs['DialogForm'].clearValidate()
+    },
+    getTableData() {
+      this.instance.post("/app/appiptvjpush/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要删除推送消息?").then(() => {
+        this.instance.post("/app/appiptvjpush/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    },
+    submit() {
+      this.$refs.DialogForm.validate(v => {
+        if (v) {
+          let loading = this.$loading({text: "提交中..."})
+          this.instance.post("/app/appiptvjpush/addOrUpdate", this.form).then(res => {
+            loading.close()
+            if (res?.code == 0) {
+              this.$message.success("提交成功!")
+              this.dialog = false
+              this.page.current = 1
+              this.getTableData()
+            }
+          }).catch(() => loading.close())
+        }
+      })
+    },
+    formInit() {
+      for(let key in this.form) {
+        this.form[key] = ''
+      } 
+    }
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppTvMsg {
+  height: 100%;
+
+  ::v-deep.mar-t16 {
+    margin-top: 16px;
+  }
+
+  ::v-deep.mar-t8 {
+    margin-top: 8px;
+  }
+}
+</style>
diff --git a/project/sass/apps/AppBuildManage/AppBuildManage.vue b/project/sass/apps/AppBuildManage/AppBuildManage.vue
index a2d05ee0..0e177a12 100644
--- a/project/sass/apps/AppBuildManage/AppBuildManage.vue
+++ b/project/sass/apps/AppBuildManage/AppBuildManage.vue
@@ -41,7 +41,7 @@ export default {
 
       if (data.type === 'buildmsg') {
         this.component = 'BuildMsg'
-        this.params = { ...data.params }
+        this.params = {...data.params}
       }
 
       if (data.type == 'list') {
diff --git a/project/sass/apps/AppBuildManage/components/Add.vue b/project/sass/apps/AppBuildManage/components/Add.vue
index 94114c1a..a341196c 100644
--- a/project/sass/apps/AppBuildManage/components/Add.vue
+++ b/project/sass/apps/AppBuildManage/components/Add.vue
@@ -12,18 +12,19 @@
           <ai-bar title="基础信息"></ai-bar>
           <el-form-item label="小区名称" prop="communityName" class="line" ref="communityNameContent">
             <!-- 选择小区 -->
-            <ai-select v-if="instance" :instance="instance" v-model="formData.communityId" action="/app/appcommunityinfo/listAll" :prop="{ label: 'communityName' }"></ai-select>
+            <ai-select v-if="instance" :instance="instance" v-model="formData.communityId" action="/app/appcommunityinfo/listAll"
+                       :prop="{ label: 'communityName' }"></ai-select>
           </el-form-item>
 
           <div class="flex">
             <!-- 楼栋号 -->
             <el-form-item label="楼栋号" prop="buildingNumber" :rules="[{ required: true, message: '请输入楼栋号', trigger: 'blur' }]">
-              <el-input size="small" v-model="formData.buildingNumber" placeholder="请输入" clearable :disabled="isEdit" />
+              <el-input size="small" v-model="formData.buildingNumber" placeholder="请输入" clearable :disabled="isEdit"/>
             </el-form-item>
 
             <!-- 单元数 -->
             <el-form-item label="单元数" prop="unitNumber">
-              <el-input size="small" v-model.number="formData.unitNumber" placeholder="请输入" clearable :disabled="isEdit" />
+              <el-input size="small" v-model.number="formData.unitNumber" placeholder="请输入" clearable :disabled="isEdit"/>
             </el-form-item>
 
             <!-- 起始计数层数 -->
@@ -96,28 +97,22 @@
         <el-button type="primary" @click="confirm()">提交</el-button>
       </template>
     </ai-detail>
-    <ai-dialog title="地图" :visible.sync="showMap" @opened="getCorpLocation" width="800px" class="mapDialog" @onConfirm="selectMap">
+    <ai-dialog title="地图" :visible.sync="showMap" @opened="getCorpLocation" width="800px" class="mapDialog" @onConfirm="selectMap" fullscreen>
       <div id="map"></div>
-      <el-form label-width="80px" style="padding: 10px 20px 0 20px;">
-        <el-row type="flex" justify="space-between">
-          <el-form-item label="经度">
-            <el-input disabled size="small" v-model="placeDetail.lng"></el-input>
-          </el-form-item>
-          <el-form-item label="纬度">
-            <el-input disabled size="small" v-model="placeDetail.lat"></el-input>
-          </el-form-item>
-        </el-row>
+      <el-form label-position="left">
+        <el-form-item label="经纬度">{{ [placeDetail.lng, placeDetail.lat].toString() }}</el-form-item>
       </el-form>
-      <el-input id="searchPlaceInput" size="medium" class="searchPlaceInput" clearable v-model="searchPlace" autocomplete="on" @change="placeSearch.search(searchPlace)" placeholder="请输入关键字">
+      <el-input id="searchPlaceInput" size="medium" class="searchPlaceInput" clearable v-model="searchPlace" autocomplete="on"
+                @change="placeSearch.search(searchPlace)" placeholder="请输入关键字">
         <el-button type="primary" slot="append" @click="placeSearch.search(searchPlace)">搜索</el-button>
       </el-input>
-      <div id="searchPlaceOutput" />
+      <div id="searchPlaceOutput"/>
     </ai-dialog>
   </section>
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 import AMapLoader from '@amap/amap-jsapi-loader'
 
 export default {
@@ -148,33 +143,33 @@ export default {
       },
       formRules: {
         unitNumber: [
-          { required: true, message: '请输入单元数', trigger: 'change' },
+          {required: true, message: '请输入单元数', trigger: 'change'},
           {
             validator: (r, v, cb) => (!v || /^[1-9]\d*|0$/g.test(v) ? cb() : cb('请输入正整数')),
           },
         ],
         layerStart: [
-          { required: true, message: '请输入起始计数层数', trigger: 'change' },
+          {required: true, message: '请输入起始计数层数', trigger: 'change'},
           {
             validator: (r, v, cb) => (!v || /^[1-9]\d*|0$/g.test(v) ? cb() : cb('请输入正整数')),
           },
         ],
 
         layerNumber: [
-          { required: true, message: '请输入最高层数', trigger: 'change' },
+          {required: true, message: '请输入最高层数', trigger: 'change'},
           {
             validator: (r, v, cb) => (!v || /^[1-9]\d*|0$/g.test(v) ? cb() : cb('请输入正整数')),
           },
         ],
         householdStart: [
-          { required: true, message: '请输入起始计数户数', trigger: 'change' },
+          {required: true, message: '请输入起始计数户数', trigger: 'change'},
           {
             validator: (r, v, cb) => (!v || /^[1-9]\d*|0$/g.test(v) ? cb() : cb('请输入正整数')),
           },
         ],
 
         householdNumber: [
-          { required: true, message: '请输入每层户数', trigger: 'change' },
+          {required: true, message: '请输入每层户数', trigger: 'change'},
           {
             validator: (r, v, cb) => (!v || /^[1-9]\d*|0$/g.test(v) ? cb() : cb('请输入正整数')),
           },
@@ -226,7 +221,7 @@ export default {
           zooms: [6, 20],
           zoom: 11,
         })
-        this.placeSearch = new AMap.PlaceSearch({ map: this.map })
+        this.placeSearch = new AMap.PlaceSearch({map: this.map})
         new AMap.AutoComplete({
           input: 'searchPlaceInput',
           output: 'searchPlaceOutput',
@@ -267,33 +262,33 @@ export default {
 
     getListinfo() {
       return this.instance
-        .post('/app/appcommunitybuildinginfo/queryDetailById', null, {
-          params: {
-            id: this.params.id,
-          },
-        })
-        .then((res) => {
-          if (res.data) {
-            this.formData = res.data
-          }
-        })
+      .post('/app/appcommunitybuildinginfo/queryDetailById', null, {
+        params: {
+          id: this.params.id,
+        },
+      })
+      .then((res) => {
+        if (res.data) {
+          this.formData = res.data
+        }
+      })
     },
 
     confirm() {
       this.$refs['ruleForm'].validate((valid) => {
         if (valid) {
           this.instance
-            .post(`/app/appcommunitybuildinginfo/addOrUpdate`, {
-              ...this.formData,
-            })
-            .then((res) => {
-              if (res.code == 0) {
-                this.$message.success('提交成功')
-                setTimeout(() => {
-                  this.cancel(true)
-                }, 1000)
-              }
-            })
+          .post(`/app/appcommunitybuildinginfo/addOrUpdate`, {
+            ...this.formData,
+          })
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success('提交成功')
+              setTimeout(() => {
+                this.cancel(true)
+              }, 1000)
+            }
+          })
         }
       })
     },
@@ -317,29 +312,36 @@ export default {
 <style lang="scss" scoped>
 .AppBuildManage {
   ::v-deep .amap-logo {
-    display: none!important;
+    display: none !important;
   }
+
   ::v-deep .amap-copyright {
-    display: none!important;
+    display: none !important;
   }
 }
+
 .Add {
   height: 100%;
+
   .ai-detail__title {
     background-color: #fff;
   }
+
   .ai-detail__content {
     .ai-detail__content--wrapper {
       .el-form {
         background-color: #fff;
         padding: 0 60px;
+
         .flex {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
+
           .el-form-item {
             width: 48%;
           }
+
           .buildingTypes {
             width: 100%;
           }
@@ -350,11 +352,20 @@ export default {
 }
 
 ::v-deep .mapDialog {
+  .el-dialog {
+    display: flex;
+    flex-direction: column;
+  }
+
   .el-dialog__body {
     padding: 0;
+    flex: 1;
+    min-height: 0;
 
     .ai-dialog__content {
       padding: 0;
+      max-height: unset !important;
+      height: 100%;
     }
 
     .ai-dialog__content--wrapper {
@@ -364,7 +375,7 @@ export default {
 
     #map {
       width: 100%;
-      height: 420px;
+      height: 100%;
     }
 
     .searchPlaceInput {
@@ -374,6 +385,21 @@ export default {
       left: 25px;
     }
 
+    .el-form {
+      position: absolute;
+      width: 230px;
+      right: 25px;
+      top: 20px;
+      background: rgba(#fff, .8);
+      color: #26f;
+      padding: 0 16px;
+      box-sizing: border-box;
+
+      .el-form-item {
+        margin: 0;
+      }
+    }
+
     #searchPlaceOutput {
       position: absolute;
       width: 250px;
diff --git a/project/sass/apps/AppBuildManage/components/List.vue b/project/sass/apps/AppBuildManage/components/List.vue
index e23efbff..e0467d73 100644
--- a/project/sass/apps/AppBuildManage/components/List.vue
+++ b/project/sass/apps/AppBuildManage/components/List.vue
@@ -1,67 +1,73 @@
 <template>
-  <ai-list class="AppPetitionManage">
-      <ai-title slot="title" title="楼栋管理" isShowBottomBorder />
-      <template #left>
-        
-        <ai-tree-menu title="楼栋管理" @search="(v) => $refs.gridTree.filter(v)">
-          <el-tree :data="treeData" ref="gridTree" :filter-node-method="handleTreeFilter" @node-click="handleSelectGrid" highlight-current node-key="id" :props="{ label: 'name', children: 'children' }" />
-        </ai-tree-menu>
-      </template>
-      <template #content>
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <!-- 定位状态 -->
-            <ai-select v-model="search.locationStatus" placeholder="定位状态" clearable :selectList="$dict.getDict('BuildLocationStatus')" @change=";(page.current = 1), getList()"></ai-select>
+  <ai-list class="bmList">
+    <ai-title slot="title" title="楼栋管理" isShowBottomBorder/>
+    <template #left>
+
+      <ai-tree-menu title="楼栋管理" @search="(v) => $refs.gridTree.filter(v)">
+        <el-tree :data="treeData" ref="gridTree" :filter-node-method="handleTreeFilter" @node-click="handleSelectGrid" highlight-current node-key="id"
+                 :props="{ label: 'name', children: 'children' }"/>
+      </ai-tree-menu>
+    </template>
+    <template #content>
+      <ai-search-bar bottomBorder>
+        <template slot="left">
+          <!-- 定位状态 -->
+          <ai-select v-model="search.locationStatus" placeholder="定位状态" clearable :selectList="$dict.getDict('BuildLocationStatus')"
+                     @change=";(page.current = 1), getList()"></ai-select>
+        </template>
+
+        <!-- 搜索 -->
+        <template slot="right">
+          <el-input v-model="search.managerName" size="small" placeholder="楼栋号/楼长/联系方式" clearable v-throttle="() => {page.current = 1, getList()}"
+                    @clear=";(page.current = 1), (search.managerName = ''), getList()" suffix-icon="iconfont iconSearch"/>
+        </template>
+      </ai-search-bar>
+
+      <ai-search-bar style="margin-top: 16px;">
+        <template slot="left">
+          <el-button icon="iconfont iconAdd" type="primary" size="small" @click="onAdd('')" :disabled="!isAdd">添加</el-button>
+          <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除</el-button>
+        </template>
+
+        <!-- 导入导出 -->
+        <template #right>
+          <ai-import :instance="instance" :dict="dict" type="appcommunitybuildinginfo" :importParams="{ areaId: user.info && user.info.areaId }" name="楼栋管理"
+                     @success="getList()">
+            <el-button icon="iconfont iconImport">导入</el-button>
+          </ai-import>
+          <ai-download :instance="instance" url="/app/appcommunitybuildinginfo/listExport" :params="param" fileName="楼栋管理模板" :disabled="tableData.length == 0">
+            <el-button icon="iconfont iconExported" :disabled="tableData.length == 0">导出</el-button>
+          </ai-download>
+        </template>
+      </ai-search-bar>
+
+      <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex" style="margin-top: 20px;" :current.sync="page.current"
+                :size.sync="page.size" @getList="getList" @selection-change="(v) => (ids = v.map((e) => e.id))">
+        <el-table-column slot="locationStatus" label="定位状态" align="center">
+          <template slot-scope="{ row }">
+            <span style="color:red" v-if="row.locationStatus == 0">{{ dict.getLabel('BuildLocationStatus', row.locationStatus) }}</span>
+            <span style="color:green" v-if="row.locationStatus == 1">{{ dict.getLabel('BuildLocationStatus', row.locationStatus) }}</span>
           </template>
+        </el-table-column>
 
-          <!-- 搜索 -->
-          <template slot="right">
-            <el-input v-model="search.managerName" size="small" placeholder="楼栋号/楼长/联系方式" clearable v-throttle="() => {page.current = 1, getList()}" @clear=";(page.current = 1), (search.managerName = ''), getList()" suffix-icon="iconfont iconSearch" />
-          </template>
-        </ai-search-bar>
-
-        <ai-search-bar style="margin-top: 16px;">
-          <template slot="left">
-            <el-button icon="iconfont iconAdd" type="primary" size="small" @click="onAdd('')" :disabled="!isAdd">添加 </el-button>
-            <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button>
-          </template>
-
-          <!-- 导入导出 -->
-          <template #right>
-            <ai-import :instance="instance" :dict="dict" type="appcommunitybuildinginfo" :importParams="{ areaId: user.info && user.info.areaId }" name="楼栋管理" @success="getList()">
-              <el-button icon="iconfont iconImport">导入</el-button>
-            </ai-import>
-            <ai-download :instance="instance" url="/app/appcommunitybuildinginfo/listExport" :params="param" fileName="楼栋管理模板" :disabled="tableData.length == 0">
-              <el-button icon="iconfont iconExported" :disabled="tableData.length == 0">导出</el-button>
-            </ai-download>
-          </template>
-        </ai-search-bar>
-
-        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex" style="margin-top: 20px;" :current.sync="page.current" :size.sync="page.size" @getList="getList" @selection-change="(v) => (ids = v.map((e) => e.id))">
-          <el-table-column slot="locationStatus" label="定位状态" align="center">
-            <template slot-scope="{ row }">
-              <span style="color:red" v-if="row.locationStatus == 0">{{ dict.getLabel('BuildLocationStatus', row.locationStatus) }}</span>
-              <span style="color:green" v-if="row.locationStatus == 1">{{ dict.getLabel('BuildLocationStatus', row.locationStatus) }}</span>
-            </template>
-          </el-table-column>
-
-          <el-table-column slot="options" label="操作" align="center" width="240px" fixed="right">
-            <div class="table-options" slot-scope="{ row }">
-              <el-button type="text" @click="onAdd(row.id)">编辑</el-button>
-              <el-button type="text" @click="remove(row.id)">删除</el-button>
-              <el-button type="text" @click="toBuildMsg(row)">房屋信息</el-button>
-              <el-button type="text" @click="$router.push({ name: '63', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
-                楼栋模型
-              </el-button>
-            </div>
-          </el-table-column>
-        </ai-table>
-      </template>
+        <el-table-column slot="options" label="操作" align="center" width="240px" fixed="right">
+          <div class="table-options" slot-scope="{ row }">
+            <el-button type="text" @click="onAdd(row.id)">编辑</el-button>
+            <el-button type="text" @click="remove(row.id)">删除</el-button>
+            <el-button type="text" @click="toBuildMsg(row)">房屋信息</el-button>
+            <el-button type="text"
+                       @click="$router.push({ name: '63', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
+              楼栋模型
+            </el-button>
+          </div>
+        </el-table-column>
+      </ai-table>
+    </template>
   </ai-list>
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
 export default {
   name: 'List',
@@ -86,7 +92,7 @@ export default {
       id: '',
       ids: [],
       colConfigs: [
-        { type: 'selection' },
+        {type: 'selection'},
         {
           prop: 'communityName',
           label: '小区名称',
@@ -96,26 +102,26 @@ export default {
           label: '楼栋号',
           align: 'center',
         },
-        { prop: 'unitNumber', label: '单元数', align: 'center' },
+        {prop: 'unitNumber', label: '单元数', align: 'center'},
         {
           prop: 'layerNumber',
           label: '最高层数',
           align: 'center',
         },
-        { prop: 'householdNumber', label: '每层户数', align: 'center' },
+        {prop: 'householdNumber', label: '每层户数', align: 'center'},
         {
           prop: 'houseNum',
           label: '实有户数',
           align: 'center',
         },
-        { prop: 'residentNum', label: '实有人口', align: 'center' },
+        {prop: 'residentNum', label: '实有人口', align: 'center'},
         {
           prop: 'managerName',
           label: '楼栋长名',
           align: 'center',
         },
-        { prop: 'managerPhone', label: '楼栋长联系方式', align: 'center', width: '150' },
-        { slot: 'locationStatus' },
+        {prop: 'managerPhone', label: '楼栋长联系方式', align: 'center', width: '150'},
+        {slot: 'locationStatus'},
         {
           slot: 'options',
           label: '操作',
@@ -169,20 +175,20 @@ export default {
 
     getList() {
       this.instance
-        .post(`/app/appcommunitybuildinginfo/list`, null, {
-          params: {
-            ...this.page,
-            ...this.search,
-            communityId: this.communityId,
-            areaId: this.areaId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-          }
-        })
+      .post(`/app/appcommunitybuildinginfo/list`, null, {
+        params: {
+          ...this.page,
+          ...this.search,
+          communityId: this.communityId,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
     },
 
     // 添加
@@ -245,7 +251,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.AppPetitionManage {
+.bmList {
   height: 100%;
 
   .ai-detail {
@@ -284,7 +290,7 @@ export default {
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
-      color: transparent!important;
+      color: transparent !important;
     }
 
     .el-tree-node__content > .el-tree-node__expand-icon {
@@ -316,8 +322,9 @@ export default {
         color: #fff;
       }
 
+      width: 100%;
       background: #2266FF;
-      
+
       span {
         color: #fff;
       }
diff --git a/project/sass/apps/AppHouseMap/buildingStatistics.vue b/project/sass/apps/AppHouseMap/buildingStatistics.vue
index 281b70aa..99d28db5 100644
--- a/project/sass/apps/AppHouseMap/buildingStatistics.vue
+++ b/project/sass/apps/AppHouseMap/buildingStatistics.vue
@@ -1,74 +1,75 @@
 <template>
   <section class="buildingStatistics">
-    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
+    <ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder
+              @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
     <div class="buildingPane">
       <div class="bgItem tree"/>
-        <div class="building">
-          <template v-if="floorRooms.length>0">
-            <div class="buildingSignboard">{{ `${currentBuilding.buildingNumber}栋 ${unitNumber}单元` }}
-            </div>
-            <el-scrollbar class="floors">
-              <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
-                <div class="room" v-for="(op,i) in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)" :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
-                  {{ op.houseCode }}
-                  <div v-if="op.livingNumber==0">无人</div>
-                  <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
-                    <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
-                      <span>{{selected.houseCode}}详情</span>
-                      <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
-                    </el-row>
-                    <div class="family-member">
-                      <h2>房主信息</h2>
-                      <div v-for="(item,index) in selected.owner" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span style="color: #2266FF;">{{item.phone}}</span>
+      <div class="building">
+        <template v-if="floorRooms.length>0">
+          <div class="buildingSignboard" v-text="`${currentBuilding.buildingNumber}栋 ${unitNumber}单元`"/>
+          <el-scrollbar class="floors">
+            <div class="floor" v-for="(fl,j) in floorRooms" :key="j">
+              <div class="room" v-for="op in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)"
+                   :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
+                {{ op.houseCode }}
+                <div v-if="op.livingNumber==0">无人</div>
+                <div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
+                  <el-row class="popupHeader" type="flex" justify="space-between" align="middle">
+                    <span>{{ selected.houseCode }}详情</span>
+                    <ai-icon icon="iconClean" @click.native.stop="selected={}"/>
+                  </el-row>
+                  <div class="family-member">
+                    <h2>房主信息</h2>
+                    <div v-for="(item,index) in selected.owner" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
                       </div>
-
-                      <h2>承租人信息</h2>
-                      <div v-for="(item,index) in selected.renter" :key="item.id">
-                        <div class="family-member__item" >
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span style="color: #2266FF">{{root.dict.getLabel("houseLivingType",item.livingType)}}</span>
-                        </div>
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>联系方式</label>
-                          </div>
-                          <span>{{item.phone}}</span>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
                         </div>
+                        <span style="color: #2266FF;">{{ item.phone }}</span>
                       </div>
+                    </div>
 
-                      <h2>实际居住人员</h2>
-                      <div v-for="(item,index) in selected.live" :key="item.id">
-                        <div class="family-member__item">
-                          <div class="member-left">
-                            <label>{{item.name}}</label>
-                          </div>
-                          <span>{{root.dict.getLabel("householdRelation",item.relation)}}</span>
+                    <h2>承租人信息</h2>
+                    <div v-for="(item,index) in selected.renter" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
                         </div>
+                        <span style="color: #2266FF">{{ root.dict.getLabel("houseLivingType", item.livingType) }}</span>
+                      </div>
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>联系方式</label>
+                        </div>
+                        <span>{{ item.phone }}</span>
+                      </div>
+                    </div>
+
+                    <h2>实际居住人员</h2>
+                    <div v-for="(item,index) in selected.live" :key="item.id">
+                      <div class="family-member__item">
+                        <div class="member-left">
+                          <label>{{ item.name }}</label>
+                        </div>
+                        <span>{{ root.dict.getLabel("householdRelation", item.relation) }}</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </el-scrollbar>
-          </template>
-          <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
-          <div class="bottom"/>
-        </div>
-      <building-tool-bar></building-tool-bar>
+            </div>
+          </el-scrollbar>
+        </template>
+        <ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
+        <div class="bottom"/>
+      </div>
+      <building-tool-bar/>
     </div>
   </section>
 </template>
@@ -96,11 +97,11 @@ export default {
       rooms: [],
       selected: {},
       currentBuilding: {},
-      unitNumber:1,
+      unitNumber: 1,
       tips: [],
-      position:{
-        x:"",
-        y:""
+      position: {
+        x: "",
+        y: ""
       },
     }
   },
@@ -115,23 +116,23 @@ export default {
     }
   },
   created() {
-    this.dict.load('householdRelation', 'residentTipType',"houseLivingType")
+    this.dict.load('householdRelation', 'residentTipType', "houseLivingType")
     if (this.isFormDv && this.query.buildingId) {
       this.getRoomsByBuilding(this.query.buildingId, this.query.unitNum)
-      this.currentBuilding = { buildingNumber: this.query.buildingNumber}
+      this.currentBuilding = {buildingNumber: this.query.buildingNumber}
       this.unitNumber = this.query.unitNum
 
       return false
     }
-    this.getRoomsByBuilding(this.$route.query?.buildingId,this.$route.query?.unitNum)
+    this.getRoomsByBuilding(this.$route.query?.buildingId, this.$route.query?.unitNum)
     this.currentBuilding = {buildingNumber: this.$route.query?.buildingNumber};
     this.unitNumber = this.$route.query?.unitNum;
   },
   methods: {
     handleSelectRoom(room, e) {
       console.log(e)
-      if (room.livingNumber>0) {
-        this.$nextTick(()=>{
+      if (room.livingNumber > 0) {
+        this.$nextTick(() => {
           this.position.x = e.pageX + 40 + "px"
           this.position.y = e.pageY + "px"
           this.selected = room;
@@ -140,15 +141,17 @@ export default {
         // this.getRoomDetail(room.id)
       }
     },
-    selectedBuilding(building,unitNumber) {
+    selectedBuilding(building, unitNumber) {
       this.selected = {}
       this.tips = []
-      this.$router.push({query: {...this.$route.query, buildingId: building.id,unitNum:unitNumber}}).catch(e=>{e})
+      this.$router.push({query: {...this.$route.query, buildingId: building.id, unitNum: unitNumber}}).catch(e => {
+        e
+      })
       this.currentBuilding = building
       this.unitNumber = unitNumber
-      this.getRoomsByBuilding(building.id,unitNumber)
+      this.getRoomsByBuilding(building.id, unitNumber)
     },
-    getRoomsByBuilding(buildingId,unitNumber) {
+    getRoomsByBuilding(buildingId, unitNumber) {
       this.root.instance.post("/app/appcommunityhouseinfo/list", null, {
         params: {
           unitNumber,
@@ -170,11 +173,11 @@ export default {
           this.selected = {
             ...this.selected, ...res.data,
             residents: residents.map(e => {
-              let {tips} = e
-              //显示为户主
-              let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
-              return {...e, tips: tips ? tips.split("|") : [], relationLabel}
-            }
+                  let {tips} = e
+                  //显示为户主
+                  let relationLabel = e.householdName == 1 ? "户主" : this.root.dict.getLabel("householdRelation", e.householdRelation)
+                  return {...e, tips: tips ? tips.split("|") : [], relationLabel}
+                }
             )
           }
         }
@@ -197,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title{
+  ::v-deep .ailist-title {
     margin: 0 20px;
   }
 
@@ -337,29 +340,37 @@ export default {
 
     ::v-deep .floors {
       max-height: 520px;
+      max-width: 60vw;
+      margin: 0 20px;
+      padding: 0 50px;
+      position: relative;
 
-      .el-scrollbar__wrap {
-        overflow-x: hidden;
-        margin-bottom: 0 !important;
+      &:before {
+        display: block;
+        content: " ";
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
+        background-size: 100% 105px;
       }
     }
 
     .floor {
-      margin: 0 20px;
+      position: relative;
       height: 105px;
-      flex-shrink: 0;
-      max-width: calc(100% - 40px);
       display: flex;
+      flex-shrink: 0;
       align-items: center;
-      background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
-      background-size: 100% 105px;
-      padding: 0 30px;
       box-sizing: border-box;
       gap: 20px;
 
       .room {
         width: 60px;
         height: 72px;
+        flex-shrink: 0;
         background-image: url("https://cdn.cunwuyun.cn/buildSta/room.png");
         text-align: center;
         padding-top: 20px;
diff --git a/project/sass/apps/AppHouseMap/toolBar/communityOverview.vue b/project/sass/apps/AppHouseMap/toolBar/communityOverview.vue
index b4a92afe..60b0652a 100644
--- a/project/sass/apps/AppHouseMap/toolBar/communityOverview.vue
+++ b/project/sass/apps/AppHouseMap/toolBar/communityOverview.vue
@@ -5,8 +5,8 @@
       <div class="building" v-for="(value,name) in buildingUnits" :key="name">
         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)"
              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}">
-          <b>{{ name}}栋</b>
-          <div>{{ j+1 }}单元</div>
+          <b>{{ name }}栋</b>
+          <div>{{ j + 1 }}单元</div>
         </div>
       </div>
     </div>
@@ -22,7 +22,7 @@ export default {
     buildingUnits() {
       let obj = {}
       this.units.map(e => {
-        for(let i=0;i<e.unitNumber;i++){
+        for (let i = 0; i < e.unitNumber; i++) {
           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e])
         }
       })
@@ -57,6 +57,8 @@ export default {
 <style lang="scss" scoped>
 .communityOverview {
   max-width: 400px;
+  max-height: 600px;
+  overflow-y: auto!important;
 
   .units {
     display: flex;
@@ -68,7 +70,7 @@ export default {
       display: flex;
       align-items: center;
       height: auto;
-      flex-wrap: wrap; 
+      flex-wrap: wrap;
 
       .unit {
         margin-right: 10px;
diff --git a/project/sass/apps/AppResident/AppResident.vue b/project/sass/apps/AppResident/AppResident.vue
index 1faddcf8..9a179c2c 100644
--- a/project/sass/apps/AppResident/AppResident.vue
+++ b/project/sass/apps/AppResident/AppResident.vue
@@ -22,7 +22,7 @@ import ResidentSta from "./residentSta";
 
 export default {
   name: "AppResident",
-  label: "居民档案(saas)",
+  label: "居民档案",
   props: {
     instance: Function,
     dict: Object,
diff --git a/project/sass/apps/grid/AppGridBlock/AppGridBlock.vue b/project/sass/apps/grid/AppGridBlock/AppGridBlock.vue
index 238346d7..c7393f70 100644
--- a/project/sass/apps/grid/AppGridBlock/AppGridBlock.vue
+++ b/project/sass/apps/grid/AppGridBlock/AppGridBlock.vue
@@ -10,7 +10,7 @@ import Add from "./components/add";
 
 export default {
   name: "AppGridBlock",
-  label: "网格区块(saas)",
+  label: "网格区块",
 
   props: {
     instance: Function,
diff --git a/project/sass/apps/grid/AppGridBlock/components/list.vue b/project/sass/apps/grid/AppGridBlock/components/list.vue
index 775cfce8..8e896455 100644
--- a/project/sass/apps/grid/AppGridBlock/components/list.vue
+++ b/project/sass/apps/grid/AppGridBlock/components/list.vue
@@ -243,7 +243,7 @@ export default {
     },
     deleteById(ids) {
       ids &&
-      this.$confirm("删除网格后，会清除网格内网格员和责任家庭信息，如有下级网格，会同步删除下级网格所有数据!", {
+      this.$confirm("删除网格后，会清除网格内网格员的责任家庭信息，如有下级网格，会同步删除下级网格所有数据!", {
         type: "error",
       })
       .then(() => {
diff --git a/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue b/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
index 2b7e57fb..9369bb88 100644
--- a/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
+++ b/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
@@ -79,10 +79,12 @@ export default {
       this.points = []
     },
     handleAdd() {
-      let {polyEditor} = this
-      polyEditor.close();
-      polyEditor.setTarget();
-      polyEditor.open();
+      if (this.points?.length == 0) {
+        let {polyEditor} = this
+        polyEditor.close();
+        polyEditor.setTarget();
+        polyEditor.open();
+      } else this.$message.error("请先清除已标绘图形!")
     },
     initMap() {
       setTimeout(() => AMapLoader.load({
@@ -115,8 +117,10 @@ export default {
           })
         })
         this.polyEditor.on('end', ({target}) => {
-          this.overlays.push(target);
-          this.points.push(target.getPath().map((e) => ({lat: e.getLat(), lng: e.getLng()})))
+          if (target) {
+            this.overlays.push(target);
+            this.points = target.getPath().map(e => ({lat: e.getLat(), lng: e.getLng()}))
+          }
         });
         if (this.value?.length > 0) {
           let path = this.value.map(e => [e.lng, e.lat]);
diff --git a/project/sass/apps/grid/AppGridMap/AppGridMap.vue b/project/sass/apps/grid/AppGridMap/AppGridMap.vue
index 5437a42f..c6918b54 100644
--- a/project/sass/apps/grid/AppGridMap/AppGridMap.vue
+++ b/project/sass/apps/grid/AppGridMap/AppGridMap.vue
@@ -18,7 +18,7 @@ import List from "./components/list";
 
 export default {
   name: "AppGridMap",
-  label: "网格地图(saas)",
+  label: "网格地图",
 
   props: {
     instance: Function,
diff --git a/project/sass/apps/grid/AppGridMember/AppGridMember.vue b/project/sass/apps/grid/AppGridMember/AppGridMember.vue
index 60b249fe..bfddb525 100644
--- a/project/sass/apps/grid/AppGridMember/AppGridMember.vue
+++ b/project/sass/apps/grid/AppGridMember/AppGridMember.vue
@@ -20,7 +20,7 @@ import Family from "./components/Family";
 
 export default {
   name: "AppGridMember",
-  label: "网格管理员(saas)",
+  label: "网格管理员",
   props: {
     instance: Function,
     dict: Object,
diff --git a/project/sass/apps/grid/AppGridMember/components/Family.vue b/project/sass/apps/grid/AppGridMember/components/Family.vue
index f76dfd5c..e13cd50f 100644
--- a/project/sass/apps/grid/AppGridMember/components/Family.vue
+++ b/project/sass/apps/grid/AppGridMember/components/Family.vue
@@ -10,36 +10,36 @@
           <el-button size="small" :disabled="!ids.length" icon="iconfont iconDelete" @click="removeAll">批量删除</el-button>
           <el-select size="small" style="width: 200px;" v-model="search.girdId" placeholder="所属网格" clearable @change="getListInit()">
             <el-option
-              v-for="(item,i) in girdList"
-              :key="i"
-              :label="item.girdName"
-              :value="item.id"
+                v-for="(item,i) in girdList"
+                :key="i"
+                :label="item.girdName"
+                :value="item.id"
             >
             </el-option>
           </el-select>
         </template>
         <template #right>
           <el-input
-            v-model="search.name"
-            class="search-input"
-            size="small"
-            v-throttle="() => {search.current = 1, getList()}"
-            placeholder="姓名/身份证/联系方式"
-            clearable
-            @clear="search.current = 1, search.name = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.name"
+              class="search-input"
+              size="small"
+              v-throttle="() => {search.current = 1, getList()}"
+              placeholder="姓名/身份证/联系方式"
+              clearable
+              @clear="search.current = 1, search.name = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="total"
-        style="margin-top: 6px;"
-        :current.sync="search.current"
-        :size.sync="search.size"
-        @handleSelectionChange="handleSelectionChange"
-        @getList="getList">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @handleSelectionChange="handleSelectionChange"
+          @getList="getList">
         <el-table-column slot="options" width="100px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row }">
             <div class="table-options">
@@ -49,449 +49,209 @@
         </el-table-column>
       </ai-table>
       <ai-dialog
-        :visible.sync="isShow"
-        width="890px"
-        @close="closeDialog"
-        title="添加户主"
-        @onConfirm="onConfirm">
-        <ai-area-select clearable always-show :instance="instance"  v-model="areaId" @change="search.current = 1, getUserList()"></ai-area-select>
-        <span style="margin-top:16px;"><span style="color:#f46;margin-right:4px;">*</span>网格：</span>
-        <el-select size="small" style="width: 280px;margin-top:16px;" v-model="girdId" placeholder="请选择网格" clearable>
-          <el-option
-            v-for="(item,i) in girdList"
-            :key="i"
-            :label="item.girdName"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
-        <div class="AiWechatSelecter-container">
-          <div class="AiWechatSelecter-container__left" v-loading="isLoading">
-            <div class="AiWechatSelecter-header">
-              <div class="AiWechatSelecter-header__left">
-                <h2>户主信息列表</h2>
-              </div>
-              <el-input
-                class="search-input"
-                size="mini"
-                placeholder="请输入姓名/身份证号"
-                v-model="name"
-                clearable
-                @keyup.enter.native="getUserList()"
-                @clear="name = '', getUserList()"
-                suffix-icon="iconfont iconSearch">
-              </el-input>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <el-checkbox-group v-model="chooseUser">
-                <el-checkbox
-                  :label="`${item.name}~${item.id}`"
-                  v-for="(item, index) in userList"
-                  :key="index">
-                  {{ item.name }}-{{ item.idNumber }}
-                </el-checkbox>
-              </el-checkbox-group>
-              <AiEmpty v-if="!this.userList.length"></AiEmpty>
-            </el-scrollbar>
-          </div>
-          <div class="AiWechatSelecter-container__right">
-            <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
-              <h2>已选择</h2>
-              <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
-            </div>
-            <el-scrollbar class="AiWechatSelecter-list">
-              <div class="tags-wrapper">
-                <el-tag
-                  v-for="(item, index) in chooseUser"
-                  :key="index"
-                  closable
-                  @close="del(item)"
-                  size="small"
-                  type="info">
-                  {{ item.split('~')[0] }}
-                </el-tag>
-              </div>
-            </el-scrollbar>
-          </div>
-        </div>
+          :visible.sync="isShow"
+          width="1100px"
+          @close="closeDialog"
+          title="添加户主"
+          @onConfirm="onConfirm">
+        <el-form ref="DialogForm" size="small" label-width="0">
+          <el-form-item>
+            <ai-area-select clearable always-show :instance="instance" v-model="areaId" :disabled-level="disabledLevel"/>
+          </el-form-item>
+          <el-form-item label="网格：" required label-width="80px">
+            <el-select size="small" v-model="girdId" placeholder="请选择网格" clearable>
+              <el-option v-for="(item,i) in girdList" :key="i" :label="item.girdName" :value="item.id"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <ai-table-select :instance="instance" :action="`/app/appresident/list?householdName=1&areaId=${areaId}`"
+                             @select="v=>chooseUser=v" multiple/>
+          </el-form-item>
+        </el-form>
       </ai-dialog>
     </template>
   </ai-list>
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'Family',
+import {mapState} from 'vuex'
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
-    },
+export default {
+  name: 'Family',
 
-    data() {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: '',
-          girdId: ''
-        },
-        isLoading: false,
-        form: {
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
 
-        },
-        userList: [],
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
         name: '',
-        chooseUser: [],
-        isShow: false,
-        total: 10,
-        colConfigs: [
-          { type: 'selection', label: '' },
-          { prop: 'name',  label: '户主姓名', align: 'left', width: '200px' },
-          { prop: 'idNumber', label: '身份证号', align: 'center' },
-          { prop: 'phone', label: '联系方式', align: 'center' },
-          { prop: 'girdName', label: '所属网格', align: 'center' },
-          { prop: 'createTime', label: '添加时间', align: 'center' },
-          { slot: 'options', label: '操作', align: 'center' }
-        ],
-        tableData: [],
-        areaId: '',
-        ids: [],
-        disabledLevel: 0,
-        girdList: [],
-        girdId: '',
-      }
-    },
+        girdId: ''
+      },
+      isLoading: false,
+      form: {},
+      userList: [],
+      name: '',
+      chooseUser: [],
+      isShow: false,
+      total: 10,
+      colConfigs: [
+        {type: 'selection', label: ''},
+        {prop: 'name', label: '户主姓名', align: 'left', width: '200px'},
+        {prop: 'idNumber', label: '身份证号', align: 'center'},
+        {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'girdName', label: '所属网格', align: 'center'},
+        {prop: 'createTime', label: '添加时间', align: 'center'},
+        {slot: 'options', label: '操作', align: 'center'}
+      ],
+      tableData: [],
+      areaId: '',
+      ids: [],
+      disabledLevel: 0,
+      girdList: [],
+      girdId: '',
+    }
+  },
 
-    computed: {
-      ...mapState(['user'])
-    },
+  computed: {
+    ...mapState(['user'])
+  },
 
-    created() {
-      this.dict.load('epidemicDangerousAreaLevel').then(() => {
-        this.getGirdList()
-        this.getList()
-        this.getUserList()
+  created() {
+    this.dict.load('epidemicDangerousAreaLevel').then(() => {
+      this.getGirdList()
+      this.getList()
+      this.getUserList()
+    })
+  },
+
+  methods: {
+    getGirdList() {
+      this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.params.id}`).then(res => {
+        if (res.code == 0) {
+          this.girdList = res.data
+        }
+      })
+    },
+    getListInit() {
+      this.search.current = 1
+      this.getList()
+    },
+    getList() {
+      this.instance.post(`/app/appgirdmemberresident/listByGirdMember`, null, {
+        params: {
+          ...this.search,
+          girdMemberId: this.params.id,
+          searchAreaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
       })
     },
 
-    methods: {
-      getGirdList() {
-        this.instance.post(`/app/appgirdmemberinfo/queryMyGirdListByLevel2?girdMemberId=${this.params.id}`).then(res => {
-          if (res.code == 0) {
-            this.girdList = res.data
-          }
-        })
-      },
-      getListInit() {
-        this.search.current = 1
-        this.getList()
-      },
-      getList () {
-        this.instance.post(`/app/appgirdmemberresident/listByGirdMember`, null, {
-          params: {
-            ...this.search,
-            girdMemberId: this.params.id,
-            searchAreaId: this.areaId
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-          }
-        })
-      },
-
     removeAll() {
-        if (!this.ids) {
-          return this.$message.error('请选择户主')
-        }
-        this.remove(this.ids.join(','))
-      },
-      handleSelectionChange(e) {
-        this.ids = e.map(v => v.gmrId)
-      },
-
-      clearAll () {
-        this.chooseUser = []
-      },
-
-      onConfirm () {
-        if(!this.girdId) {
-          return this.$message.error('请选择网格')
-        }
-
-        if (!this.chooseUser.length) {
-          return this.$message.error('请选择户主')
-        }
-
-        const residentList = this.chooseUser.map(v => {
-          return {
-            girdMemberId: this.params.id,
-            name: v.split('~')[0],
-            residentId: v.split('~')[1],
-            girdId: this.girdId
-          }
-        })
-        this.instance.post(`/app/appgirdmemberresident/add`, {
-          residentList
-        }).then(res => {
-          if (res.code == 0) {
-            this.current = 1
-            this.getList()
-            this.$message.success('添加成功')
-            this.closeDialog()
-          }
-        })
-      },
-      closeDialog() {
-        this.isShow = false
-        this.chooseUser = []
-        this.girdId = ''
-        this.name = ''
-        this.areaId = this.user.info.areaId
-        this.getUserList()
-      },
-
-      del (e) {
-        this.chooseUser.splice(this.chooseUser.indexOf(e), 1)
-      },
-
-      getUserList () {
-        this.isLoading = true
-        this.instance.post(`/app/appresident/list`, null, {
-          params: {
-            current: 1,
-            size: 200,
-            con: this.name,
-            householdName: 1,
-            searchAreaId: this.areaId,
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.userList = res.data.records
-          }
-
-          this.isLoading = false
-        })
-      },
-
-      onBack () {
-        this.$emit('change', {
-          type: 'list'
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appgirdmemberresident/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
+      if (!this.ids) {
+        return this.$message.error('请选择户主')
       }
+      this.remove(this.ids.join(','))
+    },
+    handleSelectionChange(e) {
+      this.ids = e.map(v => v.gmrId)
+    },
+
+    clearAll() {
+      this.chooseUser = []
+    },
+
+    onConfirm() {
+      if (!this.girdId) {
+        return this.$message.error('请选择网格')
+      }
+
+      if (!this.chooseUser.length) {
+        return this.$message.error('请选择户主')
+      }
+
+      const residentList = this.chooseUser.map(v => {
+        return {
+          girdMemberId: this.params.id,
+          name: v.name,
+          residentId: v.id,
+          girdId: this.girdId
+        }
+      })
+      this.instance.post(`/app/appgirdmemberresident/add`, {
+        residentList
+      }).then(res => {
+        if (res.code == 0) {
+          this.current = 1
+          this.getList()
+          this.$message.success('添加成功')
+          this.closeDialog()
+        }
+      })
+    },
+    closeDialog() {
+      this.isShow = false
+      this.chooseUser = []
+      this.girdId = ''
+      this.name = ''
+      this.areaId = this.user.info.areaId
+      this.getUserList()
+    },
+
+    del(e) {
+      this.chooseUser.splice(this.chooseUser.indexOf(e), 1)
+    },
+
+    getUserList() {
+      this.isLoading = true
+      this.instance.post(`/app/appresident/list`, null, {
+        params: {
+          current: 1,
+          size: 200,
+          con: this.name,
+          householdName: 1,
+          searchAreaId: this.areaId,
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.userList = res.data.records
+        }
+
+        this.isLoading = false
+      })
+    },
+
+    onBack() {
+      this.$emit('change', {
+        type: 'list'
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appgirdmemberresident/delete?ids=${id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getList()
+          }
+        })
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .Family {
-    .AiWechatSelecter-container {
-      display: flex;
-      height: 380px;
-      margin-top: 20px;
-
-      ::v-deep {
-        .el-icon-circle-close {
-          display: inline-block!important;
-        }
-      }
-
-      .tree-container {
-        & > span {
-          display: block;
-          margin-bottom: 4px;
-        }
-
-        .tree-user__item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 10px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-        img {
-          width: 27px;
-          height: 27px;
-          margin-right: 10px;
-        }
-      }
-
-      ::v-deep .el-tree {
-        background: transparent;
-
-        .el-tree-node {
-          margin-bottom: 8px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-
-        .el-tree-node__content {
-          height: auto;
-          margin-top: 2px;
-          // align-items: inherit;
-        }
-        
-        .el-tree-node__expand-icon {
-          height: 24px;
-        }
-      }
-
-      .mask-btn__wrapper {
-        position: relative;
-      }
-
-      .mask-btn {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-      }
-
-      .userlist-item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 8px;
-        padding: 0 17px;
-        cursor: pointer;
-        user-select: none;
-
-        ::v-deep .el-checkbox__label {
-          display: none;
-        }
-
-        .userlist-item__left {
-          display: flex;
-          align-items: center;
-
-          span {
-            color: #222222;
-            font-size: 14px;
-          }
-
-          img {
-            width: 40px;
-            height: 40px;
-            margin-right: 8px;
-          }
-        }
-      }
-
-      & > div {
-        width: 280px;
-        background: #FCFCFC;
-        border: 1px solid #D0D4DC;
-      }
-
-      .AiWechatSelecter-list {
-        height: calc(100% - 40px);
-        padding: 8px 0;
-
-        ::v-deep .el-scrollbar__wrap {
-          margin-bottom: 0!important;
-          overflow-x: hidden;
-        }
-
-        ::v-deep .el-checkbox-group {
-          padding: 0 8px;
-
-          .el-checkbox {
-            display: block;
-            margin-right: 0;
-          }
-        }
-      }
-
-      .AiWechatSelecter-container__left {
-        flex: 1;
-      }
-
-      .AiWechatSelecter-container__right {
-        flex: 1;
-        margin-left: 20px;
-
-        .AiWechatSelecter-list {
-          .tags-wrapper {
-            padding: 0 8px;
-          }
-          .el-tag {
-            margin: 0 8px 8px 0px;
-            color: #222222;
-            font-size: 14px;
-          }
-        }
-      }
-
-      .AiWechatSelecter-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 40px;
-        padding: 0 8px 0 0;
-        border-bottom: 1px solid #D0D4DC;
-        background: #F5F7FA;
-
-        .AiWechatSelecter-header__left {
-          display: flex;
-          align-items: center;
-          padding: 0 8px;
-
-          h2 {
-            height: 100%;
-            line-height: 40px;
-            color: #222222;
-            font-size: 14px;
-            text-align: center;
-            cursor: pointer;
-            border-bottom: 2px solid transparent;
-
-            &.active {
-              color: #2266FF;
-              border-color: #2266FF;
-            }
-          }
-        }
-
-        .el-button {
-          height: 28px;
-          padding: 7px 5px;
-        }
-
-        .el-input {
-          width: 160px;
-        }
-      }
-
-      .AiWechatSelecter-header__right {
-        padding: 0 8px;
-
-        h2 {
-          color: #222222;
-          font-size: 14px;
-          text-align: center;
-        }
-      }
-    }
-  }
+.Family {
+}
 </style>
diff --git a/project/shandong10086/apps.import.json b/project/shandong10086/apps.import.json
index e978aa21..6b292505 100644
--- a/project/shandong10086/apps.import.json
+++ b/project/shandong10086/apps.import.json
@@ -19,7 +19,9 @@
   "AppScoreFamily": "家庭积分",
   "AppScorePersonal": "个人积分",
   "AppScoreRules": "积分规则",
+  "AppScoreSysUser": "员工积分",
   "AppScoreSupermarket": "积分超市",
+  "AppScoreManage": "积分维护",
   "AppVillageActivity": "乡村活动",
   "AppAddressBook": "内部通讯录",
   "AppNavConfig": "小程序导航配置",
@@ -34,5 +36,7 @@
   "AppResident": "居民档案",
   "AppISMap": "监控地图",
   "AppISManage": "智能安防",
-  "AppISDevice": "安防设备"
+  "AppISDevice": "安防设备",
+  "AppIntegralAudit": "积分申请",
+  "AppJob": "招工就业"
 }
diff --git a/project/shandong10086/apps/shandong/AppIntegralAudit/components/Detail.vue b/project/shandong10086/apps/shandong/AppIntegralAudit/components/Detail.vue
deleted file mode 100644
index de3f7a92..00000000
--- a/project/shandong10086/apps/shandong/AppIntegralAudit/components/Detail.vue
+++ /dev/null
@@ -1,237 +0,0 @@
- <template>
-  <ai-detail class="audit">
-    <template slot="title">
-      <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
-      </ai-title>
-    </template>
-    <template slot="content">
-      <ai-card title="基本信息">
-        <template #content>
-          <ai-wrapper
-            label-width="120px">
-            <ai-info-item label="申请人" :value="info.residentName"></ai-info-item>
-            <ai-info-item label="申请时间" :value="info.createTime"></ai-info-item>
-            <ai-info-item label="积分类型" :value="dict.getLabel('atWillReportType', info.applyIntegralType)"></ai-info-item>
-            <ai-info-item label="申请描述" :value="info.description" isLine></ai-info-item>
-            <ai-info-item label="联系电话" isLine :value="info.residentPhone"></ai-info-item>
-            <ai-info-item label="图片" isLine>
-              <ai-uploader v-model="info.applyFiles" disabled></ai-uploader>
-            </ai-info-item>
-          </ai-wrapper>
-        </template>
-      </ai-card>
-      <ai-card title="处理结果" v-if="info.auditStatus !== '0'">
-        <div slot="content" style="margin-top: 16px;margin-bottom:24px">
-          <ai-wrapper
-            label-width="120px">
-            <ai-info-item label="审核结果" :value="info.auditStatus === '1' ? '通过' : '拒绝'" isLine></ai-info-item>
-            <ai-info-item label="审核意见" v-if="info.auditStatus === '2'" isLine :value="info.auditOpinion"></ai-info-item>
-            <ai-info-item label="积分规则类别" v-if="info.auditStatus === '1'" :value="dict.getLabel('atWillReportType', info.auditIntegralType)"></ai-info-item>
-            <ai-info-item label="积分规则事项" v-if="info.auditStatus === '1'" :value="info.auditRuleName"></ai-info-item>
-            <ai-info-item label="积分调整" isLine v-if="info.auditStatus === '1'" :value="(info.auditIntegral >= 0 ? info.auditIntegral : info.auditIntegral) + '分'"></ai-info-item>
-            <ai-info-item label="审核人" :value="info.auditUserName"></ai-info-item>
-            <ai-info-item label="审核时间" :value="info.auditTime"></ai-info-item>
-          </ai-wrapper>
-        </div>
-      </ai-card>
-      <ai-dialog
-        :visible.sync="isShow"
-        width="800px"
-        @close="onClose"
-        title="事件审核"
-        @onConfirm="onConfirm">
-        <el-form class="ai-form" label-width="120px" :model="form" ref="form">
-          <el-form-item label="是否通过审核" prop="pass" style="width: 100%;" :rules="[{ required: true, message: '请选择是否通过审核' }]">
-            <el-radio-group v-model="form.pass" @change="onStatusChange">
-              <el-radio label="0">否</el-radio>
-              <el-radio label="1">是</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '' }]">
-            <div class="flex-warpper">
-               <el-form-item  label-width="0" prop="auditIntegralType" :rules="[{ required: true, message: '请选择积分规则类别' }]">
-                <ai-select
-                  v-model="form.auditIntegralType"
-                  clearable
-                  style="width: 180px;"
-                  placeholder="请选择积分规则类别"
-                  :selectList="dict.getDict('atWillReportType')"
-                  @change="onChange">
-                </ai-select>
-               </el-form-item>
-               <el-form-item style="margin: 0 10px;" prop="auditRuleId" :rules="[{ required: true, message: '请选择积分规则事项' }]">
-                <ai-select
-                  v-model="form.auditRuleId"
-                  clearable
-                  style="width: 180px;"
-                  placeholder="请选择积分规则事项"
-                  :selectList="ruleList">
-                </ai-select>
-               </el-form-item>
-              <span>{{ integralText }}</span>
-            </div>
-          </el-form-item>
-          <el-form-item label="审核意见" v-if="form.pass === '0'" prop="opinion" style="width: 100%;" :rules="[{ required: true, message: '请输入审核意见' }]">
-            <el-input type="textarea" :rows="5" :maxlength="200" v-model="form.opinion" clearable placeholder="请输入审核意见" show-word-limit></el-input>
-          </el-form-item>
-        </el-form>
-      </ai-dialog>
-    </template>
-    <template #footer >
-      <el-button @click="cancel">取消</el-button>
-      <el-button type="primary" @click="isShow = true" v-if="info.auditStatus === '0'">审核</el-button>
-    </template>
-  </ai-detail>
-</template>
-
-<script>
-  export default {
-    name: 'Detail',
-
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
-    },
-
-    data () {
-      const validatorRules = function (rule, value, callback) {
-        if (value === '') {
-          callback(new Error('请输入联系方式'))
-        } else if (!/^1\d{10}$/.test(value)) {
-          callback(new Error('手机号格式错误'))
-        } else {
-          callback()
-        }
-      }
-      return {
-        total: 0,
-        info: {
-          auditStatus: '0'
-        },
-        id: '',
-        isShow: false,
-        form: {
-          auditIntegralType: '',
-          auditRuleId: '',
-          opinion: '',
-          pass: ''
-        },
-        ruleList: []
-      }
-    },
-
-    computed: {
-      integralText () {
-        if (!this.form.auditRuleId) {
-          return ''
-        }
-
-        const integral = this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral
-
-        return integral >= 0 ? `+${integral}分` : `${integral}分`
-      }
-    },
-
-    created () {
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-        this.dict.load(['atWillReportType', 'auditStatus']).then(() => {
-          this.getInfo(this.params.id)
-        })
-      }
-    },
-
-    methods: {
-      getInfo (id) {
-        this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-          }
-        })
-      },
-
-      onStatusChange () {
-        this.$refs.form.clearValidate()
-      },
-
-      onClose () {
-        this.form.auditIntegralType = ''
-        this.form.auditRuleId = ''
-        this.form.pass = ''
-        this.form.opinion = ''
-        this.id = ''
-      },
-
-      onConfirm() {
-        this.$refs.form.validate(v => {
-          if (v) {
-            this.instance.post('/app/appvillagerintegraldeclare/examine', null, {
-              params: {
-                ...this.form,
-                id: this.params.id,
-                auditIntegral: this.form.auditRuleId ? this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral : '',
-                auditRuleName: this.form.auditRuleId ? this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].ruleName : ''
-              }
-            }).then(res => {
-              if (res.code == 0) {
-                this.isShow = false
-                this.getInfo(this.params.id)
-                this.$message.success('审核成功!')
-              }
-            })
-          }
-        })
-      },
-
-      onChange (e) {
-        this.form.auditRuleId = ''
-        this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}`).then(res => {
-          if (res?.code == 0) {
-            this.ruleList = res.data.records.filter(v => v.ruleStatus === '1').map(v => {
-              return {
-                dictName: v.ruleName,
-                dictValue: v.id,
-                ruleName: v.ruleName,
-                integral: v.integral
-              }
-            })
-          }
-        })
-      },
-
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'list',
-          isRefresh: !!isRefresh
-        })
-      }
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .audit {
-    .flex-warpper {
-      display: flex;
-      align-items: center;
-
-      ::v-deep .el-form-item .el-form-item__content {
-        margin-left: 0!important;
-      }
-
-      ::v-deep .ai-select {
-        margin: 0!important;
-      }
-
-      ::v-deep .el-form-item {
-        width: auto;
-        margin-bottom: 0;
-
-        &:last-child {
-          margin-right: 10px;
-        }
-      }
-    }
-  }
-</style>
diff --git a/project/shandong10086/apps/shandong/scoreManage/AppScoreManage.vue b/project/shandong10086/apps/shandong/scoreManage/AppScoreManage.vue
deleted file mode 100644
index 82759bac..00000000
--- a/project/shandong10086/apps/shandong/scoreManage/AppScoreManage.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <ai-list>
-    <template slot="title">
-      <ai-title title="积分维护" :isShowBottomBorder="false" :instance="instance" :isShowArea="true" v-model="areaId"
-                @change="changeArea"></ai-title>
-    </template>
-    <template slot="tabs">
-      <el-tabs v-model="currIndex">
-        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :is="tab.comp" v-if="currIndex === String(i)" :bizType="tab.bizType" :ref="tab.name"
-                     :areaId="areaId" :instance="instance" :dict="dict" :permissions="permissions"/>
-        </el-tab-pane>
-      </el-tabs>
-    </template>
-  </ai-list>
-</template>
-
-<script>
-import pointsDeclaration from "./pointsDeclaration.vue"
-import pointsDetails from "./pointsDetails.vue"
-import pointsAppeal from './pointsAppeal'
-import {mapState} from 'vuex'
-import scoreChange from "./scoreChange";
-
-export default {
-    name: 'AppScoreManage',
-    label: "积分维护",
-    components: {pointsDeclaration, pointsDetails, pointsAppeal, scoreChange},
-    props: {
-      instance: Function,
-      dict: Object,
-      permissions: Function
-    },
-
-    computed: {
-      ...mapState(['user']),
-      tabs() {
-        return [
-          // {
-          //   label: "积分申报",
-          //   name: "pointsDeclaration",
-          //   comp: pointsDeclaration,
-          //   permission: "app_apppartyfee_record",
-          //   bizType: '0'
-          // },
-          // { label: "积分申诉", name: "pointsAppeal", comp: pointsAppeal, permission: "app_apppartyfee_config", bizType: '1'},
-          {
-            label: "积分明细",
-            name: "pointsDetails",
-            comp: pointsDetails,
-            permission: "app_apppartyfee_statistics",
-            bizType: '2'
-          },
-          {
-            label: "积分调整",
-            name: "scoreChange",
-            comp: scoreChange,
-            permission: "",
-          },
-        ]
-      }
-    },
-    created() {
-      this.areaId = this.user.info.areaId
-    },
-    methods: {
-      changeArea() {
-        this.$nextTick(() => {
-          this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
-        })
-      }
-    },
-    data() {
-      return {
-        activeName: "pointsDeclaration",
-        currIndex: '0',
-        areaId: ''
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/project/shandong10086/apps/shandong/scoreManage/pointsAppeal.vue b/project/shandong10086/apps/shandong/scoreManage/pointsAppeal.vue
deleted file mode 100644
index 742b7ede..00000000
--- a/project/shandong10086/apps/shandong/scoreManage/pointsAppeal.vue
+++ /dev/null
@@ -1,611 +0,0 @@
-<template>
-  <section class="pointsDeclaration">
-    <ai-list isTabs>
-      <template slot="content">
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <el-button type="primary" icon="iconfont iconAdd" @click="onAdd" v-if="$permissions('app_appvillagerintegraldeclare_edit')">代申诉</el-button>
-            <el-button icon="iconfont iconEdit" @click="batchAduit()" :disabled="!Boolean(selectionList.length)" v-if="$permissions('app_appvillagerintegraldeclare_edit')">批量审核</el-button>
-            <ai-select
-              v-model="search.status"
-              @change="page.current = 1, getList()"
-              placeholder="发布状态"
-              :selectList="dict.getDict('integralDeclareStatus')">
-            </ai-select>
-            <div class="times_div">
-              <p class="times">申诉时间</p>
-              <el-date-picker
-                v-model="search.declareTimeStart"
-                type="date"
-                size="small"
-                @change="page.current = 1,getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="开始日期">
-              </el-date-picker>
-              <el-date-picker
-                v-model="search.declareTimeEnd"
-                type="date"
-                size="small"
-                @change="page.current = 1,getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="结束日期">
-              </el-date-picker>
-            </div>
-          </template>
-          <template slot="right">
-            <el-input
-              v-model="search.familyName"
-              class="search-input"
-              size="mini"
-              placeholder="申诉人/申诉对象/..."
-              clearable
-              v-throttle="() => {page.current = 1, getList()}"
-              @clear="page.current = 1, getList()"
-              suffix-icon="iconfont iconSearch" />
-          </template>
-        </ai-search-bar>
-        <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="page.total"
-          :current.sync="page.current"
-          :size.sync="page.size"
-          @getList="getList"
-          @selection-change="handleSelectionChange"
-        >
-          <el-table-column slot="selection" type="selection" width="55" :selectable="(row, index)=>{
-              if(row.status==0){
-                return true
-              }else{
-                return false
-              }                  
-          }"></el-table-column>
-          <el-table-column slot="options" label="操作" align="center">
-            <template slot-scope="{ row }">
-              <span
-                class="iconfont iconEdit icon-color89B"
-                v-if="row.status === '0'&&$permissions('app_appvillagerintegraldeclare_edit')"
-                title="编辑"
-                @click="toEdit(row)"
-              ></span>
-              <span
-                class="iconfont iconShow icon-color89B"
-                v-if="row.status !== '0'&&$permissions('app_appvillagerintegraldeclare_detail')"
-                title="详情"
-                @click="toEdit(row)"
-              ></span>
-              <!-- <span
-                class="iconfont iconDelete icon-color89B"
-                v-if="$permissions('app_appofficialdocumentinfo_del')"
-                title="删除"
-                @click="remove(row.id)"
-              ></span> -->
-            </template>
-          </el-table-column>
-        </ai-table>
-      </template>
-    </ai-list>
-    <ai-dialog
-      title="积分代申诉"
-      :visible.sync="dialog.visibleAdd"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-      @close="init('ruleForm')"
-    >
-      <div class="form_div">
-        <el-form
-          ref="ruleForm"
-          :model="dialogInfo"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          label-width="140px"
-        >
-          <el-form-item label="代申诉家庭" prop="users">            
-              <ai-person-select :customClicker="true" :isMultiple="true" :chooseUserList.sync="dialogInfo.users" :instance="instance" url="/app/appvillagerintegralfamilymember/list" >
-                    <template name="option" v-slot:option="{ item }">
-                      <span class="iconfont iconProlife">{{ item.name }}</span>
-                      <ai-id mode="show" :show-eyes="false" :value="item.idNumber" />
-                    </template>
-              </ai-person-select>
-          </el-form-item>
-          <el-form-item label="代申诉说明" prop="declareDescription">
-            <el-input type="textarea" :rows="3" placeholder="请输入…" maxlength="100" show-word-limit v-model="dialogInfo.declareDescription"></el-input>
-          </el-form-item>
-          <el-form-item label="照片" prop="fileList">
-            <div class="upload">
-              <ai-uploader :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
-            </div>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visibleAdd=false" size="medium">取消</el-button>
-        <el-button @click="declare('ruleForm')" type="primary" size="medium">提交</el-button>
-      </div>
-    </ai-dialog>
-    <ai-dialog
-      title="申诉审核"
-      :visible.sync="dialog.visibleDetail"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-      @close="init('rules')"
-    >
-      <div class="form_content" v-if="!isBatch">
-        <div class="form_flex form_info">
-          <div>
-            <span class="form_label">申诉人：</span>
-            <span class="form_value">{{rowInfo.declareName}}</span>
-          </div>
-          <div>
-            <span class="form_label">申诉对象：</span>
-            <span class="form_value">{{rowInfo.declareObjName}}</span>
-          </div>
-          <div>
-            <span class="form_label">户主：</span>
-            <span class="form_value">{{rowInfo.familyName}}</span>
-          </div>
-        </div>
-        <div class="form_info">
-          <span class="form_label">申诉说明：</span>
-          <span class="form_value">{{rowInfo.declareDescription}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">申诉时间：</span>
-          <span class="form_value">{{rowInfo.declareTime}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">照片：</span>
-          <span class="form_value">
-              <ai-uploader  :disabled="true" :instance="instance" v-model="rowInfo.fileList" :limit="9" ></ai-uploader>
-          </span>
-        </div>
-      </div>
-      <div class="form_div">
-        <el-form
-          ref="rules"
-          :model="dialogDetail"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          v-show="rowInfo.status==0"
-          label-width="90px"
-        >
-          <el-form-item label="类型" prop="doType">
-            <el-radio-group v-model="dialogDetail.doType" @change="changeDoType">
-              <el-radio label="1">加分</el-radio>
-              <el-radio label="0">扣分</el-radio>
-              <el-radio label="2">拒绝</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="事项" prop="ruleId" v-if='dialogDetail.doType!=2'>
-            <el-select v-model="dialogDetail.ruleId" placeholder="请选择..." @change="ruleChange">
-                  <el-option
-                      v-for="(item,i) in rulesList"
-                      :key="i"
-                      :label="item.ruleName"
-                      :value="item.id"
-                  ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="积分" prop="doIntegral" v-if='dialogDetail.doType!=2'>
-            <el-col :span="1.5" style="margin-right: 8px;">{{dialogDetail.doType==0? '减少' :'增加'}}</el-col>
-            <el-col :span="6" style="margin-right: 8px;width:120px;"><el-input type="number" v-model="dialogDetail.doIntegral" :placeholder="placeholder" :disabled="integralEdit"></el-input></el-col>
-            <el-col :span="1" style="margin-right: 8px;">分</el-col>            
-          </el-form-item>
-          <el-form-item label="备注说明">
-            <el-input type="textarea" :rows="3" maxlength="100" placeholder="请输入…" show-word-limit v-model="dialogDetail.remark"></el-input>
-          </el-form-item>
-        </el-form>
-        <ai-wrapper
-            label-width="70px"
-            v-if="rowInfo.status!=0"
-            :columnsNumber="1">
-            <ai-info-item label="类型："><span  :style="{color:colorList[rowInfo.status]}" >{{dict.getLabel('integralDeclareStatus', rowInfo.status)}}</span></ai-info-item>
-            <ai-info-item label="事项：" v-if='rowInfo.doType!=2'><span >{{rowInfo.ruleName}}</span></ai-info-item>
-            <ai-info-item label="积分：" v-if='rowInfo.doType!=2'>{{rowInfo.doType==0? '减少' :'增加'}}<span style="color:#2266FF">{{Math.abs(rowInfo.doIntegral)}}</span>分</ai-info-item>
-            <ai-info-item label="备注说明："><span>{{rowInfo.remark||'-'}}</span></ai-info-item>
-        </ai-wrapper>
-      </div>
-      <div class="dialog-footer" slot="footer" v-if="rowInfo.status==0">
-        <el-button @click="dialog.visibleDetail=false" size="medium">取消</el-button>
-        <el-button @click="onConfirm('rules')" type="primary" size="medium">提交</el-button>
-      </div>
-    </ai-dialog>
-  </section>
-</template>
-
-<script>
-import {mapState} from 'vuex';
-export default {
-  name: "pointsAppeal",
-
-  props: {
-    instance: Function,
-    dict: Object,
-    bizType:String,
-    areaId:String
-  },
-
-  data() {
-     var integral = (rule, value, callback) => {
-      if (value) {
-        if (/^[1-9]\d*$/.test(value)) {
-          if(!this.integralEdit){
-              if(Number(value)>=this.sectionNum.min&&Number(value)<=this.sectionNum.max){
-                  callback();
-              }else{
-                  callback(new Error(`请输入${this.sectionNum.min}至${this.sectionNum.max}之间的正整数积分`));
-              }
-          }else{
-            callback();
-          }
-          
-        } else {
-          callback(new Error('请输入正整数'));
-        }
-      } else {
-          callback(new Error('请输入正整数'));
-      }
-    };
-    return {
-      search: {
-          status:'',
-          familyName:'',
-          declareTimeStart:null,
-          declareTimeEnd:null
-      },
-      page:{
-        current: 1,
-        size: 10,
-        total:0
-      },
-      colConfigs: [
-        { slot: "selection", label: "", align: "center" },
-        { prop: "declareName", label: "申诉人", align: "center" },
-        { prop: "declareObjName", label: "申诉对象", align: "center",hide:this.bizType==1 },
-        {
-          prop: "familyName",
-          label: "户主",
-        },
-        {
-          prop: "declareDescription",
-          label: "申诉说明",
-          align: "left",
-          width:300
-        },
-        {
-          prop: "declareTime",
-          label: "申诉时间",
-          align: "left",
-          width:150
-        },
-        {
-          prop: "declareName",
-          label: "操作人",
-          align: "center",
-        },
-        {
-          prop: "status",
-          label: "状态",
-          align: "center",
-          render: (h, {row}) => {
-              return h('span', {style: {color: this.dict.getColor('integralDeclareStatus', row.status)}}, this.dict.getLabel('integralDeclareStatus', row.status))
-          },
-        },
-        { slot: "options", label: "操作", align: "center" },
-      ],
-      tableData: [],
-      dialog: {
-        visibleAdd: false,
-        visibleDetail: false,
-        title:'积分代申诉'
-      },
-      dialogInfo: {
-        users: [],
-        reportIds:[],
-        declareDescription: "",
-        fileList: [],
-      },
-      dialogDetail: {
-        doType: '1',
-        ruleId: '',
-        doIntegral: '',
-        remark: '',
-        aduitIds:[],
-        ruleName:''
-      },
-      isBatch:false,
-      rulesList:[],
-      rowInfo:{},
-      formRules: {
-        users: [{ required: true, message: "请选择人员", trigger: "change" },],
-        declareDescription: [{ required: true, message: "代申诉说明", trigger: "blur" }],
-        // fileList: [{ required: true, message: "请上传照片", trigger: "blur" },],
-        ruleId: [{ required: true, message: "请选择事项", trigger: "blur" }],
-        doIntegral: [{ required: true, validator: integral, trigger: "blur" }],
-        doType:[{ required: true, message: "请选择类型", trigger: "change" }]
-      },
-      selectionList:[],
-      integralEdit:false,
-      sectionNum:{
-        min:null,
-        max:null
-      },
-      placeholder:'请输入...'
-    };
-  },
-  computed:{
-      colorList(){
-          return {
-              '0':'#FF8822',
-              '1':'#2EA222',
-              '2':'#FF4466'
-          }
-      }
-  },
-  created() {
-    this.dict
-      .load([
-        'integralDeclareStatus',
-        'integralDeclareDoType'
-      ]).then(() => {
-        this.getList();
-      });
-  },
-
-  methods: {
-    getList() {
-      this.instance.post(`/app/appvillagerintegraldeclare/list`, null, {
-          params: {
-            ...this.search,
-            ...this.page,
-             bizType:this.bizType,
-             areaId:this.areaId
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records;
-            this.page.total = res.data.total;
-          }
-        });
-    },
-    handleSelectionChange(val){
-      this.selectionList=val
-      this.dialogDetail.aduitIds=[];
-        val.forEach(e=>{
-            this.dialogDetail.aduitIds.push(e.id);
-        })
-    },
-    // getSelect(val){
-    //     for(let e of val){
-    //         this.dialogInfo.reportIds.push(e.id)
-    //     }
-    // },
-    getColor(status){
-        return this.dict.getColor('integralDeclareStatus', status)
-    },
-    onChange(val){
-
-    },
-    declare(formName){
-        this.dialogInfo.reportIds=[];
-        for(let e of this.dialogInfo.users){
-            this.dialogInfo.reportIds.push(e.id)
-        };
-        this.$refs[formName].validate((valid) => {
-            if (valid) {
-                  this.instance.post("/app/appvillagerintegraldeclare/addOrUpdate", {
-                        ...this.dialogInfo,
-                         bizType:this.bizType
-                    }, null).then(res => {
-                        if (res.code==0) {
-                            this.dialog.visibleAdd=false;
-                            this.getList();
-                        }
-                    })
-            } else {
-                return false;
-            }
-        });
-    },
-    init(formName){
-        this.$refs[formName].clearValidate();
-        this.dialogDetail = {
-                            doType: '1',
-                            ruleId: '',
-                            doIntegral: '',
-                            remark: '',
-                            aduitIds:[],
-                            ruleName:''
-                          }
-          this.dialogInfo=  {
-            users: [],
-            reportIds:[],
-            declareDescription: "",
-            fileList: [],
-          };
-          this.rulesList = [];
-    },
-    //批量审核
-    batchAduit(){
-        this.isBatch=true;
-        this.rowInfo.status=0;
-        this.dialog.visibleDetail = true;
-        this.getRules('1')
-    },
-    getRowDetail(row){
-         this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById`, null, {
-          params: {
-              id:row.id
-          },
-        }).then((res) => {
-          if (res.code == 0) {
-              this.rowInfo = {...res.data}
-              this.dialog.visibleDetail = true;
-              this.dialogDetail.aduitIds=[];
-              this.dialogDetail.aduitIds.push(row.id);
-
-          }
-        });
-    },
-    toEdit(row) {
-        this.isBatch=false;
-        this.getRowDetail(row);
-        this.getRules('1')
-    },
-    changeDoType(val){
-        this.dialogDetail.ruleId="";
-        this.dialogDetail.ruleName = "";
-        this.dialogDetail.doIntegral = "";
-        this.placeholder = '请输入...';
-        this.$refs.rules.clearValidate();
-        this.getRules(val)
-    },
-    ruleChange(val){
-        let item = this.rulesList.find(e => e.id == val);
-        this.dialogDetail.doIntegral='';
-        this.$refs.rules.clearValidate();
-        if(item){
-          //固定区间
-            this.dialogDetail.ruleName = item.ruleName;
-            if(item.integralValueType==0){
-                this.dialogDetail.doIntegral = Math.abs(item.integral);
-                this.integralEdit = true;
-            }else{
-                this.integralEdit = false;
-                if(Math.abs(item.integralEnd)>Math.abs(item.integralStart)){
-                    this.sectionNum.min = Math.abs(item.integralStart);
-                    this.sectionNum.max = Math.abs(item.integralEnd);
-                }else{
-                    this.sectionNum.max = Math.abs(item.integralStart);
-                    this.sectionNum.min = Math.abs(item.integralEnd);
-                }
-                this.placeholder = `${this.sectionNum.min}~${this.sectionNum.max}`
-            }
-        }
-    },
-    //事项查询
-    getRules(integralType){
-        this.instance.post(`/app/appvillagerintegralrule/list`, null, {
-          params: {
-              integralType,
-              size:10000000
-          },
-        }).then((res) => {
-          if (res.code == 0) {
-              this.rulesList = res.data.records.filter(e=> e.ruleStatus == 1);
-          }
-        });
-    },
-    remove(id) {
-      this.$confirm("确定删除该公文及其相关的流转信息？").then(() => {
-        this.instance
-          .post(`/app/appofficialdocumentinfo/delete?ids=${id}`)
-          .then((res) => {
-            if (res.code == 0) {
-              this.$message.success("删除成功！");
-              this.getList();
-            }
-          });
-      });
-    },
-    onReset() {
-      Object.keys(this.search).forEach(e => {
-          this.search[e] = "";
-      });
-      this.search.declareTimeStart = null;
-      this.search.declareTimeEnd = null;
-      this.getList();
-    },
-
-    onAdd() {
-      this.dialog.visibleAdd = true;
-    },
-
-    onConfirm(formName) {
-      this.$refs[formName].validate(v =>{
-         if(v){
-            this.instance.post("/app/appvillagerintegraldeclare/aduit", {
-                        ...this.dialogDetail,
-                }, null).then(res => {
-                  if (res.code==0) {
-                      this.dialog.visibleDetail=false;
-                      this.$message.success("提交成功！");
-                      this.dialogDetail.aduitIds=[];
-                      this.getList();
-                  }
-            })
-         }else{
-            return false
-         }
-      })
-    },
-
-
-  },
-};
-</script>
-
-<style lang="scss">
-.pointsDeclaration {
-  height: 100%;
-  overflow: auto;
-  background: #f3f6f9;
-  .times_div{
-    display: flex;
-    align-items: center;
-    .times{
-      display: block;
-      width: 72px;
-      height: 30px;
-      line-height: 30px;
-      text-align: center;
-      background: #F5F5F5;
-      border-radius: 2px 0px 0px 2px;
-      border: 1px solid #D0D4DC;
-      font-size: 14px;
-      color:#666666;
-    }
-  }
-  .form_content{
-    border-bottom:1px solid #eee;
-    .form_flex{
-      display: flex;
-      div{
-        flex: 1;
-      }
-    }
-    .form_info{
-      margin-bottom: 8px;
-    }
-    .form_label{
-      display: inline-block;
-      color: #999;
-      vertical-align: top;
-    }
-    .form_value{
-      display: inline-block;
-      color: #333;
-      width: calc(100% - 80px);
-    }
-  }
-  .form_div{
-    padding-top:24px;
-  }
-  .status-0 {
-    color: #ff8822;
-  }
-
-  .status-1 {
-    color: #2266ff;
-  }
-
-  .status-2 {
-    color: #999999;
-  }
-}
-</style>
diff --git a/project/shandong10086/apps/shandong/scoreManage/pointsDeclaration.vue b/project/shandong10086/apps/shandong/scoreManage/pointsDeclaration.vue
deleted file mode 100644
index 42562458..00000000
--- a/project/shandong10086/apps/shandong/scoreManage/pointsDeclaration.vue
+++ /dev/null
@@ -1,603 +0,0 @@
-<template>
-  <section class="pointsDeclaration">
-    <ai-list isTabs>
-      <template slot="content">
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <el-button type="primary" icon="iconfont iconAdd" @click="onAdd" v-if="$permissions('app_appvillagerintegraldeclare_edit')">代申报</el-button>
-            <el-button icon="iconfont iconEdit" @click="batchAduit()" :disabled="!Boolean(selectionList.length)"v-if="$permissions('app_appvillagerintegraldeclare_edit')">批量审核</el-button>
-            <ai-select
-              v-model="search.status"
-              @change="page.current = 1, getList()"
-              placeholder="发布状态"
-              :selectList="dict.getDict('integralDeclareStatus')">
-            </ai-select>
-            <div class="times_div">
-              <p class="times">申报时间</p>
-              <el-date-picker
-                v-model="search.declareTimeStart"
-                type="date"
-                size="small"
-                @change="page.current = 1,getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="开始日期">
-              </el-date-picker>
-              <el-date-picker
-                v-model="search.declareTimeEnd"
-                type="date"
-                size="small"
-                @change="page.current = 1,getList()"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="结束日期">
-              </el-date-picker>
-            </div>
-          </template>
-          <template slot="right">
-            <el-input
-              v-model="search.familyName"
-              class="search-input"
-              size="mini"
-              placeholder="申诉人/申诉对象/..."
-              clearable
-              v-throttle="() => {page.current = 1, getList()}"
-              @clear="page.current = 1, getList()"
-              suffix-icon="iconfont iconSearch" />
-          </template>
-        </ai-search-bar>
-        <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="page.total"
-          :current.sync="page.current"
-          :size.sync="page.size"
-          @getList="getList"
-          @selection-change="handleSelectionChange">
-          <el-table-column slot="selection" type="selection" width="55" :selectable="(row, index)=>{
-              if(row.status==0){
-                return true
-              }else{
-                return false
-              }                  
-          }"></el-table-column>
-          <el-table-column slot="options" label="操作" align="center">
-            <template slot-scope="{ row }">
-              <div class="table-options">
-                <el-button
-                  type="text"
-                  :disabled="row.status === '0' || $permissions('app_appvillagerintegraldeclare_edit')"
-                  title="编辑"
-                  @click="toEdit(row)">
-                  编辑
-                </el-button>
-                <el-button
-                  type="text"
-                  :disabled="$permissions('app_appvillagerintegraldeclare_detail')"
-                  title="详情"
-                  @click="toEdit(row)">
-                  详情
-                </el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </ai-table>
-      </template>
-    </ai-list>
-    <ai-dialog
-      title="积分代申报"
-      :visible.sync="dialog.visibleAdd"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-      @close="init('ruleForm')">
-      <div class="form_div">
-        <el-form
-          ref="ruleForm"
-          :model="dialogInfo"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          label-width="140px">
-          <el-form-item label="代申报家庭" prop="users">            
-            <ai-person-select :customClicker="true" :isMultiple="true" :chooseUserList.sync="dialogInfo.users" :instance="instance" url="/app/appvillagerintegralfamilymember/list" >
-              <template name="option" v-slot:option="{ item }">
-                <span class="iconfont iconProlife">{{ item.name }}</span>
-                <ai-id mode="show" :show-eyes="false" :value="item.idNumber" />
-              </template>
-            </ai-person-select>
-          </el-form-item>
-          <el-form-item label="代申报说明" prop="declareDescription">
-            <el-input type="textarea" :rows="3" placeholder="请输入…" maxlength="100" show-word-limit v-model="dialogInfo.declareDescription"></el-input>
-          </el-form-item>
-          <el-form-item label="照片" prop="fileList">
-            <div class="upload">
-              <ai-uploader :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
-            </div>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visibleAdd=false" size="medium">取消</el-button>
-        <el-button @click="declare('ruleForm')" type="primary" size="medium">提交</el-button>
-      </div>
-    </ai-dialog>
-    <ai-dialog
-      title="申报审核"
-      :visible.sync="dialog.visibleDetail"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-      @close="init('rules')">
-      <div class="form_content" v-if="!isBatch">
-        <div class="form_flex form_info">
-          <div>
-            <span class="form_label">申报人：</span>
-            <span class="form_value">{{rowInfo.declareName}}</span>
-          </div>
-          <div>
-            <span class="form_label">申报对象：</span>
-            <span class="form_value">{{rowInfo.declareObjName}}</span>
-          </div>
-          <div>
-            <span class="form_label">户主：</span>
-            <span class="form_value">{{rowInfo.familyName}}</span>
-          </div>
-        </div>
-        <div class="form_info">
-          <span class="form_label">申报说明：</span>
-          <span class="form_value">{{rowInfo.declareDescription}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">申报时间：</span>
-          <span class="form_value">{{rowInfo.declareTime}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">照片：</span>
-          <span class="form_value">
-              <ai-uploader  :disabled="true" :instance="instance" v-model="rowInfo.fileList" :limit="9" ></ai-uploader>
-          </span>
-        </div>
-      </div>
-      <div class="form_div">
-        <el-form
-          ref="rules"
-          :model="dialogDetail"
-          :rules="formRules"
-          size="small"
-          label-suffix="："
-          v-show="rowInfo.status==0"
-          label-width="90px"
-        >
-          <el-form-item label="类型" prop="doType">
-            <el-radio-group v-model="dialogDetail.doType" @change="changeDoType">
-              <el-radio label="1">加分</el-radio>
-              <el-radio label="0">扣分</el-radio>
-              <el-radio label="2">拒绝</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="事项" prop="ruleId" v-if='dialogDetail.doType!=2'>
-            <el-select v-model="dialogDetail.ruleId" placeholder="请选择..." @change="ruleChange">
-                  <el-option
-                      v-for="(item,i) in rulesList"
-                      :key="i"
-                      :label="item.ruleName"
-                      :value="item.id"
-                  ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="积分" prop="doIntegral" v-if='dialogDetail.doType!=2'>
-            <el-col :span="1.5" style="margin-right: 8px;">{{dialogDetail.doType==0? '减少' :'增加'}}</el-col>
-            <el-col :span="6" style="margin-right: 8px;width:120px;"><el-input type="number" v-model="dialogDetail.doIntegral" :placeholder="placeholder" :disabled="integralEdit"></el-input></el-col>
-            <el-col :span="1" style="margin-right: 8px;">分</el-col>            
-          </el-form-item>
-          <el-form-item label="备注说明">
-            <el-input type="textarea" :rows="3" maxlength="100" placeholder="请输入…" show-word-limit v-model="dialogDetail.remark"></el-input>
-          </el-form-item>
-        </el-form>
-        <ai-wrapper
-            label-width="70px"
-            v-if="rowInfo.status!=0"
-            :columnsNumber="1">
-            <ai-info-item label="类型："><span  :style="{color:colorList[rowInfo.status]}" >{{dict.getLabel('integralDeclareStatus', rowInfo.status)}}</span></ai-info-item>
-            <ai-info-item label="事项：" v-if='rowInfo.doType!=2'><span >{{rowInfo.ruleName}}</span></ai-info-item>
-            <ai-info-item label="积分：" v-if='rowInfo.doType!=2'>{{rowInfo.doType==0? '减少' :'增加'}}<span style="color:#2266FF">{{Math.abs(rowInfo.doIntegral)}}</span>分</ai-info-item>
-            <ai-info-item label="备注说明："><span>{{rowInfo.remark||'-'}}</span></ai-info-item>
-        </ai-wrapper>
-      </div>
-      <div class="dialog-footer" slot="footer" v-if="rowInfo.status==0">
-        <el-button @click="dialog.visibleDetail=false" size="medium">取消</el-button>
-        <el-button @click="onConfirm('rules')" type="primary" size="medium">提交</el-button>
-      </div>
-    </ai-dialog>
-  </section>
-</template>
-
-<script>
-import {mapState} from 'vuex';
-export default {
-  name: "pointsDeclaration",
-
-  props: {
-    instance: Function,
-    dict: Object,
-    bizType:String,
-    areaId:String
-  },
-
-  data() {
-     var integral = (rule, value, callback) => {
-      if (value) {
-        if (/^[1-9]\d*$/.test(value)) {
-          if(!this.integralEdit){
-              if(Number(value)>=this.sectionNum.min&&Number(value)<=this.sectionNum.max){
-                  callback();
-              }else{
-                  callback(new Error(`请输入${this.sectionNum.min}至${this.sectionNum.max}之间的正整数积分`));
-              }
-          }else{
-            callback();
-          }
-          
-        } else {
-          callback(new Error('请输入正整数'));
-        }
-      } else {
-          callback(new Error('请输入正整数'));
-      }
-    };
-    return {
-      search: {
-          status:'',
-          familyName:'',
-          declareTimeStart:null,
-          declareTimeEnd:null
-      },
-      page:{
-        current: 1,
-        size: 10,
-        total:0
-      },
-      colConfigs: [
-        { slot: "selection", label: "" },
-        { prop: "declareName", label: "申报人", align: "center" },
-        { prop: "declareObjName", label: "申报对象", align: "center",hide:this.bizType==1 },
-        {
-          prop: "familyName",
-          label: "户主",
-        },
-        {
-          prop: "declareDescription",
-          label: "申诉说明",
-          align: "left",
-          width:300
-        },
-        {
-          prop: "declareTime",
-          label: "申报时间",
-          align: "left",
-          width:150
-        },
-        {
-          prop: "declareName",
-          label: "操作人",
-          align: "center",
-        },
-        {
-          prop: "status",
-          label: "状态",
-          align: "center",
-          render: (h, {row}) => {
-              return h('span', {style: {color: this.dict.getColor('integralDeclareStatus', row.status)}}, this.dict.getLabel('integralDeclareStatus', row.status))
-          },
-        },
-        { slot: "options", label: "操作", align: "center" },
-      ],
-      tableData: [],
-      dialog: {
-        visibleAdd: false,
-        visibleDetail: false,
-        title:'积分代申报'
-      },
-      dialogInfo: {
-        users: [],
-        reportIds:[],
-        declareDescription: "",
-        fileList: [],
-      },
-      dialogDetail: {
-        doType: '1',
-        ruleId: '',
-        doIntegral: '',
-        remark: '',
-        aduitIds:[],
-        ruleName:''
-      },
-      isBatch:false,
-      rulesList:[],
-      rowInfo:{},
-      formRules: {
-        users: [{ required: true, message: "请选择人员", trigger: "change" },],
-        declareDescription: [{ required: true, message: "代申报说明", trigger: "blur" }],
-        // fileList: [{ required: true, message: "请上传照片", trigger: "blur" },],
-        ruleId: [{ required: true, message: "请选择事项", trigger: "blur" }],
-        doIntegral: [{ required: true, validator: integral, trigger: "blur" }],
-        doType:[{ required: true, message: "请选择类型", trigger: "change" }]
-      },
-      selectionList:[],
-      integralEdit:false,
-      sectionNum:{
-        min:null,
-        max:null
-      },
-      placeholder:'请输入...'
-    };
-  },
-  computed:{
-      colorList(){
-          return {
-              '0':'#FF8822',
-              '1':'#2EA222',
-              '2':'#FF4466'
-          }
-      }
-  },
-  created() {
-    this.dict
-      .load([
-        'integralDeclareStatus',
-        'integralDeclareDoType'
-      ]).then(() => {
-        this.getList();
-      });
-  },
-
-  methods: {
-    getList() {
-      this.instance.post(`/app/appvillagerintegraldeclare/list`, null, {
-          params: {
-            ...this.search,
-            ...this.page,
-             bizType:this.bizType,
-             areaId:this.areaId
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records;
-            this.page.total = res.data.total;
-          }
-        });
-    },
-    handleSelectionChange(val){
-      this.selectionList=val
-      this.dialogDetail.aduitIds=[];
-        val.forEach(e=>{
-            this.dialogDetail.aduitIds.push(e.id);
-        })
-    },
-    // getSelect(val){
-    //     for(let e of val){
-    //         this.dialogInfo.reportIds.push(e.id)
-    //     }
-    // },
-    getColor(status){
-        return this.dict.getColor('integralDeclareStatus', status)
-    },
-    onChange(val){
-
-    },
-    declare(formName){
-        this.dialogInfo.reportIds=[];
-        for(let e of this.dialogInfo.users){
-            this.dialogInfo.reportIds.push(e.id)
-        };
-        this.$refs[formName].validate((valid) => {
-            if (valid) {
-                  this.instance.post("/app/appvillagerintegraldeclare/addOrUpdate", {
-                        ...this.dialogInfo,
-                         bizType:this.bizType
-                    }, null).then(res => {
-                        if (res.code==0) {
-                            this.dialog.visibleAdd=false;
-                            this.getList();
-                        }
-                    })
-            } else {
-                return false;
-            }
-        });
-    },
-    init(formName){
-        this.$refs[formName].clearValidate();
-        this.dialogDetail = {
-                            doType: '1',
-                            ruleId: '',
-                            doIntegral: '',
-                            remark: '',
-                            aduitIds:[],
-                            ruleName:''
-                          }
-          this.dialogInfo=  {
-            users: [],
-            reportIds:[],
-            declareDescription: "",
-            fileList: [],
-          };
-          this.rulesList = [];
-    },
-    //批量审核
-    batchAduit(){
-        this.isBatch=true;
-        this.rowInfo.status=0;
-        this.dialog.visibleDetail = true;
-        this.getRules('1')
-    },
-    getRowDetail(row){
-         this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById`, null, {
-          params: {
-              id:row.id
-          },
-        }).then((res) => {
-          if (res.code == 0) {
-              this.rowInfo = {...res.data}
-              this.dialog.visibleDetail = true;
-              this.dialogDetail.aduitIds=[];
-              this.dialogDetail.aduitIds.push(row.id);
-
-          }
-        });
-    },
-    toEdit(row) {
-        this.isBatch=false;
-        this.getRowDetail(row);
-        this.getRules('1')
-    },
-    changeDoType(val){
-        this.dialogDetail.ruleId="";
-        this.dialogDetail.ruleName = "";
-        this.dialogDetail.doIntegral = "";
-        this.placeholder = '请输入...';
-        this.$refs.rules.clearValidate();
-        this.getRules(val)
-    },
-    ruleChange(val){
-        let item = this.rulesList.find(e => e.id == val);
-        this.dialogDetail.doIntegral='';
-        this.$refs.rules.clearValidate();
-        if(item){
-          //固定区间
-            this.dialogDetail.ruleName = item.ruleName;
-            if(item.integralValueType==0){
-                this.dialogDetail.doIntegral = Math.abs(item.integral);
-                this.integralEdit = true;
-            }else{
-                this.integralEdit = false;
-                if(Math.abs(item.integralEnd)>Math.abs(item.integralStart)){
-                    this.sectionNum.min = Math.abs(item.integralStart);
-                    this.sectionNum.max = Math.abs(item.integralEnd);
-                }else{
-                    this.sectionNum.max = Math.abs(item.integralStart);
-                    this.sectionNum.min = Math.abs(item.integralEnd);
-                }
-                this.placeholder = `${this.sectionNum.min}~${this.sectionNum.max}`
-            }
-        }
-    },
-    //事项查询
-    getRules(integralType){
-        this.instance.post(`/app/appvillagerintegralrule/list`, null, {
-          params: {
-              integralType,
-              size:10000000
-          },
-        }).then((res) => {
-          if (res.code == 0) {
-              this.rulesList = res.data.records.filter(e=> e.ruleStatus == 1);
-          }
-        });
-    },
-    remove(id) {
-      this.$confirm("确定删除该公文及其相关的流转信息？").then(() => {
-        this.instance
-          .post(`/app/appofficialdocumentinfo/delete?ids=${id}`)
-          .then((res) => {
-            if (res.code == 0) {
-              this.$message.success("删除成功！");
-              this.getList();
-            }
-          });
-      });
-    },
-    onReset() {
-      Object.keys(this.search).forEach(e => {
-          this.search[e] = "";
-      });
-      this.search.declareTimeStart = null;
-      this.search.declareTimeEnd = null;
-      this.getList();
-    },
-
-    onAdd() {
-      this.dialog.visibleAdd = true;
-    },
-
-    onConfirm(formName) {
-      this.$refs[formName].validate(v =>{
-         if(v){
-            this.instance.post("/app/appvillagerintegraldeclare/aduit", {
-                        ...this.dialogDetail,
-                }, null).then(res => {
-                  if (res.code==0) {
-                      this.dialog.visibleDetail=false;
-                      this.$message.success("提交成功！");
-                      this.dialogDetail.aduitIds=[];
-                      this.getList();
-                  }
-            })
-         }else{
-            return false
-         }
-      })
-    },
-
-
-  },
-};
-</script>
-
-<style lang="scss">
-.pointsDeclaration {
-  height: 100%;
-  overflow: auto;
-  background: #f3f6f9;
-  .times_div{
-        .times{
-            display: block;
-            width: 72px;
-            height: 30px;
-            line-height: 30px;
-            text-align: center;
-            background: #F5F5F5;
-            border-radius: 2px 0px 0px 2px;
-            border: 1px solid #D0D4DC;
-            font-size: 14px;
-            color:#666666;
-        }
-    }
-  .form_content{
-    border-bottom:1px solid #eee;
-    .form_flex{
-      display: flex;
-      div{
-        flex: 1;
-      }
-    }
-    .form_info{
-      margin-bottom: 8px;
-    }
-    .form_label{
-      display: inline-block;
-      color: #999;
-      vertical-align: top;
-    }
-    .form_value{
-      display: inline-block;
-      color: #333;
-      width: calc(100% - 80px);
-    }
-  }
-  .form_div{
-    padding-top:24px;
-  }
-  .status-0 {
-    color: #ff8822;
-  }
-
-  .status-1 {
-    color: #2266ff;
-  }
-
-  .status-2 {
-    color: #999999;
-  }
-}
-</style>
diff --git a/project/shandong10086/apps/shandong/scoreManage/pointsDetails.vue b/project/shandong10086/apps/shandong/scoreManage/pointsDetails.vue
deleted file mode 100644
index c6d5e97d..00000000
--- a/project/shandong10086/apps/shandong/scoreManage/pointsDetails.vue
+++ /dev/null
@@ -1,283 +0,0 @@
-<template>
-  <section class="pointsDetails">
-    <ai-list isTabs>
-      <template slot="content">
-        <ai-search-bar bottomBorder>
-          <template slot="left">
-            <el-date-picker size="small" v-model="searchDotime" type="daterange"  range-separator="至" @change="timeChange"
-              start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
-          </template>
-          <template slot="right">
-            <el-input
-              v-model="search.familyName"
-              class="search-input"
-              size="small"
-              placeholder="对象、户主、事件类型"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, getList()"
-              suffix-icon="iconfont iconSearch" />
-          </template>
-        </ai-search-bar>
-        <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          ref="aitableex"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
-          <el-table-column slot="changeIntegral" label="积分" align= "center">
-            <template slot-scope="{ row }">
-              <span>{{row.changeIntegral > 0 ? '+' : ''}}{{row.changeIntegral}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column slot="doType" label="类型" align= "center">
-            <template slot-scope="{ row }">
-              <span>{{ dict.getLabel('integralDetailType', row.bizType) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column slot="options" label="操作" align="center" fixed="right" width="120">
-            <template slot-scope="{ row }">
-              <el-button
-                type="text"
-                title="详情"
-                :disabled="!$permissions('app_appvillagerintegraldetail_detail')"
-                @click="viewItem(row)">
-                详情
-              </el-button>
-            </template>
-          </el-table-column>
-        </ai-table>
-      </template>
-    </ai-list>
-    <ai-dialog
-      title="详情"
-      :visible.sync="dialog.visible"
-      :customFooter="true"
-      :destroyOnClose="true"
-      width="720px"
-    >
-      <div class="form_content">
-        <div class="form_info">
-          <span class="form_label">户主：</span>
-          <span class="form_value">{{dialogInfo.familyName}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">事项：</span>
-          <span class="form_value">{{dialogInfo.ruleName}}</span>
-        </div>
-        <div class="form_flex form_info">
-          <div>
-            <span class="form_label">积分：</span>
-            <span class="form_value">{{dialogInfo.changeIntegral >= 0 ? '增加' : '减少'}}<span style="color:#2266FF">{{Math.abs(dialogInfo.changeIntegral)}}</span>分</span>
-          </div>
-          <!-- <div>
-            <span class="form_label">途径：</span>
-          <span class="form_value">{{$dict.getLabel("integralDetailBizType", dialogInfo.bizType)}}</span>
-          </div> -->
-        </div>
-        <!-- <div class="form_info">
-          <span class="form_label">{{dialogInfo.bizType == 1 ? '申诉' : '申报'}}说明：</span>
-          <span
-            class="form_value"
-          >{{dialogInfo.description}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">照片：</span>
-          <span class="form_value" v-if="dialogInfo.fileList && dialogInfo.fileList.length">
-            <ai-uploader  :disabled="true" :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
-          </span>
-          <span class="form_value" v-else>-</span>
-        </div> -->
-      </div>
-      <div class="dialog-footer" slot="footer">
-        <el-button @click="dialog.visible=false" size="medium">关闭</el-button>
-      </div>
-    </ai-dialog>
-  </section>
-</template>
-
-<script>
-export default {
-  name: "pointsDeclaration",
-
-  props: {
-    instance: Function,
-    dict: Object,
-    areaId:String
-  },
-
-  data() {
-    return {
-      searchDotime: [],
-      search: {
-        current: 1,
-        size: 10,
-        familyName: '',
-        doTimeStart: null,
-        doTimeEnd: null
-      },
-      total: 10,
-      colConfigs: [
-        { prop: "residentName", label: "对象", width:160 },
-        { prop: "familyName", label: "户主", align: "center", width:160 },
-        {
-          prop: "ruleName",
-          label: "事件类型",
-          "show-overflow-tooltip": true,
-          width:420
-        },
-        {
-          prop: "doTime",
-          label: "时间",
-          width:200
-        },
-        // {
-        //   prop: "doType",
-        //   label: "类型",
-        //   align: "center",
-        //   width: 100,
-        //   render: (h, params) => {
-        //     return h(
-        //       "span",
-        //       {
-        //         class: "status-" + params.row.doType,
-        //       },
-        //       this.$dict.getLabel("integralIntegralType", params.row.doType)
-        //     );
-        //   },
-        // },
-        { slot: "doType", label: "类型", width: 100},
-        { slot: "changeIntegral", label: "积分", width: 100},
-        // {
-        //   prop: "bizType",
-        //   label: "途径",
-        //   align: "center",
-        //   width: 100,
-        //   formart: (bizType) =>
-        //   this.$dict.getLabel("integralDetailBizType", bizType) || '-',
-        // },
-        { slot: "options", label: "操作", align: "center" },
-      ],
-      tableData: [],
-      dialog: {
-        visible: false,
-      },
-      dialogInfo: {},
-    };
-  },
-
-  mounted() {
-    this.$dict
-      .load([
-        "integralDeclareDoType",
-        "integralDetailType",
-        "integralDetailBizType"
-      ])
-      .then(() => {
-        this.getList();
-      });
-  },
-
-  methods: {
-    getList() {
-      this.instance
-        .post(`/app/appvillagerintegraldetail/list`, null, {
-          params: {
-            ...this.search,
-            areaId: this.areaId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records;
-            this.total = res.data.total;
-          }
-        });
-    },
-
-    timeChange() {
-      if(this.searchDotime) {
-        this.search.doTimeStart =  this.searchDotime[0]
-        this.search.doTimeEnd = this.searchDotime[1]
-      }else {
-        this.search.doTimeStart =  null
-        this.search.doTimeEnd = null
-      }
-      this.search.current = 1
-      this.getList()
-    },
-
-    viewItem(row) {
-      this.dialog.visible = true
-      this.instance.post(`/app/appvillagerintegraldetail/queryDetailById?id=${row.id}`, null, {}).then((res) => {
-          if (res.code == 0) {
-            this.dialogInfo = res.data
-            console.log(this.dialogInfo)
-          }
-        });
-    },
-
-    onReset() {
-      this.search.current = 1
-      this.search.doTimeStart =  null
-      this.search.doTimeEnd = null
-      this.search.familyName = ''
-      this.searchDotime = []
-      this.getList();
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.pointsDetails {
-  height: 100%;
-  background: #f3f6f9;
-  overflow: auto;
-  .form_content {
-    .form_flex {
-      display: flex;
-      div {
-        flex: 1;
-      }
-    }
-    .form_info {
-      margin-bottom: 8px;
-    }
-    .form_label {
-      display: inline-block;
-      color: #999;
-      vertical-align: top;
-      width: 70px;
-      text-align: right;
-    }
-    .form_value {
-      display: inline-block;
-      color: #333;
-      width: calc(100% - 70px);
-      // img {
-      //   width: 100px;
-      //   height: 100px;
-      //   margin: 0 8px 8px 0;
-      // }
-    }
-  }
-  .form_div {
-    padding-top: 24px;
-    border-top: 1px solid #eee;
-  }
-  .status-0 {
-    color: #FF4466;
-  }
-
-  .status-1 {
-    color: #2EA222;
-  }
-
-  .status-2 {
-    color: #999999;
-  }
-}
-</style>
diff --git a/project/xiushan/apps/AppPortalAccount/paDetail.vue b/project/xiushan/apps/AppPortalAccount/paDetail.vue
index 1807d2f2..cdfbbfbd 100644
--- a/project/xiushan/apps/AppPortalAccount/paDetail.vue
+++ b/project/xiushan/apps/AppPortalAccount/paDetail.vue
@@ -6,8 +6,16 @@
         <el-form size="small" label-width="160px">
           <ai-card title="基本信息">
             <template #content>
-              <el-form-item label="用户账号">{{ detail.phone }}</el-form-item>
-              <el-form-item label="注册时间">{{ detail.createTime }}</el-form-item>
+              <el-row type="flex">
+                <div class="fill">
+                  <el-form-item label="用户账号">{{ detail.phone }}</el-form-item>
+                  <el-form-item label="姓名">{{ detail.name }}</el-form-item>
+                </div>
+                <div class="fill">
+                  <el-form-item label="注册时间">{{ detail.createTime }}</el-form-item>
+                  <el-form-item label="身份证号">{{ detail.idNumber }}</el-form-item>
+                </div>
+              </el-row>
             </template>
           </ai-card>
           <ai-card title="企业信息">
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue b/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue
new file mode 100644
index 00000000..2728d6c9
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue
@@ -0,0 +1,57 @@
+<template>
+  <section class="AppCreditReport">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+import Home from "./home";
+import PersonDetail from "./personDetail";
+import CompanyDetail from "./companyDetail";
+
+export default {
+  name: "AppCreditReport",
+  components: {CompanyDetail, PersonDetail, Home},
+  label: "信息报告",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      const {hash} = this.$route
+      return hash == "#person" ? PersonDetail :
+          hash == "#company" ? CompanyDetail : Home
+    }
+  },
+  created() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep.AppCreditReport {
+  height: 100%;
+
+  .mar-t16 {
+    margin-top: 16px;
+  }
+
+  .mar-l8 {
+    margin-left: 8px;
+  }
+
+  .color-26f {
+    color: #26f;
+  }
+
+  .color-333 {
+    color: #333;
+  }
+
+  .color-666 {
+    color: #666;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/companyDetail.vue b/project/xiushan/apps/creditReport/AppCreditReport/companyDetail.vue
new file mode 100644
index 00000000..6b51e886
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReport/companyDetail.vue
@@ -0,0 +1,34 @@
+<template>
+  <section class="companyDetail">
+    <ai-detail>
+      <ai-title slot="title" title="企业信息报告" isShowBottomBorder>
+        <template #rightBtn>
+          <el-button @click="$router.push({})">返回信息报告</el-button>
+        </template>
+      </ai-title>
+      <template #content>
+        <enterprise-dialog slot="content" :enterpriseId="$route.query.id" v-bind="$props"/>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import EnterpriseDialog from "../../../components/enterpriseDialog";
+
+export default {
+  name: "companyDetail",
+  components: {EnterpriseDialog},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.companyDetail {
+  height: 100%;
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/home.vue b/project/xiushan/apps/creditReport/AppCreditReport/home.vue
new file mode 100644
index 00000000..8f72c8ba
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReport/home.vue
@@ -0,0 +1,129 @@
+<template>
+  <section class="home">
+    <ai-detail>
+      <ai-title slot="title" title="信息报告查询工具" isShowBottomBorder/>
+      <template #content>
+        <el-input v-model="search.param" :placeholder="placeholder" @change="page.current=1,handleSearch()" clearable>
+          <el-select slot="prepend" v-model="search.type" :clearable="false" @change="search.param=''">
+            <el-option v-for="op in types" :key="op.dictValue" :value="op.dictValue" :label="op.dictName"/>
+          </el-select>
+          <el-button slot="append" type="text" @change="page.current=1,handleSearch()">搜索</el-button>
+        </el-input>
+        <ai-card v-if="hasResult" title="查询结果" class="mar-t16">
+          <el-row type="flex" slot="right" class="color-666">秀兴通为您找到<p class="color-26f" v-text="page.total"/>个结果</el-row>
+          <template #content>
+            <ai-table :tableData="results" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                      @getList="handleSearch" :col-configs="colConfigs" :dict="dict">
+              <el-table-column slot="name" :label="nameLabel">
+                <template slot-scope="{row}">
+                  <el-row type="flex" align="middle">
+                    <el-avatar :src="row.avatar">
+                      <div v-text="defaultAvatar(row.name)"/>
+                    </el-avatar>
+                    <div class="mar-l8" v-text="row.name"/>
+                  </el-row>
+                </template>
+              </el-table-column>
+              <el-table-column slot="options" label="操作" align="center" width="100px">
+                <template slot-scope="{row}">
+                  <el-button type="text" @click="showDetail(row.id)">详情</el-button>
+                </template>
+              </el-table-column>
+            </ai-table>
+          </template>
+        </ai-card>
+        <ai-empty v-else>暂无查询结果</ai-empty>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "home",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    placeholder() {
+      const texts = {
+        0: "搜索个人姓名/身份证号",
+        1: "搜索企业名称/法人姓名",
+      }
+      return texts[this.search.type]
+    },
+    hasResult: v => v.results?.length > 0,
+    isCompany: v => v.search.type == 1,
+    nameLabel: v => v.isCompany ? "企业名称" : "姓名",
+    colConfigs() {
+      const configs = {
+        0: [
+          {slot: "name"},
+          {prop: "idNumber", label: "身份证号", width: 180},
+        ],
+        1: [
+          {slot: "name"},
+          {prop: "legalPersonName", label: "法人姓名", width: 80},
+          {prop: "idNumber", label: "统一社会信用代码", width: 180},
+          {prop: "address", label: "地址"},
+        ],
+      }
+      return configs[this.search.type]
+    },
+  },
+  data() {
+    return {
+      search: {type: "0", param: null},
+      types: [
+        {dictValue: "0", dictName: "个人"},
+        {dictValue: "1", dictName: "企业"},
+      ],
+      page: {current: 1, size: 10, total: 0},
+      results: []
+    }
+  },
+  methods: {
+    handleSearch() {
+      this.instance.post("/appcreditreport/listForWeb", null, {
+        params: {...this.search, ...this.page}
+      }).then(res => {
+        if (res?.data) {
+          this.results = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    showDetail(id) {
+      const hash = this.isCompany ? "#company" : "#person"
+      this.$router.push({hash, query: {id}})
+    },
+    defaultAvatar(name) {
+      return name?.substring(0, 1) || "无"
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.home {
+  ::v-deep .el-input-group__prepend {
+    width: 100px;
+  }
+
+  ::v-deep .el-input-group__append {
+    width: 100px;
+    padding: 0;
+    background: #26f;
+    color: #fff;
+    border-color: #26f;
+
+    .el-button {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+    }
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/personDetail.vue b/project/xiushan/apps/creditReport/AppCreditReport/personDetail.vue
new file mode 100644
index 00000000..a6d9160a
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReport/personDetail.vue
@@ -0,0 +1,34 @@
+<template>
+  <section class="personDetail">
+    <ai-detail>
+      <ai-title slot="title" title="个人信息报告" isShowBottomBorder>
+        <template #rightBtn>
+          <el-button @click="$router.push({})">返回信息报告</el-button>
+        </template>
+      </ai-title>
+      <template #content>
+        <person-credit-report slot="content" :personId="$route.query.id" v-bind="$props"/>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import PersonCreditReport from "../../../components/personCreditReport";
+
+export default {
+  name: "personDetail",
+  components: {PersonCreditReport},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.personDetail {
+  height: 100%;
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReportApply/AppCreditReportApply.vue b/project/xiushan/apps/creditReport/AppCreditReportApply/AppCreditReportApply.vue
new file mode 100644
index 00000000..4c42ef2e
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReportApply/AppCreditReportApply.vue
@@ -0,0 +1,36 @@
+<template>
+  <section class="AppCreditReportApply">
+    <component :is="currentPage" v-bind="$props"/>
+  </section>
+</template>
+
+<script>
+import List from "./list";
+import Add from "./add";
+
+export default {
+  name: "AppCreditReportApply",
+  components: {Add, List},
+  label: "信息报告申请",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentPage() {
+      let {hash} = this.$route
+      return hash == "#add" ? Add : List
+    }
+  },
+  created() {
+    this.dict.load('creditReportType')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppCreditReportApply {
+  height: 100%;
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReportApply/add.vue b/project/xiushan/apps/creditReport/AppCreditReportApply/add.vue
new file mode 100644
index 00000000..3f64d340
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReportApply/add.vue
@@ -0,0 +1,92 @@
+<template>
+  <section class="add">
+    <ai-detail>
+      <ai-title slot="title" :title="pageTitle" isShowBottomBorder/>
+      <template #content>
+        <el-tabs tabPosition="left">
+          <el-tab-pane label="申请信息">
+            <el-form ref="AddForm" :model="form" size="small" label-width="120px">
+              <ai-card title="申请信息">
+                <template #content>
+                  <el-row type="flex">
+                    <div class="fill">
+                      <el-form-item label="信用主体" prop="objName">{{ form.objName }}</el-form-item>
+                      <el-form-item label="证件号码" prop="idNumber">{{ form.idNumber }}</el-form-item>
+                    </div>
+                    <div class="fill">
+                      <el-form-item label="申请类型" prop="type">{{ dict.getLabel('creditReportType', form.type) }}</el-form-item>
+                      <el-form-item label="联系方式" prop="createUserPhone">{{ form.createUserPhone }}</el-form-item>
+                    </div>
+                  </el-row>
+                  <el-form-item label="申请时间" prop="createTime">{{ form.createTime }}</el-form-item>
+                  <el-form-item label="证明材料" prop="files">
+                    <el-image class="cpImage" v-for="(item,i) in form.files" :key="i" :src="item.url" :preview-src-list="[item.url]"/>
+                  </el-form-item>
+                </template>
+              </ai-card>
+            </el-form>
+          </el-tab-pane>
+          <el-tab-pane label="信息报告" lazy>
+            <component :is="creditReport" v-bind="cpParams"/>
+          </el-tab-pane>
+        </el-tabs>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import PersonCreditReport from "../../../components/personCreditReport";
+import EnterpriseDialog from "../../../components/enterpriseDialog";
+
+export default {
+  name: "add",
+  components: {EnterpriseDialog, PersonCreditReport},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    isEdit: v => !!v.$route.query.id,
+    pageTitle: () => "报告申请详情",
+    cpParams: v => ({...v.$props, personId: v.form.objId, enterpriseId: v.form.objId}),
+    creditReport: v => v.form.type == 1 ? EnterpriseDialog : PersonCreditReport
+  },
+  data() {
+    return {
+      form: {},
+    }
+  },
+  methods: {
+    getDetail() {
+      let {id} = this.$route.query
+      id && this.instance.post("/app/appcreditreport/applyInfot", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.form = res.data
+        }
+      })
+    },
+    back() {
+      this.$router.push({})
+    }
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  height: 100%;
+
+  .cpImage {
+    width: 120px;
+    height: 120px;
+    margin: 0 8px 8px 0;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditReport/AppCreditReportApply/list.vue b/project/xiushan/apps/creditReport/AppCreditReportApply/list.vue
new file mode 100644
index 00000000..73ac5f11
--- /dev/null
+++ b/project/xiushan/apps/creditReport/AppCreditReportApply/list.vue
@@ -0,0 +1,71 @@
+<template>
+  <section class="list">
+    <ai-list>
+      <ai-title slot="title" title="信息报告申请" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #right>
+            <el-input size="small" placeholder="搜索信用主体/证件号码/信用代码" v-model="search.objName" clearable @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作" fixed="right" align="center" width="300">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleAdd(row.id)">详情</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "list",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  data() {
+    return {
+      search: {objName: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {prop: "createUserPhone", label: "联系方式"},
+        {prop: "createUserName", label: "申请人"},
+        {prop: "idNumber", label: "证件号码"},
+        {prop: "objName", label: "信用主体"},
+        {prop: "type", label: "申请类型", dict: "creditReportType"},
+        {prop: "createTime", label: "申请时间"}],
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/app/appcreditreport/applyList", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleAdd(id) {
+      this.$router.push({hash: "#add", query: {id}})
+    },
+  },
+  created() {
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.list {
+  height: 100%;
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue b/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
index b96f2b64..69164eb3 100644
--- a/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
+++ b/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
@@ -69,24 +69,7 @@
             <span class="form_value">{{ dialogInfo.changeIntegral >= 0 ? '增加' : '减少' }}<span
                 style="color:#2266FF">{{ Math.abs(dialogInfo.changeIntegral) }}</span>分</span>
           </div>
-          <!-- <div>
-            <span class="form_label">途径：</span>
-          <span class="form_value">{{dict.getLabel("integralDetailBizType", dialogInfo.bizType)}}</span>
-          </div> -->
         </div>
-        <!-- <div class="form_info">
-          <span class="form_label">{{dialogInfo.bizType == 1 ? '申诉' : '申报'}}说明：</span>
-          <span
-            class="form_value"
-          >{{dialogInfo.description}}</span>
-        </div>
-        <div class="form_info">
-          <span class="form_label">照片：</span>
-          <span class="form_value" v-if="dialogInfo.fileList && dialogInfo.fileList.length">
-            <ai-uploader  :disabled="true" :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
-          </span>
-          <span class="form_value" v-else>-</span>
-        </div> -->
       </div>
       <div class="dialog-footer" slot="footer">
         <el-button @click="dialog.visible=false" size="medium">关闭</el-button>
@@ -160,7 +143,6 @@ export default {
         "integralDoType",
         "integralDeclareDoType",
         "integralDetailType",
-        "integralDetailBizType",
     ).then(() => {
       this.getList();
     });
diff --git a/project/xiushan/apps/creditScore/scorePersonal/detail.vue b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
index 79277430..0e01af4c 100644
--- a/project/xiushan/apps/creditScore/scorePersonal/detail.vue
+++ b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
@@ -11,7 +11,7 @@
         </div>
         <div class="detail-info__item">
           <h2>获取积分</h2>
-          <span style="color: #2266FF;">{{ info.personalIntegral || 0 }}</span>
+          <span style="color: #2266FF;">{{ (info.personalIntegral + info.personalUsedIntegral) || 0 }}</span>
         </div>
         <div class="detail-info__item">
           <h2>已用积分</h2>
@@ -32,7 +32,6 @@
                     :total="page.total"
                     :current.sync="page.current"
                     :size.sync="page.size"
-                    :isShowPagination="false"
                     tableSize="small"
                     :border="true"
                     :dict="dict"
diff --git a/project/xiushan/apps/creditScore/scorePersonal/spList.vue b/project/xiushan/apps/creditScore/scorePersonal/spList.vue
index 1ea77a53..fb8a1362 100644
--- a/project/xiushan/apps/creditScore/scorePersonal/spList.vue
+++ b/project/xiushan/apps/creditScore/scorePersonal/spList.vue
@@ -87,9 +87,10 @@ export default {
           label: '用户账号',
         },
         {
-          prop: 'personalIntegral',
+          // prop: 'personalIntegral',
           align: 'center',
           label: '获取积分',
+          render: (h, {row}) => h('span',null, row.personalIntegral + row.personalUsedIntegral)
         },
         {
           prop: 'personalUsedIntegral',
@@ -97,9 +98,10 @@ export default {
           label: '已用积分',
         },
         {
+          prop: 'personalIntegral',
           align: 'center',
           label: '剩余积分',
-          render: (h, {row}) => h('span', null, row.personalIntegral - row.personalUsedIntegral)
+          // render: (h, {row}) => h('span', null, row.personalIntegral - row.personalUsedIntegral)
         }
       ]
     },
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/AppFinanceProduct.vue b/project/xiushan/apps/finance/AppFinanceProduct/AppFinanceProduct.vue
index b0c70944..842c0827 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/AppFinanceProduct.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/AppFinanceProduct.vue
@@ -29,7 +29,7 @@ export default {
   },
   created() {
     this.dict.load("productGuaranteeMode", "productRepaymentMethod", "productRepaymentTimeline", "productStatus", "productFaceUser",
-        "enterpriseAuditStatus", "yesOrNo", "financialOrganizationType")
+        "enterpriseAuditStatus", "yesOrNo", "financialOrganizationType", "financialProductChannels")
   }
 }
 </script>
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue b/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
index d465cf81..a8090729 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
@@ -86,6 +86,16 @@
               </el-form-item>
             </template>
           </ai-card>
+          <ai-card title="办理渠道">
+            <template #content>
+              <el-form-item label="业务办理渠道" prop="handlingChannels">
+                <ai-select v-model="form.handlingChannels" :selectList="dict.getDict('financialProductChannels')" @change="form.zwspId=null"/>
+              </el-form-item>
+              <el-form-item v-if="form.handlingChannels==1" label="关联贷款联审" prop="zwspId">
+                <ai-select v-model="form.zwspId" :instance="instance" action="/approval-process-def/list?processDefStatus=1" :prop="{label:'processName'}"/>
+              </el-form-item>
+            </template>
+          </ai-card>
         </el-form>
       </template>
       <template #footer>
@@ -129,6 +139,8 @@ export default {
         applyCondition: [{required: true, message: "请输入申请条件", trigger: 'blur'}],
         needMaterial: [{required: true, message: "请输入所需材料", trigger: 'blur'}],
         productFeatures: [{required: true, message: "请输入产品特色", trigger: 'blur'}],
+        handlingChannels: [{required: true, message: "请选择办理渠道"}],
+        zwspId: [{required: true, message: "请选择关联贷款联审"}],
         // bankCounterpart: [{required: true, message: "请输入客户经理姓名", trigger: 'change'}],
         // consultationTelephone: [ {required: true, message: "请输入客户经理电话", trigger: 'change'}],
       }
@@ -137,7 +149,7 @@ export default {
   data() {
     return {
       dialog: false,
-      form: {guaranteeMode: [], faceUser: [], loanMin: null},
+      form: {guaranteeMode: [], faceUser: [], loanMin: null, zwspId: null},
     }
   },
   methods: {
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue b/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
index bc8912b3..b48b498b 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
@@ -49,6 +49,12 @@
               <el-form-item label="产品特色">{{ detail.productFeatures }}</el-form-item>
             </template>
           </ai-card>
+          <ai-card title="办理渠道">
+            <template #content>
+              <el-form-item label="业务办理渠道">{{ dict.getLabel('financialProductChannels', detail.handlingChannels) }}</el-form-item>
+              <el-form-item label="关联贷款联审" v-if="detail.handlingChannels==1">{{ detail.zwspName }}</el-form-item>
+            </template>
+          </ai-card>
           <ai-card title="审核结果" v-if="!isAuthing">
             <template #content>
               <el-row type="flex" class="flexWrap">
@@ -119,11 +125,22 @@ export default {
           this.detail = res.data
           this.detail.guaranteeModeLabel = res.data.guaranteeMode?.split(",").map(g => this.dict.getLabel("productGuaranteeMode", g))?.toString()
           this.detail.faceUserLabel = res.data.faceUser?.split(",").map(g => this.dict.getLabel("productFaceUser", g))?.toString()
+          if (this.detail.handlingChannels == 1) {
+            this.getZWSP(this.detail.zwspId).then(zwsp => this.$set(this.detail, 'zwspName', zwsp.processName))
+          }
         } else {
           this.$message.error("该产品已下架!")
         }
       })
     },
+    getZWSP(id) {
+      //贷款联审信息
+      return this.instance.post("/approval-process-def/info-id", null, {params: {id}}).then(res => {
+        if (res?.data) {
+          return res.data
+        }
+      })
+    },
     submitAudit() {
       this.$refs.AuditForm.validate(v => {
         if (v) {
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanDetail.vue b/project/xiushan/apps/finance/AppLoanAudit/loanDetail.vue
index 539d549f..1904127c 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanDetail.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanDetail.vue
@@ -27,7 +27,9 @@
                 <el-form-item label="企业主体" v-if="detail.enterpriseId">
                   <el-row type="flex">
                     {{ detail.enterpriseName }}
-                    <el-link type="primary" @click="isShow=true">企业详情</el-link>
+                    <ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
+                      <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
+                    </ai-dialog-btn>
                   </el-row>
                 </el-form-item>
                 <el-form-item label="所在地区">{{ detail.areaName }}</el-form-item>
@@ -36,7 +38,9 @@
                 <el-form-item label="联系人">
                   <el-row type="flex">
                     {{ detail.name }}
-                    <person-credit-report :person="detail" :instance="instance" :dict="dict"/>
+                    <ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
+                      <person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
+                    </ai-dialog-btn>
                   </el-row>
                 </el-form-item>
                 <el-form-item label="身份证号">{{ detail.idNumber }}</el-form-item>
@@ -93,20 +97,6 @@
         </el-form-item>
       </el-form>
     </ai-dialog>
-    <ai-dialog class="dialog" :title="detail.enterpriseName||'企业详情'" :visible.sync="isShow" width="1200px" customFooter>
-      <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance"
-                         :dict="dict"/>
-      <template #footer>
-        <el-button @click="isShow=false">关闭</el-button>
-      </template>
-    </ai-dialog>
-    <ai-dialog class="dialog" :title="detail.enterpriseName||'企业详情'" :visible.sync="isShow" width="1200px" customFooter>
-      <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance"
-                         :dict="dict"/>
-      <template #footer>
-        <el-button @click="isShow=false">关闭</el-button>
-      </template>
-    </ai-dialog>
   </section>
 </template>
 
@@ -114,10 +104,11 @@
 import {mapState} from "vuex";
 import EnterpriseDialog from "../../../components/enterpriseDialog";
 import PersonCreditReport from "../../../components/personCreditReport";
+import AiDialogBtn from "../../../components/AiDialogBtn";
 
 export default {
   name: "loanDetail",
-  components: {PersonCreditReport, EnterpriseDialog},
+  components: {AiDialogBtn, PersonCreditReport, EnterpriseDialog},
   props: {
     instance: Function,
     dict: Object,
@@ -147,7 +138,6 @@ export default {
         loanDate: [{required: true, message: "请选择 放款日期"}],
         auditDescription: [{required: true, message: "请输入 审批意见"}],
       },
-      isShow: false,
       personCR: false
     }
   },
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
index b962be29..f81824d5 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
@@ -76,15 +76,16 @@ export default {
   },
   data() {
     return {
-      search: {name: ""},
+      search: {status: "", applyTime: []},
       page: {current: 1, size: 10, total: 0},
-      tableData: []
+      tableData: [],
     }
   },
   methods: {
     getTableData() {
+      let status = this.search.status || 999
       this.instance.post("/appfinancialloanapply/list", null, {
-        params: {...this.page, ...this.search}
+        params: {...this.page, ...this.search, status}
       }).then(res => {
         if (res?.data) {
           this.tableData = res.data?.records
@@ -103,6 +104,8 @@ export default {
     },
   },
   created() {
+    this.$dict.load('financialLoanApplyStatus')
+    this.search.status = this.$route.query.status
     this.getTableData()
   }
 }
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue b/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
index f775f188..a59b9c86 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
@@ -24,13 +24,18 @@
                 <h2 v-text="overviews['累计申请笔数(笔)']"/>
                 <p>总数</p>
               </div>
-              <ai-echart :ops="circleEchart" :data="[{name:'企业融资',value:overviews['累计申请笔数(笔)']}]"/>
+              <ai-echart :ops="circleEchart" :data="[{name:'企业融资',value:applyInfo['企业融资']}, {name:'个人融资',value:applyInfo['个人贷款']}]"/>
             </div>
             <div class="cir-text">
               <el-row type="flex" justify="space-between" align="middle" class="info">
                 <span class="tips-bg" style="background: #2891FF;"/>
                 <p class="fill">企业融资</p>
-                <div v-text="overviews['累计申请笔数']"/>
+                <div v-text="applyInfo['企业融资']"/>
+              </el-row>
+              <el-row type="flex" justify="space-between" align="middle" class="info">
+                <span class="tips-bg" style="background: #FFB865;"/>
+                <p class="fill">个人融资</p>
+                <div v-text="applyInfo['个人贷款']"/>
               </el-row>
             </div>
           </div>
@@ -74,9 +79,13 @@ export default {
       return {
         legend: false,
         color: ['#2891FF', '#FFB865'],
+        tooltip: {
+          confine: true
+        },
         series: [
           {
             type: 'pie',
+            name: '申请信用贷款主体',
             radius: ['80%', '90%'],
             avoidLabelOverlap: false,
             legend: false,
@@ -172,6 +181,7 @@ export default {
       overviews: [],
       productTop10: [],
       tradeTrend: [],
+      applyInfo: {}
     }
   },
   methods: {
@@ -179,6 +189,16 @@ export default {
       this.getOverviews()
       this.getProductTop10()
       this.getTradeTrend()
+      this.getApply()
+    },
+    getApply() {
+      this.instance.post("/appfinancialloanapply/staticFinancialLoanApplyByMainbody", null, {
+        params: {...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.applyInfo = res.data
+        }
+      })
     },
     getOverviews() {
       this.instance.post("/appfinancialloanapply/staticFinancialLoanApplyByOrganization", null, {
diff --git a/project/xiushan/apps/financing/AppFinancingNeeds/needsDetail.vue b/project/xiushan/apps/financing/AppFinancingNeeds/needsDetail.vue
index 1b09d3f2..1bf4227f 100644
--- a/project/xiushan/apps/financing/AppFinancingNeeds/needsDetail.vue
+++ b/project/xiushan/apps/financing/AppFinancingNeeds/needsDetail.vue
@@ -26,14 +26,18 @@
                 <el-form-item label="企业主体" v-if="detail.applyType==1">
                   <el-row type="flex">
                     {{ detail.enterpriseName }}
-                    <el-link type="primary" @click="isShow=true">企业详情</el-link>
+                    <ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
+                      <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
+                    </ai-dialog-btn>
                   </el-row>
                 </el-form-item>
                 <el-form-item v-else/>
                 <el-form-item label="联系人">
                   <el-row type="flex">
                     <div v-text="detail.name"/>
-                    <person-credit-report :person="detail" :instance="instance" :dict="dict"/>
+                    <ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
+                      <person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
+                    </ai-dialog-btn>
                   </el-row>
                 </el-form-item>
                 <el-form-item label="所在地区">{{ detail.areaName }}</el-form-item>
@@ -45,14 +49,6 @@
             </template>
           </ai-card>
         </el-form>
-        <ai-dialog class="dialog" :title="detail.enterpriseName||'企业详情'" :visible.sync="isShow" width="1200px"
-                   customFooter>
-          <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance"
-                             :dict="dict"/>
-          <template #footer>
-            <el-button @click="isShow=false">关闭</el-button>
-          </template>
-        </ai-dialog>
       </template>
     </ai-detail>
   </section>
@@ -62,10 +58,11 @@
 import {mapState} from "vuex";
 import EnterpriseDialog from "../../../components/enterpriseDialog";
 import PersonCreditReport from "../../../components/personCreditReport";
+import AiDialogBtn from "../../../components/AiDialogBtn";
 
 export default {
   name: "needsDetail",
-  components: {PersonCreditReport, EnterpriseDialog},
+  components: {AiDialogBtn, PersonCreditReport, EnterpriseDialog},
   props: {
     instance: Function,
     dict: Object,
@@ -81,7 +78,6 @@ export default {
     return {
       detail: {},
       info: {},
-      isShow: false,
     }
   },
   methods: {
diff --git a/project/xiushan/apps/financing/AppGrabLog/grabDetail.vue b/project/xiushan/apps/financing/AppGrabLog/grabDetail.vue
index 4edb8e68..3249b3b5 100644
--- a/project/xiushan/apps/financing/AppGrabLog/grabDetail.vue
+++ b/project/xiushan/apps/financing/AppGrabLog/grabDetail.vue
@@ -23,15 +23,17 @@
                 </el-form-item>
                 <el-form-item label="企业主体" v-if="detail.applyType==1">
                   {{ detail.enterpriseName }}
-                  <el-link type="primary" @click="showEnterpriseDetail=true">
-                    企业详情
-                  </el-link>
+                  <ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
+                    <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
+                  </ai-dialog-btn>
                 </el-form-item>
                 <el-form-item v-else/>
                 <el-form-item label="联系人">
                   <el-row type="flex">
                     {{ detail.createUserName }}
-                    <person-credit-report :person="detail" :instance="instance" :dict="dict"/>
+                    <ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
+                      <person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
+                    </ai-dialog-btn>
                   </el-row>
                 </el-form-item>
                 <el-form-item label="所在地区">{{ detail.areaName }}</el-form-item>
@@ -75,14 +77,6 @@
         </el-form-item>
       </el-form>
     </ai-dialog>
-    <ai-dialog class="dialog" :title="detail.enterpriseName||'企业详情'" :visible.sync="showEnterpriseDetail" width="1200px"
-               customFooter>
-      <enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance"
-                         :dict="dict"/>
-      <template #footer>
-        <el-button @click="showEnterpriseDetail=false">关闭</el-button>
-      </template>
-    </ai-dialog>
   </section>
 </template>
 
@@ -90,10 +84,12 @@
 import {mapState} from "vuex";
 import EnterpriseDialog from "../../../components/enterpriseDialog";
 import PersonCreditReport from "../../../components/personCreditReport";
+import AiDialogBtn from "../../../components/AiDialogBtn";
+
 
 export default {
   name: "grabDetail",
-  components: {PersonCreditReport, EnterpriseDialog},
+  components: {AiDialogBtn, PersonCreditReport, EnterpriseDialog},
   props: {
     instance: Function,
     dict: Object,
@@ -115,7 +111,6 @@ export default {
         auditLifespan: [{required: true, message: "请选择 使用期限"}],
         loanDate: [{required: true, message: "请选择 放款日期"}],
       },
-      showEnterpriseDetail: false
     }
   },
   methods: {
diff --git a/project/xiushan/apps/loanStatement/AppLoanSta.vue b/project/xiushan/apps/loanStatement/AppLoanSta.vue
index b72f5fed..3a578500 100644
--- a/project/xiushan/apps/loanStatement/AppLoanSta.vue
+++ b/project/xiushan/apps/loanStatement/AppLoanSta.vue
@@ -48,7 +48,7 @@ export default {
   },
   data() {
     return {
-      search: {status: 1},
+      search: {status: ''},
       page: {current: 1, size: 10, total: 0},
       tableData: [],
       colConfigs: [
@@ -67,8 +67,9 @@ export default {
   },
   methods: {
     getTableData() {
+      let status = this.search.status || 999
       this.instance.post("/appfinancialloanapply/list", null, {
-        params: {...this.page, ...this.search}
+        params: {...this.page, ...this.search, status}
       }).then(res => {
         if (res?.data) {
           this.tableData = res.data?.records
diff --git a/project/xiushan/apps/loanStatement/AppNeedSta.vue b/project/xiushan/apps/loanStatement/AppNeedSta.vue
index 8565fa14..0dfd15c0 100644
--- a/project/xiushan/apps/loanStatement/AppNeedSta.vue
+++ b/project/xiushan/apps/loanStatement/AppNeedSta.vue
@@ -6,7 +6,7 @@
       <template #content>
         <ai-search-bar>
           <template #left>
-            <ai-select v-model="search.status" placeholder="状态" :selectList="dict.getDict('financingDemandStatus')"
+            <ai-select v-model="search.status" placeholder="状态" :selectList="$dict.getDict('financingDemandSearchStatus')"
                        @change="page.current=1,getTableData()"/>
             <ai-search label="申请时间">
               <el-date-picker size="small" placeholder="请选择" type="daterange"
@@ -29,7 +29,7 @@
                   @getList="getTableData" :col-configs="colConfigs" :dict="dict">
           <el-table-column slot="options" label="状态" fixed="right" width="100" align="center">
             <template slot-scope="{row}">
-              <span :class="`status${row.status}`">{{ dict.getLabel('financingDemandStatus', row.status) }}</span>
+              <span :class="`status${row.status}`">{{ $dict.getLabel('financingDemandSearchStatus', row.status) }}</span>
             </template>
           </el-table-column>
         </ai-table>
@@ -54,7 +54,7 @@ export default {
   },
   data() {
     return {
-      search: {status: "1"},
+      search: {status: ""},
       page: {current: 1, size: 10, total: 0},
       tableData: [],
       colConfigs: [
@@ -74,7 +74,7 @@ export default {
   },
   methods: {
     getTableData() {
-      let status = this.search.status || 999
+      let status = this.search.status || 888
       this.instance.post("/appfinancingdemand/list", null, {
         params: {...this.page, ...this.search, status}
       }).then(res => {
@@ -92,7 +92,7 @@ export default {
     }
   },
   created() {
-    this.dict.load('financingDemandStatus')
+    this.dict.load('financingDemandSearchStatus')
     this.search.areaId = this.user.info.areaId
     this.getTableData()
   }
diff --git a/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue b/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
index d665ce6d..808cf700 100644
--- a/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
+++ b/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
@@ -4,15 +4,14 @@
       <ai-title slot="title" title="审批详情" isShowBack isShowBottomBorder @onBackClick="approval.goBack()">
         <template #rightBtn>
           <template v-if="listType==0&&$permissions('zwsp_oaapprovalapplyinfo_approve')">
-            <el-button size="small" class="iconfont iconClean del-btn-list" @click="agreeRefulse(0)">拒绝</el-button>
-            <el-button size="small" type="primary" class="iconfont iconCorrect" @click="agreeRefulse(1)">同意</el-button>
+            <el-button size="small" icon="iconfont iconClean del-btn-list" @click="agreeRefulse(0)">拒绝</el-button>
+            <el-button size="small" type="primary" icon="iconfont iconCorrect" @click="agreeRefulse(1)">同意</el-button>
           </template>
           <el-button v-if="listType==2&&detail.approvalStatus==0&&$permissions('app_oaapprovalapplyinfo_del')"
                      size="small" class="iconfont iconRevoke del-btn-list" style="width: 76px;" @click="recall">撤回
           </el-button>
         </template>
       </ai-title>
-
       <template #content>
         <ai-sidebar :tabTitle="menuList" @change="change"/>
         <el-scrollbar>
@@ -52,19 +51,21 @@
           </template>
           <template v-if="currentMenu==1">
             <ai-card title="申请表单">
+              <template v-if="!!detailObj.objId" #right>
+                <ai-dialog-btn text="信息报告" :dialog-title="cpConfig.dialogTitle">
+                  <component :is="cpConfig.component" v-bind="cpConfig.params"/>
+                </ai-dialog-btn>
+              </template>
               <template #content>
                 <el-form label-suffix="：" label-width="180px" size="small">
                   <div class="border-wrap">
                     <div v-for="(item, index) in applyForm" :key="index">
                       <ai-title :title="index"/>
                       <el-form-item v-for="e in item" :key="e.id" :label="[e.fieldName,e.fieldNameSuffix].join('')">
-                        <el-input :value="getFieldValue(e)" readonly style="width: 100%;"
-                                  v-if="e.fieldDataType!=5 && e.fieldDataType!=10"/>
-                        <el-input :value="getAreaName(e)" readonly style="width: 100%;"
-                                  v-else-if="e.fieldDataType==10"/>
+                        <el-input :value="getFieldValue(e)" readonly style="width: 100%;" v-if="e.fieldDataType!=5"/>
                         <el-checkbox-group v-else v-model="!e.fieldValue ? '' : String(e.fieldValue).split(',')">
-                          <el-checkbox :label="val.dictValue" disabled
-                                       v-for="(val,idx) in dict.getDict(e.dictionaryCode)" :key="idx">{{ val.dictName }}
+                          <el-checkbox :label="val.dictValue" disabled v-for="(val,idx) in dict.getDict(e.dictionaryCode)" :key="idx">
+                            {{ val.dictName }}
                           </el-checkbox>
                         </el-checkbox-group>
                       </el-form-item>
@@ -151,7 +152,7 @@
                             <div v-for="(m,i) in item.candidateFieldInfos" :key="i" style="margin-left: 10px;">
                               <div class="desc_div">{{ m.fieldName }}
                                 <span v-if="m.fieldNameSuffix" v-text="m.fieldNameSuffix"/>
-                                :{{m.dictionaryCode ? dict.getLabel(m.dictionaryCode, m.fieldValue) : m.fieldValue }}
+                                :{{ m.dictionaryCode ? dict.getLabel(m.dictionaryCode, m.fieldValue) : m.fieldValue }}
                               </div>
                             </div>
                           </li>
@@ -159,9 +160,9 @@
                             <span class="li_opinion" v-if="item.annexFiles && item.annexFiles.length>0">审批附件：</span>
                             <div style="flex: 1;">
                               <div class="desc_div">
-                                <img @click="openImg(value.accessUrl)" v-for="(value,_v) in item.pictureFiles" :key="_v"
-                                     :src="value.accessUrl" alt="图片" width="80px" height="80px"
-                                     style="border: 1px solid #ddd;cursor: pointer;">
+                                <el-image v-for="(value,_v) in item.pictureFiles" :key="_v" :preview-src-list="[value.accessUrl]"
+                                          :src="value.accessUrl" alt="图片" width="80px" height="80px"
+                                          style="border: 1px solid #ddd;cursor: pointer;"/>
                               </div>
                               <ul class="file_ul">
                                 <li v-for="(v,_i) in item.annexFiles" :key="_i" @click="downFile(v.accessUrl)">
@@ -206,23 +207,18 @@
         </el-scrollbar>
       </template>
     </ai-detail>
-
-    <el-dialog :visible.sync="isOpen" width="600px">
-      <img :src="imgUrl" alt="" width="100%" height="500px">
-    </el-dialog>
-
     <!--审批同意、拒绝-->
     <el-dialog :title="titleType" center :visible.sync="isAgree" width="720px" v-loading="loading"
                :close-on-click-modal="false" @close="form.fieldInfos = []">
-      <div style="height: 400px;overflow-y: auto;">
-        <el-form size="small" :model="form" label-width="90px" ref="ruleForm" label-position="right"
+      <div style="max-height: 400px;overflow-y: auto;">
+        <el-form size="small" :model="form" label-width="120px" ref="ruleForm" label-position="right"
                  class="dialog-form">
           <el-form-item v-for="(op,i) in form.fieldInfos" :key="i"
                         :label="op.fieldName + (op.fieldNameSuffix ? op.fieldNameSuffix : '')" class="dynamicFormItem"
                         :prop="`fieldInfos.${i}.fieldValue`"
                         :rules="{required:op.mustFill==1,message:`请输入${op.fieldName}`}">
             <el-input placeholder="请输入..." v-model.number="op.fieldValue"
-                      clearable v-if="op.fieldDataType=='0'"  show-word-limit :maxlength="op.fieldLength"/>
+                      clearable v-if="op.fieldDataType=='0'" show-word-limit :maxlength="op.fieldLength"/>
 
             <el-input type="textarea" :rows="3" placeholder="请输入..." v-model.trim="op.fieldValue"
                       clearable v-if="op.fieldDataType=='1'" show-word-limit
@@ -242,15 +238,15 @@
                 type="date"
                 placeholder="请选择">
             </el-date-picker>
-            <ai-select v-if="op.fieldDataType=='9'" v-model="op.fieldValue"
-                       :selectList="dict.getDict(op.dictionaryCode)"/>
+            <ai-select v-if="op.fieldDataType=='9'" v-model="op.fieldValue" :selectList="dict.getDict(op.dictionaryCode)"/>
           </el-form-item>
-          <el-form-item label="审批意见" prop="opinion" :rules="[{ required: true, message: '请输入审批意见', trigger: 'blur' }]"
-                        v-if="titleType=='审批拒绝'">
-            <el-input type="textarea" :rows="4" v-model.trim="form.opinion" placeholder="请输入" show-word-limit
-                      :maxlength="150"></el-input>
+          <el-form-item label="指定审批人" prop="appointNextCandidateId" :rules="[{ required: true, message: '请选择指定审批人'}]" v-if="form.nextNodeAreaFilter==3">
+            <ai-select v-model="form.appointNextCandidateId" :selectList="form.nextCandidateList"/>
           </el-form-item>
-          <el-form-item label="图片" prop="imgList" style="position: relative;">
+          <el-form-item label="审批意见" prop="opinion" :rules="[{ required: true, message: '请输入审批意见', trigger: 'blur' }]" v-if="!form.pass">
+            <el-input type="textarea" :rows="4" v-model.trim="form.opinion" placeholder="请输入" show-word-limit :maxlength="150"/>
+          </el-form-item>
+          <el-form-item label="图片" prop="imgList" style="position: relative;" v-if="form.pictureEnable==1">
             <span style="position: absolute;left: -78px;top: 18px;font-size: 12px;color: #999;">（最多9张）</span>
             <el-upload
                 action
@@ -270,7 +266,7 @@
               </div>
             </el-upload>
           </el-form-item>
-          <el-form-item label="附件" prop="fileList">
+          <el-form-item label="附件" prop="fileList" v-if="form.annexEnable==1">
             <el-upload
                 class="upload-demo"
                 action
@@ -306,11 +302,15 @@ import moment from 'dayjs'
 import {mapState} from "vuex";
 import Viewer from 'v-viewer'
 import Vue from 'vue'
+import AiDialogBtn from "../../../../components/AiDialogBtn";
+import PersonCreditReport from "../../../../components/personCreditReport";
+import EnterpriseDialog from "../../../../components/enterpriseDialog";
 
 Vue.use(Viewer)
 
 export default {
   name: "approvalDetail",
+  components: {EnterpriseDialog, PersonCreditReport, AiDialogBtn},
   inject: ['approval'],
   props: {
     instance: Function,
@@ -326,7 +326,6 @@ export default {
       detailObj: {},
       dataList: [],
       processList: [],
-      titleType: '',
       isAgree: false,
       form: {
         id: '',
@@ -346,7 +345,6 @@ export default {
       fileList: [],
       alreadyList: [],//已审批的
       imgUrl: '',
-      isOpen: false,
       url: "/admin/sysunit/getAll2",
       applyForm: {},
       menuList: ["基本信息", '申请表单', '附件材料', "审批记录"],
@@ -372,6 +370,15 @@ export default {
         {slot: "annex"},
         {slot: "options"}
       ]
+    },
+    titleType: v => v.form.pass ? '审批同意' : '审批拒绝',
+    cpConfig() {
+      const {objId, objType} = this.detailObj
+      let configs = {
+        0: {dialogTitle: "个人信息报告", params: {...this.$props, personId: objId}, component: PersonCreditReport},
+        1: {dialogTitle: "企业信息报告", params: {...this.$props, enterpriseId: objId}, component: EnterpriseDialog},
+      }
+      return configs?.[objType] || {}
     }
   },
   methods: {
@@ -419,10 +426,6 @@ export default {
       this.fileList = []
       this.isAgree = false
     },
-    openImg(url) {
-      this.isOpen = true;
-      this.imgUrl = url;
-    },
     // 下载
     downFile(url) {
       window.open(url);
@@ -560,36 +563,22 @@ export default {
       let dictionaryArr = []
       this.loading = true
       this.instance.post(`/app/approv-alapply-info/approval-popup?id=${this.detail.id}&type=${index}`).then(res => {
-        this.loading = false
-        if (res && res.data) {
+        if (res?.data) {
           if (index == 1) {
-            res.data.fieldInfos.map(e => {
-              if (e.fieldType == 3 && e.dictionaryCode && dictionaryArr.indexOf(e.dictionaryCode) == -1) {
+            this.form = res.data
+            this.form.fieldInfos = res.data.fieldInfos.filter(e => e.fieldType == 3)
+            this.form.nextCandidateList = this.form.nextCandidateList?.map(e => ({dictValue: e.candidate, dictName: e.name}))
+            this.form.fieldInfos.map(e => {
+              if (e.dictionaryCode && !dictionaryArr.includes(e.dictionaryCode)) {
                 dictionaryArr.push(e.dictionaryCode)
               }
             })
-            if (dictionaryArr.length) {
-              this.dict.load(dictionaryArr).then(() => {
-                this.form.fieldInfos = res.data.fieldInfos.filter(e => e.fieldType == 3)
-              })
-            } else {
-              this.form.fieldInfos = res.data.fieldInfos.filter(e => e.fieldType == 3)
-            }
+            dictionaryArr.length > 0 && this.dict.load(dictionaryArr)
           }
-
+          this.form.pass = index == 1
           this.isAgree = true;
-          if (index == 0) {
-            this.form.pass = false;
-            this.titleType = '审批拒绝';
-          } else {
-            this.form.pass = true;
-            this.titleType = '审批同意';
-          }
         }
-      }).catch(err => {
-        this.loading = false
-        console.log(err);
-      })
+      }).finally(() => this.loading = false)
     },
     saveAgree() {
       this.form.id = this.detail.id;
diff --git a/project/xiushan/apps/processManagement/mattersConfig/AppMattersConfig.vue b/project/xiushan/apps/processManagement/mattersConfig/AppMattersConfig.vue
index 4d1f093f..654e0818 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/AppMattersConfig.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/AppMattersConfig.vue
@@ -13,9 +13,7 @@
         </el-tabs>
       </template>
     </ai-list>
-    <component v-else :is="currentComp" :instance="instance" :dict="dict"
-               :processType="currentTab.value" :row="row" @back="back" />
-
+    <component v-else :is="currentTab.detail" :instance="instance" :dict="dict" :processType="currentTab.value" :row="row" @back="back"/>
   </section>
 </template>
 
@@ -27,7 +25,7 @@ import guidance from "./components/guidance";
 export default {
   name: "AppMattersConfig",
   label: '事项配置(秀山)',
-  components: {addConfig,guidance},
+  components: {addConfig, guidance},
   props: {
     instance: Function,
     dict: Object,
@@ -37,7 +35,6 @@ export default {
     return {
       currIndex: "0",
       row: {},
-      currentComp: "",
     }
   },
   computed: {
@@ -51,22 +48,18 @@ export default {
       return this.tabs?.[this.currIndex] || {}
     },
     showDetail() {
-      return !!this.$route.query?.id || !!this.$route.query?.processType
+      return this.$route.hash == "#add" || !!this.$route.query?.processType
     }
   },
   methods: {
     goPage(params) {
-      this.row = params.row
-      this.currentComp = params.comp
-      this.$router.push({query: {processType: this.currentTab.value}})
+      this.$router.push({query: {id: params.row.id}, hash: "#add"})
     },
-
-    back () {
+    back() {
       this.$router.push({query: {}})
     }
   },
   created() {
-    this.$router.push({query: {}});
     this.$dict.load("hbDepartment", 'sex', 'nation', 'marital', 'native_place', 'education', 'candidateApproverType', 'scopeCandidates', 'nodeType')
   }
 }
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue b/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
index 2e73bd7a..1a6fb72f 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
@@ -9,12 +9,12 @@
           </el-steps>
         </div>
       </template>
-      <template #content v-if="refresh">
-        <baseInfo ref="baseInfo" :instance="instance" :dict="dict" v-show="activeStep==0"/>
+      <template #content v-if="loaded">
+        <baseInfo ref="baseInfo" :instance="instance" :dict="dict" v-if="activeStep==0"/>
         <applyForm ref="applyForm" :instance="instance" :dict="dict" v-show="activeStep==1"/>
-        <attachmentMaterial ref="attachmentMaterial" :instance="instance" v-show="activeStep==2"/>
+        <attachmentMaterial ref="attachmentMaterial" :instance="instance" v-if="activeStep==2"/>
         <processApproval ref="processApproval" :approvalSteps="applyForm.approvalSteps" :instance="instance"
-                         :dict="dict" v-show="activeStep==3"/>
+                         :dict="dict" v-if="activeStep==3"/>
       </template>
       <template #footer>
         <el-button class="btn" v-if="activeStep==0" @click="handleBack">取消</el-button>
@@ -39,12 +39,10 @@ export default {
   props: {
     instance: Function,
     dict: Object,
-    row: Object
   },
   components: {baseInfo, applyForm, attachmentMaterial, processApproval},
   data() {
     return {
-      activeStep: 0,
       baseInfo: {},
       applyForm: {
         tableId: "",
@@ -52,7 +50,8 @@ export default {
       },
       processAnnexDefs: [],
       detailObj: {},
-      refresh: true
+      activeStep: 0,
+      loaded: false
     }
   },
   computed: {
@@ -66,7 +65,7 @@ export default {
     },
     detailTitle() {
       return this.detailObj?.id ? "编辑事项" : "添加事项"
-    }
+    },
   },
   methods: {
     /**
@@ -103,9 +102,9 @@ export default {
       }
     },
     handleBaseInfo() {
-      this.$refs['baseInfo'].banseInfoForm().then(res => {
+      this.$refs.baseInfo.banseInfoForm().then(res => {
         if (res) {
-          this.$refs['applyForm'].getFormList()
+          this.$refs.applyForm?.getFormList()
           this.baseInfo = res
           this.activeStep++
         }
@@ -115,18 +114,18 @@ export default {
      * 保存
      */
     save() {
-      this.$refs['processApproval'].handleProcessApproval().then(res => {
+      this.$refs.processApproval?.handleProcessApproval().then(res => {
         this.instance.post(`/approval-process-def/add-update`, {
           ...this.detailObj,
           ...this.baseInfo,
           processDefStatus: Number(this.baseInfo.processDefStatus),
           tableId: this.applyForm.tableId,
-          processType: 0,
           tableType: 2,
-          processAnnexDefs: this.annexs.map(e => ({...e, mustFill: Number(e.mustFill)})),
-          processNodeList: res.processNodeList
+          processAnnexDefs: this.annexs?.map(e => ({...e, mustFill: Number(e.mustFill)})),
+          processNodeList: res.processNodeList,
+          processType: 0
         }).then(res => {
-          if (res.code == 0) {
+          if (res?.code == 0) {
             this.$message.success("保存成功")
             this.$emit("back")
           }
@@ -139,28 +138,21 @@ export default {
       this.instance.post(`/approval-process-def/info-id`, null, {params: {id}}).then(res => {
         if (res?.data) {
           this.detailObj = res.data
-          this.refreshDetail()
         }
-      })
+      }).finally(() => this.loaded = true)
     },
     getStepIcon(rowIndex) {
       if (rowIndex < this.activeStep) return "iconfont iconSteps_Finished"
       else if (this.activeStep == rowIndex) return "iconfont iconSteps_In_Progress"
       return ""
     },
-    refreshDetail() {
-      this.refresh = false
-      this.$nextTick(() => this.refresh = true)
-    },
     handleBack() {
       this.detailObj?.id && this.$router.push({query: {}})
       this.$emit('back')
     }
   },
   created() {
-    if (this.row.id) {
-      this.getDetail(this.row.id)
-    }
+    this.getDetail(this.$route.query.id)
   }
 }
 </script>
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue b/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
index d9c89df8..587976d1 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
@@ -17,7 +17,7 @@
           <el-form-item :label="[e.fieldName,e.fieldNameSuffix].join('')" v-for="(e,j) in item.value"
                         :key="Math.random()">
             <el-input size="small" v-model="form.checkbox" :disabled="true" clearable placeholder="请输入"
-                      style="width: 100%;" v-if="['0','1','6'].includes(e.fieldDataType)"/>
+                      style="width: 100%;" v-if="['0','1','6','10'].includes(e.fieldDataType)"/>
 
             <el-radio-group style="width: 100%;" v-if="e.fieldDataType==4" disabled>
               <el-radio :label="k.dictValue" v-for="(k,m) in dict.getDict(e.dictionaryCode)" :key="Math.random()">
@@ -29,16 +29,7 @@
               <el-checkbox :label="p.dictName" v-for="(p,i) in dict.getDict(e.dictionaryCode)"
                            :key="Math.random()"></el-checkbox>
             </el-checkbox-group>
-
-            <el-select placeholder="请选择" disabled size="small" clearable style="width: 100%;"
-                       v-if="e.fieldDataType==9" v-model="e.fieldDataValue">
-              <el-option
-                  v-for="(item,i) in dict.getDict(e.fieldDbName)" :key="i"
-                  :label="item.dictName"
-                  :value="item.dictValue">
-              </el-option>
-            </el-select>
-
+            <ai-select v-if="e.fieldDataType==9" disabled/>
             <el-date-picker
                 v-model="form.picker"
                 v-if="['2','3','7','8'].includes(e.fieldDataType)"
@@ -108,7 +99,7 @@ export default {
             this.form.approvalSteps = res.data.approvalSteps
             res.data.tableFieldInfos.map((item, index) => {
               if (item.fieldType == 0) {
-                if(item.dictionaryCode && dictionaryCodeArr.indexOf(item.dictionaryCode)==-1){
+                if (item.dictionaryCode && dictionaryCodeArr.indexOf(item.dictionaryCode) == -1) {
                   dictionaryCodeArr.push(item.dictionaryCode)
                 }
                 let {groupIndex, groupName} = item
@@ -121,11 +112,11 @@ export default {
                 arr[groupIndex].value.push({...item})
               }
             })
-            if(dictionaryCodeArr.length){
-              this.$dict.load(dictionaryCodeArr).then(()=>{
+            if (dictionaryCodeArr.length) {
+              this.$dict.load(dictionaryCodeArr).then(() => {
                 this.tablelist = arr.filter(e => e)
               })
-            }else {
+            } else {
               this.tablelist = arr.filter(e => e)
             }
           }
@@ -192,7 +183,8 @@ export default {
         margin-left: 24px !important;
       }
     }
-    ::v-deep .el-radio{
+
+    ::v-deep .el-radio {
       margin-bottom: 6px;
     }
   }
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue b/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
index 67912f7a..1d58492c 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
@@ -44,25 +44,8 @@
                   </el-button>
                 </div>
               </div>
-              <!-- <ai-wechat-selecter slot="append" :instance="instance" :props="{id:'wxUserId',label:'name'}"
-                                    v-model="item.candidateList" v-if="item.candidateApproverType==1">
-                <el-button size="mini" type="primary">选择指定人员</el-button>
-              </ai-wechat-selecter> -->
-              <!-- <ai-user-picker :instance="instance" v-model="item.candidateList"  v-if="item.candidateApproverType==1"/> -->
-              <!-- <ai-people :showAiArea="false" customCliker :instance="instance"
-                        unitUrl="/admin/sysunit/getAll2"
-                        :meta="[]" v-model="item.candidateList"
-                        v-if="item.candidateApproverType==1">
-                <el-button size="mini" type="primary">选择指定人员</el-button>
-              </ai-people> -->
-              
-              <!-- <ai-user-picker :instance="instance" v-model="form.portalUserId"/> -->
-              <ai-person-select
-                :chooseUserList="item.candidateList"
-                v-if="item.candidateApproverType==1"
-                :instance="instance" customRightText url="/user/page"
-                headerTitle="人员列表" dialogTitle="选择" :isMultiple="true"
-                @selectPerson="e => changeCharge(e, index)">
+              <ai-person-select :chooseUserList="item.candidateList" v-if="item.candidateApproverType==1" :instance="instance" customRightText url="/user/page"
+                                headerTitle="人员列表" dialogTitle="选择" :isMultiple="true" @selectPerson="e => changeCharge(e, index)">
                 <template v-slot:option="{ item }">
                   <span class="iconfont iconProlife">{{ item.name }}</span>
                   <span>{{ item.phone }}</span>
@@ -73,46 +56,40 @@
         </el-steps>
       </template>
     </ai-card>
-    <el-dialog :title="titleType" class="editStyle" :visible.sync="isAddStep" width="575px" height="380px"
-               :close-on-click-modal="false">
-      <el-form :model="nodeObj" label-width="120px" ref="addForm" :rules="addRules">
-        <el-form-item label="审批步骤名称：" prop="nodeName">
-          <el-input size="small" v-model="nodeObj.nodeName" placeholder="如：部门主管审批（限10个字）" :maxLength="10"
-                    clearable></el-input>
+    <ai-dialog :title="titleType" class="editStyle" :visible.sync="isAddStep" width="575px" height="380px"
+               :close-on-click-modal="false" @onConfirm="saveAddProgress">
+      <el-form size="small" :model="nodeObj" label-width="100px" ref="addForm" :rules="addRules">
+        <el-form-item label="审批步骤" prop="nodeName">
+          <el-input v-model="nodeObj.nodeName" placeholder="如：部门主管审批（限10个字）" :maxLength="10" clearable/>
         </el-form-item>
-        <el-form-item label="审批方式：" prop="nodeType">
-          <el-radio-group v-model="nodeObj.nodeType">
-            <section style="position: relative;top: 10px;margin-bottom: 30px;">
-              <el-radio :label="2">或签
-                <el-popover
-                    placement="top-start"
-                    width="200"
-                    trigger="click"
-                    content="或签是指该节点指定多名负责人审批时，其中任何一人完成审批即可。适合一个事项只需要某个岗位任何一人审批即可的业务场景。">
-                  <el-button class="el-icon-warning" slot="reference"
-                             style="padding:0;height:14px;border:0;"></el-button>
-                </el-popover>
-              </el-radio>
-              <el-radio :label="3">抄送
-                <el-popover
-                    placement="top-start"
-                    width="200"
-                    trigger="click"
-                    content="抄送是指一个事项审批完成后，抄送给需要知晓的单位或个人，被抄送的对象可以查阅该事项内容，无需审批。适合一个事项无需对方审批，但审批完成后需要通知对方知晓的业务场景。">
-                  <el-button class="el-icon-warning" slot="reference"
-                             style="padding:0;height:14px;border:0;"></el-button>
-                </el-popover>
-              </el-radio>
-            </section>
+        <el-form-item label="审批方式" prop="nodeType">
+          <el-radio-group v-model="nodeObj.nodeType" @change="nodeObj.areaFilter='',nodeObj.annexEnable='',nodeObj.pictureEnable=''">
+            <el-radio v-for="op in approvalWays" :key="op.value" :label="op.value">
+              <span v-text="op.label"/>
+              <el-popover placement="top-start" width="200" trigger="click" :content="op.tips">
+                <el-button type="text" slot="reference" icon="el-icon-warning" class="color-666"/>
+              </el-popover>
+            </el-radio>
           </el-radio-group>
         </el-form-item>
+        <template v-if="nodeObj.nodeType==2">
+          <el-form-item label="数据权限" prop="areaFilter">
+            <el-radio-group v-model="nodeObj.areaFilter">
+              <el-radio v-for="op in dict.getDict('processNodeAreaFilter')" :key="op.dictValue" :label="op.dictValue">
+                <span v-text="op.dictName"/>
+                <el-popover placement="top-start" width="200" trigger="click" :content="dict.getLabel('processNodeAreaFilterTips',op.dictValue)">
+                  <el-button type="text" slot="reference" icon="el-icon-warning" class="color-666"/>
+                </el-popover>
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="附件图片">
+            <el-checkbox v-model="nodeObj.annexEnable" true-label="1" false-label="0">附件</el-checkbox>
+            <el-checkbox v-model="nodeObj.pictureEnable" true-label="1" false-label="0">图片</el-checkbox>
+          </el-form-item>
+        </template>
       </el-form>
-      <div slot="footer" style="text-align: center;">
-        <el-button style="width: 92px;" size="small" @click="isAddStep = false">取消</el-button>
-        <el-button style="width: 92px;" size="small" type="primary" @click="saveAddProgress('addForm')">确认
-        </el-button>
-      </div>
-    </el-dialog>
+    </ai-dialog>
   </div>
 </template>
 
@@ -132,19 +109,15 @@ export default {
       form: {
         processNodeList: [],
       },
-      areaId: "",
+      approvalWays: [
+        {value: 2, label: '或签', tips: '或签是指该节点指定多名负责人审批时，其中任何一人完成审批即可。适合一个事项只需要某个岗位任何一人审批即可的业务场景。'},
+        {value: 3, label: '抄送', tips: '抄送是指一个事项审批完成后，抄送给需要知晓的单位或个人，被抄送的对象可以查阅该事项内容，无需审批。适合一个事项无需对方审批，但审批完成后需要通知对方知晓的业务场景。'},
+      ],
       isAddStep: false,
       isSelectImg: false,
       isSelectUnit: false,
       isSelectPerson: false,
-      nodeObj: {
-        candidateApproverType: '1',
-        candidateList: [],
-        nodeIndex: '',
-        nodeName: '',
-        nodeType: '',
-        scopeCandidates: ''
-      },
+      nodeObj: {},
       indexType: '',
       titleType: '',
       bomIndex: '',
@@ -157,9 +130,8 @@ export default {
         nodeName: [
           {required: true, message: '请输入审批节点名称', trigger: 'change'}
         ],
-        nodeType: [
-          {required: true, message: '请选择审批方式', trigger: 'change'}
-        ],
+        nodeType: [{required: true, message: '请选择审批方式', trigger: 'change'}],
+        areaFilter: [{required: true, message: '请选择数据权限'}],
         candidateApproverType: [
           {required: true, message: '请选择选人方式', trigger: 'change'}
         ],
@@ -174,16 +146,12 @@ export default {
     handleProcessApproval() {
       return Promise.resolve(this.form)
     },
-    /**
-     *删除
-     * */
     deleteInfo(index) {
       this.$confirm("是否删除").then(() => {
         this.form.processNodeList.splice(index, 1)
-      })
+      }).catch(() => 0)
     },
-
-    changeCharge (e, i) {
+    changeCharge(e, i) {
       this.$set(this.form.processNodeList[i], 'candidateList', e.map(v => {
         return {
           ...v,
@@ -193,9 +161,6 @@ export default {
     },
     /**
      * 添加流程
-     * @param index
-     * @param item
-     * @param i
      */
     addAppStep(index, item, i) {
       this.isAddStep = true;
@@ -205,26 +170,23 @@ export default {
         this.titleType = '编辑审批步骤';
         item.nodeType = item.nodeType * 1;
         item.candidateApproverType = item.candidateApproverType * 1;
-        item.scopeCandidates = item.scopeCandidates * 1;
-        this.nodeObj = JSON.parse(JSON.stringify(item));
+        this.nodeObj = this.$copy(item)
       } else {
         this.titleType = '添加审批步骤';
-        if (this.form.processNodeList.length > 0) {
-          this.init();
-        }
+        this.init();
       }
     },
     // 确定添加审批步骤
-    saveAddProgress(formName) {
-      this.$refs[formName].validate((valid) => {
+    saveAddProgress() {
+      this.$refs.addForm.validate((valid) => {
         if (valid) {
-          if (this.nodeObj.scopeCandidates == 0) this.nodeObj.candidateList = [];
+          if (this.nodeObj.scopeCandidates == '0') this.nodeObj.candidateList = [];
           if (this.indexType == 1) {
-            this.form.processNodeList.push(JSON.parse(JSON.stringify(this.nodeObj)));
+            this.form.processNodeList.push(this.$copy(this.nodeObj));
           } else {
-            this.form.processNodeList.splice(this.bomIndex, 1, JSON.parse(JSON.stringify(this.nodeObj)));
+            this.form.processNodeList.splice(this.bomIndex, 1, this.$copy(this.nodeObj));
           }
-          this.$refs[formName].resetFields();
+          this.$refs.addForm.resetFields();
           this.isAddStep = false;
         }
       })
@@ -236,15 +198,17 @@ export default {
         nodeIndex: '',
         nodeName: '',
         nodeType: '',
-        scopeCandidates: ''
+        scopeCandidates: '1',
+        annexEnable: null,
+        pictureEnable: null,
+        areaFilter: null
       };
-      this.$refs['addForm'].resetFields();
+      this.$refs.addForm?.resetFields();
     },
   },
   created() {
-    this.areaId = this.user.info.areaId.substring(0, 6) + '000000'
+    this.dict.load("processNodeAreaFilter", 'processNodeAreaFilterTips')
     if (this.config.detailObj?.id) {
-
       Object.keys(this.form).map(e => this.form[e] = this.config.detailObj[e])
     }
   }
@@ -426,6 +390,10 @@ export default {
     }
   }
 
+  .color-666 {
+    color: #666;
+  }
+
   .dia_per_content {
     width: 640px;
     height: 400px;
@@ -495,7 +463,7 @@ export default {
   .peraoBtn {
     .el-button--text {
       color: #333;
-      font-size: 12px;
+      font-size: 14px;
     }
   }
 
diff --git a/project/xiushan/components/AiDialogBtn.vue b/project/xiushan/components/AiDialogBtn.vue
new file mode 100644
index 00000000..7f95ad86
--- /dev/null
+++ b/project/xiushan/components/AiDialogBtn.vue
@@ -0,0 +1,34 @@
+<template>
+  <section class="AiDialogBtn">
+    <div @click="dialog=true">
+      <slot v-if="$scopedSlots.btn" name="btn"/>
+      <el-button type="text">{{ text }}</el-button>
+    </div>
+    <ai-dialog :visible.sync="dialog" :title="dialogTitle" width="1200px" customFooter>
+      <slot/>
+      <template #footer>
+        <el-button @click="dialog=false">关闭</el-button>
+      </template>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiDialogBtn",
+  props: {
+    text: {default: "点击弹窗"},
+    dialogTitle: {default: "展示信息"}
+  },
+  data() {
+    return {
+      dialog: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDialogBtn {
+}
+</style>
diff --git a/project/xiushan/components/enterpriseDialog.vue b/project/xiushan/components/enterpriseDialog.vue
index e0f1eeee..8dc17807 100644
--- a/project/xiushan/components/enterpriseDialog.vue
+++ b/project/xiushan/components/enterpriseDialog.vue
@@ -1,144 +1,133 @@
 <template>
   <section class="enterpriseDialog">
-    <div class="top">
+    <div class="topPanel">
       <div class="top-left" v-html="txtLogo"/>
       <div class="top-right">
         <div class="top-right__top">
-          <h2>{{ info.enterpriseName }}</h2>
-          <!-- <div class="right">
-            <span>下载报告</span>
-          </div> -->
+          <h2 v-text="info.name "/>
+          <el-button type="primary" icon="iconfont iconDownload" @click="handleDownload(info.id)">下载报告</el-button>
         </div>
         <div class="top-right__bottom">
           <ai-wrapper
               label-width="130px">
             <ai-info-item label="法人姓名："><span style="color: #1890FF;">{{ info.legalPersonName }}</span></ai-info-item>
             <ai-info-item label="企业类型：" :value="dict.getLabel('enterpriseType', info.enterpriseType)"></ai-info-item>
-            <ai-info-item label="统一社会信用代码：" :value="info.unifiedCode"></ai-info-item>
+            <ai-info-item label="统一社会信用代码：" :value="info.idNumber"></ai-info-item>
             <ai-info-item label="地址：" isLine :value="info.areaName + info.address"></ai-info-item>
             <ai-info-item label="经营范围：" isLine :value="info.businessScope"></ai-info-item>
           </ai-wrapper>
         </div>
       </div>
     </div>
-    <div class="bottom">
-      <div class="tab">
-        <span :class="[currIndex === 0 ? 'active' : '']" @click="currIndex = 0">行政许可</span>
-        <span :class="[currIndex === 1 ? 'active' : '']" @click="currIndex = 1">行政处罚</span>
-        <span :class="[currIndex === 2 ? 'active' : '']" @click="currIndex = 2">良好信息</span>
-        <span :class="[currIndex === 3 ? 'active' : '']" @click="currIndex = 3">失信信息</span>
-      </div>
-      <div class="table">
-        <template v-if="currIndex === 0">
-          <ai-table :dict="dict" :tableData="info.adminstrativeLicenseList" :col-configs="colConfigs1"
-                    :isShowPagination="false" border tableSize="small" @getList="() => {}"/>
-        </template>
-        <ai-table :dict="dict"
-                  v-if="currIndex === 1"
-                  :tableData="info.administrativeSanctionList"
-                  :col-configs="colConfigs2"
-                  :isShowPagination="false"
-                  border
-                  tableSize="small"
-                  @getList="() => {}"/>
-        <ai-table :dict="dict"
-                  v-if="currIndex === 2"
-                  :tableData="info.taxInfoList"
-                  :col-configs="colConfigs3"
-                  :isShowPagination="false"
-                  border
-                  tableSize="small"
-                  @getList="() => {}"/>
-        <div class="table-item" v-if="currIndex==3">
-          <h2>失信被执行人信息</h2>
-          <ai-table :dict="dict" :tableData="info.dishonestPersonList" :col-configs="colConfigs4"
-                    :isShowPagination="false" border tableSize="small" @getList="() => {}"/>
-          <h2 style="margin-top: 30px;">公共事业欠缴费信息</h2>
-          <ai-table :dict="dict" :tableData="info.puaInfoList" :col-configs="colConfigs5"
-                    :isShowPagination="false" border tableSize="small" @getList="() => {}"/>
-        </div>
-      </div>
-    </div>
+    <el-tabs type="border-card" stretch>
+      <el-tab-pane label="基本信息">
+        <el-descriptions :column="2" border size="small" :labelStyle="{width:'200px'}">
+          <el-descriptions-item v-for="des in desConfigs" :key="des.prop" v-bind="des">{{ info[des.prop] }}</el-descriptions-item>
+        </el-descriptions>
+      </el-tab-pane>
+      <el-tab-pane v-for="(tab,i) in tabs" :label="tab.label" :key="i" lazy>
+        <ai-table :dict="dict" :tableData="info[tab.prop]" :col-configs="tab.colConfigs" :isShowPagination="false" border tableSize="small">
+          <div slot="empty">截止{{ $moment().format('YYYY-MM-DD') }},尚未公开信息</div>
+        </ai-table>
+      </el-tab-pane>
+    </el-tabs>
   </section>
 </template>
 
 <script>
-import {mapState} from "vuex";
 
 export default {
   name: "enterpriseDialog",
   computed: {
-    ...mapState(['user']),
-    isFinanceUser() {
-      return !!this.user.financeUser?.id
-    },
     txtLogo() {
-      return this.info.enterpriseName?.substring(0, 4)?.replace(/(.{2})(.{2})/, '$1<br/>$2') || ""
+      return this.info.name?.substring(0, 4)?.replace(/(.{2})(.{2})/, '$1<br/>$2') || ""
     }
   },
   data() {
     return {
       info: {},
-      currIndex: 0,
-      colConfigs1: [
-        {prop: 'licenseCode', label: '行政许可决定文书号'},
-        {prop: 'decisionDate', align: 'center', label: '许可决定日期'},
-        {prop: 'endDate', align: 'center', label: '许可有效期至'},
-        {prop: 'licenseOrganization', align: 'center', label: '许可机关'},
-        {prop: 'licenseContent', align: 'center', label: '许可内容'},
-        {prop: 'createTime', align: 'center', label: '数据更新时间'}
+      tabs: [
+        {
+          label: "行政许可", prop: "administrativeLicensingList", colConfigs: [
+            {prop: 'input04', label: '许可证编号'},
+            {prop: 'date05', label: '发证时间'},
+            {prop: 'input00', label: '许可机关'},
+            {prop: 'textarea03', label: '许可内容'},
+            {prop: 'create_time', label: '数据更新时间'},
+          ]
+        },
+        {
+          label: "行政处罚", prop: "administrativeSanctionList", colConfigs: [
+            {prop: "textarea04", label: "违法事项"},
+            {prop: "input00", label: "处罚机关"},
+            {prop: "date03", label: "处罚时间"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
+        {
+          label: "失信信息", prop: "discreditList", colConfigs: [
+            {prop: "input00", label: "姓名/名称"},
+            {prop: "radio01", label: "类型"},
+            {prop: "textarea04", label: "失信行为情形"},
+            {prop: "input03", label: "执行法院"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
+        {
+          label: "缴费信息", prop: "arrearageList", colConfigs: [
+            {prop: "input00", label: "缴费年月"},
+            {prop: "radio04", label: "缴费类型"},
+            {prop: "radio05", label: "缴费情况"},
+            {prop: "input06", label: "收款单位"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
       ],
-      colConfigs2: [
-        {prop: 'sanctionCode', width: '190', label: '行政处罚决定文书号'},
-        {prop: 'sanctionDate', align: 'center', label: '处罚决定日期'},
-        {prop: 'sanctionType', align: 'center', label: '处罚类型', dict: "administrativeSanctionType"},
-        {prop: 'sanctionContent', align: 'center', label: '处罚内容'},
-        {prop: 'sanctionBasis', align: 'center', label: '处罚依据'},
-        {prop: 'sanctionOrganization', align: 'center', label: '处罚机关'},
-        {prop: 'createTime', align: 'center', label: '数据更新时间'}
+      desConfigs: [
+        {prop: "creditRating", label: "信用评级"},
+        {prop: "creditRatingScore", label: "信用评分"},
+        {prop: "creditRatingDesc", label: "评级释义", span: 2},
+        {prop: "administrativeLicensing", label: "行政许可信息"},
+        {prop: "administrativeSanction", label: "行政处罚信息"},
+        {prop: "discredit", label: "失信被执行人"},
+        {prop: "enterpriseLevel", label: "企业等级"},
+        {prop: "maritalStatus", label: "是否已婚"},
+        {prop: "arrearage", label: "欠缴水电燃气费"},
+        {prop: "enterpriseAuth", label: "企业认证信息", span: 2},
       ],
-      colConfigs3: [
-        {prop: 'taxpayer', label: '纳税人名称'},
-        {prop: 'taxpayerNumber', align: 'center', label: '纳税人识别号'},
-        {prop: 'taxLevel', align: 'center', label: '纳税人等级'},
-        {prop: 'taxYear', align: 'center', label: '年份'},
-        {prop: 'evaluationUnit', align: 'center', label: '评价单位'},
-        {prop: 'createTime', align: 'center', label: '数据更新时间'}
-      ],
-      colConfigs4: [
-        {prop: 'executionCode', label: '执行案号'},
-        {prop: 'executionTime', align: 'center', label: '执行时间'},
-        {prop: 'dishonestFact', align: 'center', label: '失信事实'},
-        {prop: 'executionSituation', align: 'center', label: '履行情况', dict: "dishonestPersonSituation"},
-        {prop: 'executionCourt', align: 'center', label: '执行法院'},
-        {prop: 'executionTime', align: 'center', label: '数据更新时间'}
-      ],
-      colConfigs5: [
-        {prop: 'arrearsAmount', label: '欠费金额（万元）'},
-        {prop: 'arrearsType', align: 'center', label: '欠缴类型名称', dict: "arrearsType"},
-        {prop: 'deadlineForArrearsStatistics', align: 'center', label: '欠缴统计截止日期'},
-        {prop: 'dishonestySeverity', align: 'center', label: '失信严重程度', dict: "dishonestySeverity"},
-        {prop: 'validityPeriodOfDishonesty', align: 'center', label: '失信行为有效期'},
-        {prop: 'sourceOrganization', align: 'center', label: '数据来源机构'},
-        {prop: 'createTime', align: 'center', label: '数据更新时间'}
-      ]
     }
   },
   created() {
-    this.dict.load("dishonestPersonSituation", "administrativeSanctionType", "enterpriseType", 'arrearsType', 'dishonestySeverity')
     this.getCompanyInfo()
   },
   methods: {
     getCompanyInfo() {
       let {enterpriseId: id} = this
-      this.instance.post(`/appportaluserenterprise/queryCreditEnterpriseDetailById`, null, {
-        withoutToken: true,
-        params: {id}
+      this.instance.post(`/appcreditreport/info`, null, {
+        params: {id, type: 1}
       }).then(res => {
         if (res?.data) {
           this.info = res.data
         }
       })
+    },
+    handleDownload(id) {
+      this.$confirm("是否要下载报告?").then(() => {
+        this.instance.post("/appcreditreport/downloadCreditReport", null, {
+          params: {id, type: 1}
+        }).then(res => {
+          if (res?.data) {
+            const link = document.createElement('a')
+            link.style.display = 'none'
+            link.href = res.data
+            link.setAttribute('download', this.info.name + '信息报告.pdf')
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+          }
+        })
+      }).catch(() => 0)
+
     }
   },
   props: {
@@ -152,21 +141,14 @@ export default {
 
 <style lang="scss" scoped>
 .enterpriseDialog {
-  .table-item {
-    h2 {
-      margin-bottom: 16px;
-      color: #333333;
-      font-size: 18px;
-      font-weight: 600;
-    }
-  }
-
-  .top {
+  .topPanel {
     display: flex;
     margin-bottom: 20px;
     padding: 34px 30px 16px;
     border: 1px solid #EEEEEE;
     border-radius: 4px;
+    background: #fff;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
 
     .top-left {
       margin-right: 31px;
@@ -220,47 +202,21 @@ export default {
     }
   }
 
-  .bottom {
-    padding-bottom: 20px;
-    border: 1px solid #DCDFE6;
-    border-radius: 4px;
+  ::v-deep.el-tabs {
+    .el-tabs__header {
+      padding: unset;
 
-    .tab {
-      display: flex;
-      align-items: center;
-      height: 60px;
-      margin-bottom: 15px;
-      background: #FAFAFA;
-      border-radius: 4px;
+      .el-tabs__item {
+        background: #f3f6f9;
+        border-bottom-color: #ddd;
+        margin-left: 0;
 
-      span {
-        flex: 1;
-        height: 100%;
-        line-height: 60px;
-        text-align: center;
-        color: #555555;
-        font-size: 16px;
-        cursor: pointer;
-        border-bottom: 1px solid #DCDFE6;
-        border-right: 1px solid #DCDFE6;
-        transition: all ease 0.3s;
-        user-select: none;
-
-        &:last-child {
-          border-right: none;
-        }
-
-        &.active {
-          border-bottom: 1px solid transparent;
+        &.is-active {
           background: #fff;
-          color: #1890FF;
+          border-bottom-color: transparent;
         }
       }
     }
-
-    .table {
-      padding: 0 16px;
-    }
   }
 }
 </style>
diff --git a/project/xiushan/components/personCreditReport.vue b/project/xiushan/components/personCreditReport.vue
index ffeffa59..5a4bd131 100644
--- a/project/xiushan/components/personCreditReport.vue
+++ b/project/xiushan/components/personCreditReport.vue
@@ -1,129 +1,150 @@
 <template>
   <section class="personCreditReport">
-    <el-link v-if="hasIdNumber" type="primary" @click.stop="handleShow">个人产权</el-link>
-    <el-dialog :visible.sync="dialog" title="个人产权信息" width="1200px" customFooter>
-      <div class="top">
-        <div class="top-left">
-          <el-image v-if="info.avatar"/>
-          <div v-else v-html="txtLogo"/>
-        </div>
-        <div class="top-right">
-          <div class="top-right__top">
-            <h2 v-text="person.name"/>
-          </div>
-          <div class="top-right__bottom">
-            <ai-wrapper
-                label-width="130px">
-              <ai-info-item label="手机号码：" :value="person.phone"/>
-              <ai-info-item label="身份证号：" :value="person.idNumber"/>
-            </ai-wrapper>
-          </div>
-        </div>
+    <div class="topPanel">
+      <div class="top-left">
+        <el-image v-if="info.avatar"/>
+        <div v-else v-html="txtLogo"/>
       </div>
-      <el-tabs type="border-card" stretch>
-        <el-tab-pane label="企业信息">
-          <ai-table :dict="dict" :tableData="info.enterpriseList" :col-configs="colConfigs1"
-                    :isShowPagination="false" border tableSize="small"/>
-        </el-tab-pane>
-        <el-tab-pane label="宅基地信息" lazy>
-          <ai-table :dict="dict" :tableData="info.homesteadInfoList" :col-configs="colConfigs2"
-                    :isShowPagination="false" border tableSize="small"/>
-        </el-tab-pane>
-        <el-tab-pane label="集体经济组织股权" lazy>
-          <ai-table :dict="dict" :tableData="info.shareholderList" :col-configs="colConfigs3"
-                    :isShowPagination="false" border tableSize="small"/>
-        </el-tab-pane>
-        <el-tab-pane label="土地流转经营" lazy>
-          <ai-table :dict="dict" :tableData="info.landCirculateInfoList" :col-configs="colConfigs4"
-                    :isShowPagination="false" border tableSize="small"/>
-        </el-tab-pane>
-      </el-tabs>
-      <template #footer>
-        <el-button @click.stop="dialog=false">关闭</el-button>
-      </template>
-    </el-dialog>
+      <ai-wrapper class="fill" label-width="130px">
+        <ai-info-item label="姓名：" :value="info.name"/>
+        <ai-info-item label="手机号码：" :value="info.phone"/>
+        <ai-info-item label="性别：" :value="info.sex"/>
+        <ai-info-item label="身份证号：" :value="info.idNumber"/>
+        <ai-info-item label="年龄：" :value="info.age"/>
+        <ai-info-item label="本地户籍：" :value="info.localRegistered"/>
+        <ai-info-item label="结婚状态：" :value="info.maritalStatus"/>
+        <ai-info-item label="所在地区：" :value="info.areaName" isLine/>
+      </ai-wrapper>
+      <el-button type="primary" icon="iconfont iconDownload" @click="handleDownload(info.id)">下载报告</el-button>
+    </div>
+    <el-tabs type="border-card" stretch>
+      <el-tab-pane label="基本信息">
+        <el-descriptions :column="2" border size="small" :labelStyle="{width:'200px'}">
+          <el-descriptions-item v-for="des in desConfigs" :key="des.prop" v-bind="des">{{ info[des.prop] }}</el-descriptions-item>
+        </el-descriptions>
+      </el-tab-pane>
+      <el-tab-pane v-for="(tab,i) in tabs" :label="tab.label" :key="i" lazy>
+        <ai-table :dict="dict" :tableData="info[tab.prop]" :col-configs="tab.colConfigs" :isShowPagination="false" border tableSize="small">
+          <el-table-column slot="detail" label="操作" align="center" width="100px">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="$router.push({hash:'#company',query:{id:row.id}})">详情</el-button>
+            </template>
+          </el-table-column>
+          <div slot="empty">截止{{ $moment().format('YYYY-MM-DD') }},尚未公开信息</div>
+        </ai-table>
+      </el-tab-pane>
+    </el-tabs>
   </section>
 </template>
 
 <script>
-import {mapState} from "vuex";
 
 export default {
   name: "personCreditReport",
   computed: {
-    ...mapState(['user']),
-    isFinanceUser() {
-      return !!this.user.financeUser?.id
-    },
     txtLogo() {
-      return this.person.name?.substring(0, 1) || ""
+      return this.info.name?.substring(0, 1) || ""
     },
     hasIdNumber() {
-      return !!this.person.idNumber
+      return !!this.info.idNumber
     }
   },
   data() {
     return {
-      dialog: false,
       info: {},
-      currIndex: 0,
-      colConfigs1: [
-        {prop: 'enterpriseName', label: '企业名称'},
-        {prop: 'enterpriseType', label: '企业类型', dict: "enterpriseType", align: 'center'},
-        {prop: 'areaName', label: '所属区域', align: 'center'},
-        {prop: 'businessScope', label: '经营范围', align: 'center'},
-        {prop: 'operationPeriod', label: '营业期限', align: 'center'},
-      ],
-      colConfigs2: [
-        {prop: 'usePerson', label: '使用人'},
-        {prop: 'houseNumber', label: '家庭人口', align: 'center'},
-        {prop: 'areaName', label: '所在地区', align: 'center'},
-        {prop: 'landArea', label: '土地面积/㎡', align: 'center'},
-        {prop: 'landOwnership', label: '土地所有权', align: 'center'},
-      ],
-      colConfigs3: [
-        {prop: 'organizationName', label: '集体经济组织名称'},
-        {prop: 'areaName', align: 'center', label: '所在地区'},
-        {prop: 'name', align: 'center', label: '持股人'},
-        {prop: 'shareholdingNumber', align: 'center', label: '股权总数'},
-        {prop: 'shareholdingAmount', align: 'center', label: '股金总额'}
-      ],
-      colConfigs4: [
-        {prop: 'landOutflowName', label: '土地流出方'},
-        {prop: 'landArea', align: 'center', label: '土地面积/㎡'},
-        {prop: 'landUndertakeName', align: 'center', label: '土地承接方'},
-        {prop: 'circulateType', align: 'center', label: '流转形式', dict: "landCirculateType"},
-        {prop: 'startDate', align: 'center', label: '开始日期'},
+      tabs: [
+        {
+          label: "企业信息", prop: "unitList", colConfigs: [
+            {prop: 'enterpriseName', label: '企业名称'},
+            {prop: 'idNumber', label: '统一社会信用代码', align: 'center'},
+            {prop: 'enterpriseType', label: '企业类型', dict: "enterpriseType", align: 'center'},
+            {slot: 'detail'}
+          ]
+        },
+        {
+          label: "失信信息", prop: "discreditList", colConfigs: [
+            {prop: "input00", label: "姓名/名称"},
+            {prop: "radio01", label: "类型"},
+            {prop: "textarea04", label: "失信行为情形"},
+            {prop: "input03", label: "执行法院"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
+        {
+          label: "缴费信息", prop: "arrearageList", colConfigs: [
+            {prop: "input00", label: "缴费年月"},
+            {prop: "radio04", label: "缴费类型"},
+            {prop: "radio05", label: "缴费情况"},
+            {prop: "input06", label: "收款单位"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
+        {
+          label: "婚姻登记", prop: "marriageList", colConfigs: [
+            {prop: "input05", label: "登记年度"},
+            {prop: "input00", label: "姓名"},
+            {prop: "input01", label: "证件号码"},
+            {prop: "input02", label: "姓名"},
+            {prop: "input03", label: "证件号码"},
+            {prop: "radio04", label: "类别"},
+            {prop: "create_time", label: "数据更新时间"},
+          ]
+        },
       ],
+      desConfigs: [
+        {prop: "creditRating", label: "信用评级"},
+        {prop: "creditRatingScore", label: "信用评分"},
+        {prop: "creditRatingDesc", label: "评级释义", span: 2},
+        {prop: "perCapitaIncome", label: "家庭人均收入"},
+        {prop: "medicalInsurance", label: "全员参加医保"},
+        {prop: "ridOfPoverty", label: "脱贫户"},
+        {prop: "discredit", label: "失信被执行人"},
+        {prop: "arrearage", label: "欠缴水电燃气费"},
+        {prop: "administrativeSanction", label: "行政处罚信息"},
+        {prop: "sourceOfIncome", label: "家庭收入来源", span: 2},
+        {prop: "familyDevelopmentStatus", label: "家庭发展现状", span: 2},
+      ]
     }
   },
   created() {
     this.dict.load("enterpriseType", "landCirculateType")
+    this.getPCR()
   },
   methods: {
     getPCR() {
-      let {idNumber, createUserId: id} = this.person
-      return this.instance.post(`/appportaluser/queryPersonPropertyRight`, null, {
-        params: {idNumber, id}
+      let {personId: id} = this
+      return this.instance.post(`/appcreditreport/info`, null, {
+        params: {id, type: 0}
       }).then(res => {
         if (res?.data) {
-          let {avatar} = res.data
-          if (avatar) {
-            avatar = JSON.parse(avatar)?.[0]
-          }
-          return this.info = {...res.data, avatar}
+          this.info = res.data
         }
       })
     },
-    handleShow() {
-      this.getPCR().then(() => this.dialog = true).catch(() => this.dialog = true)
+    handleDownload(id) {
+      this.$confirm("是否要下载报告?").then(() => {
+        this.instance.post("/appcreditreport/downloadCreditReport", null, {
+          params: {id, type: 0}
+        }).then(res => {
+          if (res?.data) {
+            const link = document.createElement('a')
+            link.style.display = 'none'
+            link.href = res.data
+            link.setAttribute('download', this.info.name + '信息报告.pdf')
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+          }
+        })
+      }).catch(() => 0)
+
     }
   },
   props: {
     instance: Function,
     dict: Object,
     permissions: Function,
-    person: {required: true, default: () => ({})}
+    personId: {required: true, default: ""}
   }
 }
 </script>
@@ -141,12 +162,14 @@ export default {
     }
   }
 
-  .top {
+  .topPanel {
     display: flex;
     margin-bottom: 20px;
     padding: 34px 30px 16px;
     border: 1px solid #EEEEEE;
     border-radius: 4px;
+    background: #fff;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
 
     .top-left {
       margin-right: 16px;
@@ -159,44 +182,6 @@ export default {
       height: fit-content;
     }
 
-    .top-right {
-      flex: 1;
-
-      .top-right__top {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 16px;
-
-        h2 {
-          color: #333333;
-          font-size: 22px;
-        }
-
-        .right {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: 97px;
-          height: 32px;
-          background: #E8F4FF;
-          border: 1px solid #A3D3FF;
-          border-radius: 3px;
-          color: #1890FF;
-          font-size: 13px;
-          cursor: pointer;
-
-          &:hover {
-            opacity: 0.6;
-          }
-        }
-      }
-
-      .top-right__bottom {
-        padding: 16px 10px 10px 0;
-        background: #F6FBFF;
-      }
-    }
   }
 
   ::v-deep.el-tabs {