矛盾调解

project/sass/apps/AppReportAiWill/components/Detail.vue

@@ -1,14 +1,7 @@
 <template>
   <ai-detail class="reportAtWillDetail" v-loading="isLoading">
     <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>
+      <ai-title title="事件上报详情" isShowBack isShowBottomBorder  @onBackClick="cancel(false)"></ai-title>
     </template>
     <template #content>
       <div class="detail-content__wrapper">
@@ -56,97 +49,6 @@
           </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"
-              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">
-        <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%;" :rules="[{ required: true, message: '请输入办理意见' }]">
-            <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"
-              isShowTip
-              :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">
-                  <span>{{ data.isUser ? `${data.name}-${data.phone}` : data.girdName }}</span>
-                </div>
-              </div>
-            </div>
-          </el-tree>
-        </div>
-      </ai-dialog>
     </template>
   </ai-detail>
 </template>
@@ -161,37 +63,8 @@
 
     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'
-        }
+        detail: {}
       }
     },
 
@@ -199,15 +72,7 @@
       ...mapState(['user'])
     },
 
-    watch: {
-      name (val) {
-        this.$refs.tree.filter(val)
-      }
-    },
-
     created() {
-      this.getDict()
-      this.getGirdList()
       this.dict.load('clapEventStatus').then(() => {
         this.getDetail()
       })
@@ -221,7 +86,6 @@
           if (res?.data) {
             this.detail = res.data
             this.processList = res.data.processList
-            this.form.groupId = res.data.groupId
 
             this.$nextTick(() => {
               this.initMap()
@@ -233,128 +97,6 @@
         })
       },
 
-      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)
-        }
-
-        return arr
-      },
-
-      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.isLastLevel === '1') {
-          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('请选择网格员或者最后层网格')
-        }
-      },
-
-      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',
@@ -388,24 +130,6 @@
           })
           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('处理成功!')
-              }
-            })
-          }
-        })
       }
     }
   }
@@ -415,58 +139,6 @@
   .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;
@@ -509,12 +181,6 @@
       }
     }
 
-    ::v-deep .report-dialog {
-      .el-select {
-        width: 100%;
-      }
-    }
-
     ::v-deep .el-step__head.is-process {
       color: #555;
       border-color: #555;

project/sass/apps/AppReportAiWill/components/List.vue

@@ -13,6 +13,9 @@
             :selectList="dict.getDict('clapEventStatus')"
             @change="search.current = 1, getList()">
           </ai-select>
+          <ai-download :instance="instance" url="/app/appclapeventinfo/listExport" :params="search" fileName="事件上报">
+            <el-button type="primary" icon="iconfont iconExported" :disabled="!tableData.length">导出</el-button>
+          </ai-download>
         </template>
         <template #right>
           <el-input
@@ -44,7 +47,7 @@
 
   export default {
     name: 'List',
-    label: "随手拍",
+    label: "事件上报",
 
     props: {
       instance: Function,
@@ -72,14 +75,11 @@
 
       colConfigs() {
         return [
+          { prop: 'createTime', label: '上报时间' },
           { 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' }
         ]
       }