From 252ea7221286f1e93f16fb5c0fc052a3199c2efc Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 6 Jan 2022 17:06:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=8F=E6=89=8B=E6=8B=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2.0.5/AppGridMember/components/add.vue    |   2 +-
 .../3.0.0/AppReportAiWill/AppReportAtWill.vue |  72 +++
 .../AppReportAiWill/components/Detail.vue     | 590 ++++++++++++++++++
 .../3.0.0/AppReportAiWill/components/List.vue | 136 ++++
 .../AppReportAiWill/components/Setting.vue    | 177 ++++++
 .../AppReportAiWill/reportAtWillDetail.vue    |   0
 .../AppReportAiWill/AppReportAtWill.vue       | 259 --------
 7 files changed, 976 insertions(+), 260 deletions(-)
 create mode 100644 packages/3.0.0/AppReportAiWill/AppReportAtWill.vue
 create mode 100644 packages/3.0.0/AppReportAiWill/components/Detail.vue
 create mode 100644 packages/3.0.0/AppReportAiWill/components/List.vue
 create mode 100644 packages/3.0.0/AppReportAiWill/components/Setting.vue
 rename packages/{wechat => 3.0.0}/AppReportAiWill/reportAtWillDetail.vue (100%)
 delete mode 100644 packages/wechat/AppReportAiWill/AppReportAtWill.vue

diff --git a/packages/2.0.5/AppGridMember/components/add.vue b/packages/2.0.5/AppGridMember/components/add.vue
index 4fd8536c..1d026495 100644
--- a/packages/2.0.5/AppGridMember/components/add.vue
+++ b/packages/2.0.5/AppGridMember/components/add.vue
@@ -336,7 +336,7 @@ export default {
     getSelectPerson(val) {
       this.forms.name = val[0].name;
       this.forms.phone = val[0].phone;
-      this.forms.userId = val[0].id
+      this.forms.userId = val[0].sysUserId
     },
     getCheckedTree() {
       this.forms.girdInfoList = this.$refs.tree.getCheckedNodes();
diff --git a/packages/3.0.0/AppReportAiWill/AppReportAtWill.vue b/packages/3.0.0/AppReportAiWill/AppReportAtWill.vue
new file mode 100644
index 00000000..4f6f38eb
--- /dev/null
+++ b/packages/3.0.0/AppReportAiWill/AppReportAtWill.vue
@@ -0,0 +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>
+    </keep-alive>
+  </div>
+</template>
+
+<script>
+  import List from './components/List'
+  import Detail from './components/Detail'
+  import Setting from './components/Setting'
+
+  export default {
+    name: 'AppReportAtWill',
+    label: '随手拍',
+
+    props: {
+      instance: Function,
+      dict: Object
+    },
+
+    data () {
+      return {
+        component: 'List',
+        params: {}
+      }
+    },
+
+    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()
+            }
+          })
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .doc-circulation {
+    height: 100%;
+    background: #F3F6F9;
+    overflow: auto;
+  }
+</style>
diff --git a/packages/3.0.0/AppReportAiWill/components/Detail.vue b/packages/3.0.0/AppReportAiWill/components/Detail.vue
new file mode 100644
index 00000000..e9bcb7cc
--- /dev/null
+++ b/packages/3.0.0/AppReportAiWill/components/Detail.vue
@@ -0,0 +1,590 @@
+<template>
+  <ai-detail class="reportAtWillDetail">
+    <template #title>
+      <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>
+            <el-button type="primary" icon="iconfont iconRegister" @click="isShowAdd = true" v-if="detail.eventStatus < 2">处理事件</el-button>
+          </div>
+        </template>
+      </ai-title>
+    </template>
+    <template #content>
+      <div class="detail-content__wrapper">
+        <ai-card class="detail-content__wrapper--left" title="基础信息">
+          <template #content>
+            <ai-wrapper>
+              <ai-info-item label="上报人员" :value="detail.name"></ai-info-item>
+              <ai-info-item label="当前状态" :value="dict.getLabel('clapEventStatus', detail.eventStatus)"></ai-info-item>
+              <ai-info-item label="联系方式">{{ detail.phone }}</ai-info-item>
+              <ai-info-item label="上报时间">{{ detail.createTime }}</ai-info-item>
+              <ai-info-item label="事件类型">{{ detail.groupName }}</ai-info-item>
+              <ai-info-item label="事件描述" isLine>{{ detail.content }}</ai-info-item>
+              <ai-info-item label="现场照片" isLine>
+                <ai-uploader :instance="instance" disabled v-model="detail.files"></ai-uploader>
+              </ai-info-item>
+              <ai-info-item label="所属网格">{{ detail.girdName }}</ai-info-item>
+              <ai-info-item label="事件位置" isLine>
+                <div id="map" style="width: 500px; height: 280px;"></div>
+              </ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <div class="rightZone">
+          <ai-card title="办理进度">
+            <template #content>
+              <el-steps direction="vertical" :active="1">
+                <el-step
+                  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 }}
+                    </h2>
+                  </template>
+                  <template #description>
+                    <p style="color: #888; margin: 0 4px 10px 0; font-size: 14px;">{{ item.doTime }}</p>
+                    <div style="color: #444;margin-bottom: 10px;" v-if="item.doExplain">{{ item.doExplain }}</div>
+                    <ai-uploader :instance="instance" disabled v-model="item.files"></ai-uploader>
+                  </template>
+                </el-step>
+              </el-steps>
+            </template>
+          </ai-card>
+        </div>
+      </div>
+      <ai-dialog
+        :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">
+            </ai-select>
+          </el-form-item>
+          <el-form-item label="处理结果" prop="eventStatus" style="width: 100%;" :rules="[{ required: true, message: '请选择处理结果' }]">
+            <el-radio-group v-model="form.eventStatus">
+              <el-radio label="2">已办结</el-radio>
+              <el-radio label="3">已拒绝</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="处理方式" prop="content" style="width: 100%;" :rules="[{ required: true, message: '请输入处理方式' }]">
+            <el-input type="textarea" :rows="5" :maxlength="500" v-model="form.content" clearable placeholder="请输入处理方式" show-word-limit></el-input>
+          </el-form-item>
+          <el-form-item label="图片" prop="files" style="width: 100%;">
+            <ai-uploader
+              :instance="instance"
+              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">
+        <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>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="办理意见" prop="content" style="width: 100%;">
+            <el-input type="textarea" :rows="5" :maxlength="500" v-model="forwardForm.content" clearable placeholder="请输入办理意见" show-word-limit></el-input>
+          </el-form-item>
+          <el-form-item label="图片" prop="files" style="width: 100%;">
+            <ai-uploader
+              :instance="instance"
+              v-model="forwardForm.files"
+              :limit="9">
+            </ai-uploader>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+      <ai-dialog
+        :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">
+          </el-input>
+          <el-tree
+            :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">
+                  <!-- <img :src="data.avatar" v-if="data.avatar"> -->
+                  <span>{{ data.isUser ? data.name : data.girdName }}</span>
+                </div>
+              </div>
+            </div>
+          </el-tree>
+        </div>
+      </ai-dialog>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+  import AMapLoader from '@amap/amap-jsapi-loader'
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'Detail',
+    props: ['dict', 'instance', 'params'],
+
+    data() {
+      return {
+        forwardForm: {
+          content: '',
+          girdId: '',
+          girdName: '',
+          girdMemberId: '',
+          girdMemberName: '',
+          name: ''
+        },
+        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: ''
+        }
+      }
+    },
+
+    computed: {
+      ...mapState(['user'])
+    },
+
+    watch: {
+      name (val) {
+        this.$refs.tree.filter(val)
+      }
+    },
+
+    created() {
+      this.getDict()
+      this.getGirdList()
+      this.dict.load('clapEventStatus').then(() => {
+        this.getDetail()
+      })
+    },
+
+    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()
+            })
+          }
+        })
+      },
+
+      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.girdId
+              }
+            })
+
+            item.girdList = [
+              ...userList
+            ]
+            delete item.girdMemberList
+          }
+
+          if (item.girdList && item.girdList.length) {
+            this.formatList(item.girdList)
+          }
+
+          arr.push(item)
+        }
+
+        return arr
+      },
+
+      filterNode (value, data) {
+        if (!value) return true
+        return data.girdName.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.isLastLevel === '1') {
+          this.forwardForm.girdId = this.gridInfo.girdId
+          this.forwardForm.girdName = this.gridInfo.girdName
+          this.forwardForm.girdMemberId = this.gridInfo.userId
+          this.forwardForm.girdMemberName = this.gridInfo.name
+          this.forwardForm.name = `${this.gridInfo.girdName}${this.gridInfo.name ? '-' + this.gridInfo.name : ''}`
+
+          this.isShowUser = false
+        } else {
+          return this.$message.error('请选择网格员或者最后层网格')
+        }
+      },
+
+      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.params.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: '54a02a43d9828a8f9cd4f26fe281e74e',
+          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.id === this.form.value)[0].label,
+              id: this.params.id
+            }).then(res => {
+              if (res?.code == 0) {
+                this.isShowAdd = false
+                this.getDetail()
+                this.$message.success('处理成功!')
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .reportAtWillDetail {
+    height: 100%;
+
+    .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;
+        }
+
+        .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;
+      }
+    }
+
+    .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/3.0.0/AppReportAiWill/components/List.vue b/packages/3.0.0/AppReportAiWill/components/List.vue
new file mode 100644
index 00000000..f39449b5
--- /dev/null
+++ b/packages/3.0.0/AppReportAiWill/components/List.vue
@@ -0,0 +1,136 @@
+<template>
+  <ai-list>
+    <template #title>
+      <ai-title title="随手拍" isShowBottomBorder>
+        <el-button type="primary" slot="rightBtn" @click="toSetting">设置</el-button>
+      </ai-title>
+    </template>
+    <template #content>
+      <ai-search-bar>
+        <template #left>
+          <ai-select
+            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.title"
+            class="search-input"
+            size="small"
+            @keyup.enter.native="search.current = 1, getList()"
+            placeholder="请输入内容描述/上报居民/联系方式"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.title = '', getList()"
+            suffix-icon="iconfont iconSearch">
+          </el-input>
+        </template>
+      </ai-search-bar>
+      <ai-table :tableData="tableData" :colConfigs="colConfigs" :total="total" :current.sync="search.current" :size.sync="search.size" @getList="getList">
+        <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>
+          </div>
+        </el-table-column>
+      </ai-table>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'List',
+    label: "随手拍",
+
+    props: {
+      instance: Function,
+      dict: Object
+    },
+
+    data() {
+      return {
+        userList: [],
+        search: {
+          current: 1,
+          size: 10,
+          eventStatus: '',
+          title: ''
+        },
+        total: 0,
+        tableData: [],
+        content: '',
+        id: ''
+      }
+    },
+
+    computed: {
+      ...mapState(['user']),
+
+      colConfigs() {
+        return [
+          {prop: 'createTime', label: '上报时间'},
+          {prop: 'content', label: '内容描述', align: 'center', width: '300px' },
+          {prop: 'groupName', label: '事件类型', align: 'center'},
+          {prop: 'girdName', label: '所属网格', align: 'center'},
+          {prop: 'name', label: '上报居民', align: 'center'},
+          {prop: 'phone', label: '联系方式', align: 'center'},
+          {prop: 'handleUserName', label: '处理时长', align: 'center'},
+          {prop: 'handleTime', label: '处理时间', align: 'center'},
+          {slot: 'options'}
+        ]
+      },
+
+      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
+          }
+        })
+      },
+
+      toDetail (id) {
+        this.$emit('change', {
+          type: 'Detail',
+          params: {
+            id: id || ''
+          }
+        })
+      },
+
+      toSetting () {
+        this.$emit('change', {
+          type: 'Setting',
+          params: {
+            id: ''
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/packages/3.0.0/AppReportAiWill/components/Setting.vue b/packages/3.0.0/AppReportAiWill/components/Setting.vue
new file mode 100644
index 00000000..65bc8fdd
--- /dev/null
+++ b/packages/3.0.0/AppReportAiWill/components/Setting.vue
@@ -0,0 +1,177 @@
+<template>
+  <ai-list class="notice">
+    <template slot="title">
+      <ai-title  isShowBack isShowBottomBorder title="事件类别" @onBackClick="cancel(false)"></ai-title>
+    </template>
+    <template slot="content">
+      <ai-search-bar class="search-bar">
+        <template #left>
+          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="isShowAdd = true">添加事件分组</el-button>
+        </template>
+        <template slot="right">
+          <el-input
+            v-model="search.title"
+            class="search-input"
+            size="small"
+            @keyup.enter.native="search.current = 1, getList()"
+            placeholder="请输入事件分类"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.title = '', 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"
+        @getList="getList">
+        <el-table-column slot="tags" label="标签">
+          <template slot-scope="{ row }">
+            <div class="table-tags">
+              <el-tag type="info" v-for="(item, index) in row.tags" size="small" :key="index">{{ item }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column slot="options" width="180px" fixed="right" label="操作" align="center">
+          <div class="table-options" slot-scope="{ row }">
+            <el-button type="text" @click="edit(row)">编辑</el-button>
+            <el-button type="text" @click="remove(row.id)">删除</el-button>
+          </div>
+        </el-table-column>
+      </ai-table>
+      <ai-dialog
+        :visible.sync="isShowAdd"
+        width="780px"
+        height="580px"
+        :title="id ? '添加事件分组' : '编辑事件分组'"
+        @close="onClose"
+        @onConfirm="onConfirm">
+        <el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
+          <el-form-item label="应用名称" prop="groupName" style="width: 100%;" :rules="[{ required: true, message: '请输入事件分组名称', trigger: 'blur' }]">
+            <el-input size="small" :maxlength="100" placeholder="请输入事件分组名称" v-model="form.groupName"></el-input>
+          </el-form-item>
+          <el-form-item label="排序" prop="showIndex" style="width: 100%;" :rules="[{ required: true, message: '请输入排序', trigger: 'blur' }]">
+            <el-input-number size="small" v-model="form.showIndex" :min="1" :max="100" label="请输入排序"></el-input-number>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+    </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,
+          title: ''
+        },
+        form: {
+          groupName: '',
+          showIndex: ''
+        },
+        id: '',
+        isShowAdd: false,
+        total: 0,
+        colConfigs: [
+          {prop: 'groupName', label: '事件分组', align: 'left'},
+          {prop: 'showIndex', label: '排序', align: 'center'},
+          {slot: 'options', label: '操作'}
+        ],
+        tableData: []
+      }
+    },
+
+    computed: {
+      ...mapState(['user'])
+    },
+
+    mounted() {
+      this.getList()
+    },
+
+    methods: {
+      getList() {
+        this.instance.post(`/app/appclapeventgroup/list`, null, {
+          params: {
+            ...this.search
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.tableData = res.data.records
+            this.total = res.data.total
+          }
+        })
+      },
+
+      edit (e) {
+        this.id = e.id
+        this.form.groupName = e.groupName
+        this.form.showIndex = ''
+
+        this.$nextTick(() => {
+          this.isShowAdd = true
+        })
+      },
+
+      onClose () {
+        this.id = ''
+        this.form.groupName = ''
+      },
+
+      onConfirm () {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.instance.post(`/app/appclapeventgroup/addOrUpdate`, {
+              ...this.form,
+              id: this.id || null
+            }).then(res => {
+              if (res.code === 0) {
+                this.$message.success('添加成功')
+                this.isShowAdd = false
+
+                this.getList()
+              }
+            })
+          }
+        })
+      },
+
+      cancel (isRefresh) {
+        this.$emit('change', {
+          type: 'list',
+          isRefresh: !!isRefresh
+        })
+      },
+
+      remove(id) {
+        this.$confirm('确定删除该数据？').then(() => {
+          this.instance.post(`/app/appclapeventgroup/delete?ids=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
+              this.getList()
+            }
+          })
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/packages/wechat/AppReportAiWill/reportAtWillDetail.vue b/packages/3.0.0/AppReportAiWill/reportAtWillDetail.vue
similarity index 100%
rename from packages/wechat/AppReportAiWill/reportAtWillDetail.vue
rename to packages/3.0.0/AppReportAiWill/reportAtWillDetail.vue
diff --git a/packages/wechat/AppReportAiWill/AppReportAtWill.vue b/packages/wechat/AppReportAiWill/AppReportAtWill.vue
deleted file mode 100644
index f4e9c1a7..00000000
--- a/packages/wechat/AppReportAiWill/AppReportAtWill.vue
+++ /dev/null
@@ -1,259 +0,0 @@
-<template>
-  <section class="AppReportAtWill">
-    <ai-list v-if="!detail">
-      <template #title>
-        <ai-title title="随手拍" isShowArea isShowBottomBorder v-model="areaId" :instance="instance" @change="page.current=1,getTableData()"></ai-title>
-      </template>
-      <template #content>
-        <ai-search-bar>
-          <template #left>
-            <el-select size="small" v-model="search.status" placeholder="处理状态" clearable  @change="page.current=1,getTableData()">
-              <el-option v-for="(op,i) in handleStatusOps" :key="i" v-bind="op"/>
-            </el-select>
-            <el-select
-              size="small"
-              v-model="search.publicityStatus"
-              placeholder="公示状态"
-              clearable
-              @change="page.current = 1, getTableData()">
-              <el-option v-for="(op,i) in publicityStatusOps" :key="i" v-bind="op"/>
-            </el-select>
-            <el-select
-              size="small"
-              v-model="search.reportType"
-              placeholder="类型"
-              clearable
-              @change="page.current = 1, getTableData()">
-              <el-option v-for="(op,i) in reportTypeOps" :key="i" v-bind="op"/>
-            </el-select>
-          </template>
-          <template #right>
-            <el-input
-              size="small"
-              v-model="search.address"
-              clearable suffix-icon="iconfont iconSearch"
-              placeholder="内容描述/上报居民/联系方式"
-              @keyup.enter.native="page.current = 1, getTableData()"
-              @clear="page.current = 1, getTableData(), search.address = ''" />
-          </template>
-        </ai-search-bar>
-        
-        <ai-table :tableData="tableData" :colConfigs="colConfigs" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getTableData">
-          <el-table-column slot="options" label="操作" fixed="right" width="140" align="center">
-            <div class="table-options" slot-scope="{row}">
-              <el-button
-                type="text"
-                v-if="!permissions('app_appreportatwillinfo_edit') && row.publicityStatus == 0"
-                :disabled="row.status !== '1'"
-                title="公示"
-                @click="handlePublic(row)">
-                公示
-              </el-button>
-              <el-button
-                type="text"
-                :disabled="row.status !== '1'"
-                v-if="!permissions('app_appreportatwillinfo_edit') && row.publicityStatus == 1"
-                title="取消公示"
-                @click="handlePublic(row)">
-                取消公示
-              </el-button>
-              <el-button type="text" title="详情" @click="showDetail(row)">详情</el-button>
-              <ai-wechat-selecter ref="selecter" :isMultiple="false" :instance="instance" v-model="userList" @change="v => handleAppoint(v, row)">
-                <el-button type="text" title="指派" :disabled="!permissions('app_appreportatwillinfo_edit') && row.status==0">指派</el-button>
-              </ai-wechat-selecter>
-            </div>
-          </el-table-column>
-        </ai-table>
-      </template>
-    </ai-list>
-    <report-at-will-detail :dict="dict" :id="id" :instance="instance" :permissions="permissions" v-else :is="detail" @back="goBack"/>
-  </section>
-</template>
-
-<script>
-  import ReportAtWillDetail from './reportAtWillDetail'
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'AppReportAtWill',
-    label: "随手拍",
-    components: {
-      ReportAtWillDetail
-    },
-    provide() {
-      return {
-        report: this
-      }
-    },
-    props: {
-      instance: { type: Function, default: null, required: true},
-      dict: { type: Object, default: null, required: false},
-      permissions: Function
-    },
-    data() {
-      return {
-        userList: [],
-        search: {},
-        tableData: [],
-        page: {current: 1, size: 10, total: 0},
-        dialog: false,
-        content: "",
-        detail: "",
-        areaId: "",
-        id: ''
-      }
-    },
-    computed: {
-      ...mapState(['user']),
-      colConfigs() {
-        return [
-          {prop: 'areaName', label: '上报时间'},
-          {prop: 'reportType', label: '内容描述' },
-          {prop: 'nickName', label: '事件类型'},
-          {prop: 'explain', label: '所属网格'},
-          {prop: 'phone', label: '上报居民'},
-          {prop: 'createTime', label: '联系方式'},
-          {prop: 'handleUserName', label: '处理时长'},
-          {prop: 'handleTime', label: '处理时间'},
-          {slot: 'options'}
-        ]
-      },
-      publicityStatusOps() {
-        return this.dict.getDict("reportAtWillPublicityStatus").map(e => ({label: e.dictName, value: e.dictValue}))
-      },
-      reportTypeOps() {
-        return this.dict.getDict("atWillReportType").map(e => ({label: e.dictName, value: e.dictValue}))
-      },
-      handleStatusOps() {
-        return this.dict.getDict("reportAtWillHandleStatus").map(e => ({label: e.dictName, value: e.dictValue}))
-      }
-    },
-
-    created() {
-      this.areaId = this.user.info.areaId
-      this.dict.load("reportAtWillPublicityStatus", "reportAtWillHandleStatus", "atWillReportType")
-      this.getTableData()
-    },
-
-    methods: {
-      getTableData() {
-        let params = {...this.search, dateRange: this.search.dateRange?.join(','), areaId: this.areaId}
-        this.instance.post("/app/appreportatwillinfo/list", null, {
-          params: {...params, ...this.page}
-        }).then(res => {
-          if (res?.data) {
-            this.tableData = res.data.records
-            this.page.total = res.data.total
-          }
-        })
-      },
-      submitUserNotice() {
-        this.instance.post("/app/appreportatwillconfig/addOrUpdate", {content: this.content}).then(res => {
-          if (res?.code == 0) {
-            this.$message.success("保存成功!")
-            this.dialog = false
-          }
-        })
-      },
-      getUserNotice() {
-        this.instance.post("/app/appreportatwillconfig/query-new").then(res => {
-          if (res?.data) this.content = res.data.content
-        })
-      },
-      handlePublic(ev) {
-        this.$confirm(`是否对该事件${ev.publicityStatus == 0 ? '进行公示' : '取消公示'}`).then(() => {
-          this.instance.post("/app/appreportatwillinfo/publicity", null, {params: {id: ev.id}}).then(res => {
-            if (res?.code == 0) {
-              this.$message.success("操作成功!")
-              this.getTableData()
-            }
-          })
-        }).catch(() => 0)
-      },
-      showDetail(row) {
-        this.detail = 'ReportAtWillDetail'
-        this.id = row.id
-        // this.$router.push({query: {id: row.id}})
-      },
-      goBack() {
-        this.detail = ''
-        // this.$route.query.id && this.$router.push({query: {}})
-        this.getTableData()
-      },
-      handleAppoint(person, row) {
-        this.instance.post("/app/appreportatwillinfo/assign", {
-          handleUserId: person?.[0].id,
-          handleUserName: person?.[0].name,
-          infoId: row.id
-        }).then(res => {
-          this.userList = []
-          if (res?.code == 0) {
-            this.$message.success("指派成功!")
-            this.getTableData()
-          }
-        }).catch(() => {
-          this.userList = []
-        })
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-.AppReportAtWill {
-  height: 100%;
-
-  .table-options {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ::v-deep .AiPeople {
-      line-height: 1;
-      margin-left: 8px;
-    }
-  }
-
-  ::v-deep .tableOptions {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 16px;
-
-    .el-button--text {
-      padding: 0;
-
-      i {
-        color: #89b;
-        font-size: 16px;
-      }
-
-      & + .el-button {
-        margin-left: 0;
-      }
-    }
-  }
-
-  ::v-deep .ai-list__content--right-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  ::v-deep .aititle-right__btns {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-
-    .el-button + .el-button {
-      margin-left: 0 !important;
-    }
-  }
-
-  .table-options {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}
-</style>