迁移

project/biaopin/AppWorkOrder/AppWorkOrder.vue

@@ -0,0 +1,81 @@
+<template>
+  <section class="AppWorkOrder">
+    <component ref="component" :is="currentPage" @change="onChange" v-bind="$props" :listIndex="listIndex" />
+  </section>
+</template>
+
+<script>
+import List from './components/List'
+import Detail from './components/Detail'
+import Setting from './components/Setting'
+import settingDetail from "./components/settingDetail";
+import SetKeywordManagement from './components/SetKeywordManagement'
+import SetReportType from './components/SetReportType'
+
+export default {
+  name: 'AppWorkOrder',
+  label: '工单管理',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: '工单管理'}
+  },
+
+  data() {
+    return {
+      component: 'List',
+      params: {},
+      listIndex: '0'
+    }
+  },
+  computed: {
+    currentPage() {
+      console.log(this.$route)
+      if(this.$route.query.id || this.$route.hash == "#Setting" || this.$route.hash == "#SetKeywordManagement" || this.$route.hash == "#SetReportType") { //列表
+        this.listIndex = this.$route.query.listIndex
+      }
+      let {hash, query: {id}} = this.$route
+      // return hash == "#Setting" ? Setting :
+      //     hash == "#sd" ? settingDetail :
+      //         !!id ? Detail : List
+
+      if(hash == "#sd") {
+        return settingDetail
+      }else if(hash == "#Detail") {
+        return Detail
+      }else if(hash == "#Setting") {
+        return Setting
+      }else if(hash == "#SetKeywordManagement") {
+        return SetKeywordManagement
+      }else if(hash == "#SetReportType") {
+        return SetReportType
+      }else {
+        return List
+      }
+    }
+  },
+  components: {
+    List,
+    Detail,
+    Setting,
+    SetKeywordManagement,
+    SetReportType
+  },
+
+  methods: {
+    onChange(data) {
+      // this.$router.push({query: data.params, hash: data.type == "Setting" ? "#Setting" : ""})
+      this.$router.push({query: data.params, hash: data.type == data.type ? data.type : ""})
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.AppWorkOrder {
+  height: 100%;
+  background: #F3F6F9;
+  overflow: auto;
+}
+</style>

project/biaopin/AppWorkOrder/components/Detail.vue

@@ -0,0 +1,593 @@
+<template>
+  <ai-detail class="Detail" 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.powerTransmit">指派事件</el-button>
+            <el-button type="primary" icon="iconfont iconRegister" @click="isShowAdd = true" v-if="detail.powerHandle">处理事件</el-button>
+          </div>
+        </template>
+      </ai-title>
+    </template>
+    <template #content>
+      <div class="detail-content__wrapper">
+        <div class="detail-content__wrapper--left">
+          <ai-card 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="消息来源" v-if="listIndex == 2">{{ dict.getLabel('residentEventSource', detail.eventSource) }}</ai-info-item>
+                <ai-info-item label="事件来源" v-else>{{ dict.getLabel('residentEventSource', detail.eventSource) }}</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>
+          <ai-evaluation v-if="!!detail.id" :bid="detail.id" :info.sync="evaluation"/>
+        </div>
+        <div class="rightZone">
+          <ai-card title="办理进度">
+            <template #content>
+              <el-steps direction="vertical" :active="1">
+                <el-step
+                    v-for="(item, i) in process"
+                    :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="1">已办结</el-radio>
+              <el-radio label="0">已拒绝</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="getGirdList().then(()=>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" @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">
+            <div class="tree-container" slot-scope="{ data }">
+              <div class="tree-container__user">
+                <div class="tree-user__item">
+                  <span v-if="!data.isUser">{{ data.girdName }}</span>
+                  <span v-else>{{data.name}}<span v-if="data.phone">-{{data.phone}}</span></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', 'listIndex'],
+
+  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: '1'
+      },
+      evaluation: {}
+    }
+  },
+
+  computed: {
+    ...mapState(['user']),
+    process: v => [v.evaluation.id ? {
+      systemExplain: `${v.evaluation.createUserName}完成评价 (${v.evaluation.score}星评价)`,
+      doTime: v.evaluation.createTime,
+      doExplain: v.evaluation.rateText,
+    } : null, v.processList].flat().filter(Boolean)
+  },
+
+  created() {
+    this.getDict()
+    this.dict.load('clapEventStatus', 'residentEventSource').then(() => {
+      this.getDetail()
+    })
+  },
+
+  methods: {
+    getDetail() {
+      this.instance.post('/app/apppatrolreportinfov2/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
+        }
+      }).catch(() => {
+        this.isLoading = false
+      })
+    },
+
+    getGirdList() {
+      return this.instance.post(`/app/apppatrolreportinfov2/listGirdInfoByTransfer?id=${this.$route.query.id}`).then(res => {
+        if (res?.data) {
+          // return this.tree = this.formatList([res.data])
+          this.tree = res.data
+          this.tree.map((item) => {
+            item.children = [item.girdMemberList?.map(e => ({
+              ...e, isUser: true, girdName: item.girdName
+            })) || []].flat()
+          })
+        }
+      })
+    },
+
+    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 = ''
+      this.forwardForm.files = []
+    },
+
+    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
+    },
+
+    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/apppatrolreportinfov2/transfer', {
+            ...this.forwardForm,
+            id: this.$route.query.id
+          }).then(res => {
+            if (res?.code == 0) {
+              this.isShowForward = false
+              this.onClose()
+              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
+      if(!this.gridInfo.userId) {
+        return this.$message.error('请选择网格员!')
+      } 
+      this.forwardForm.girdId = this.gridInfo.girdId
+      this.forwardForm.girdName = this.gridInfo.girdName
+      this.forwardForm.girdMemberId = this.gridInfo.id
+      this.forwardForm.girdMemberName = this.gridInfo.name
+      this.forwardForm.name = `${this.gridInfo.girdName}${this.gridInfo.name ? '-' + this.gridInfo.name : ''}`
+      this.isShowUser = false
+    },
+    getDict() {
+      this.instance.post(`/app/apppatrolreportgroupv2/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/apppatrolreportinfov2/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
+      })
+    },
+
+    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/apppatrolreportinfov2/finish', {
+            ...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>
+.Detail {
+  height: 100%;
+
+  .grid-wrapper {
+    min-height: 360px;
+  }
+
+  .title-btns {
+    display: flex;
+    align-items: center;
+  }
+
+  :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 {
+    :deep( .el-step__icon ) {
+      font-size: 12px;
+      color: #555555;
+      border-color: #d0d4dc;
+    }
+
+    :deep( .el-step__head.is-finish ) {
+      .el-step__icon.is-text {
+        border: none;
+        color: #fff;
+        font-size: 12px;
+        background: #2266ff;
+      }
+    }
+
+    :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;
+      }
+    }
+  }
+
+  :deep( .report-dialog ) {
+    .el-select {
+      width: 100%;
+    }
+  }
+
+  :deep( .el-step__head.is-process ) {
+    color: #555;
+    border-color: #555;
+  }
+
+  :deep( .is-finish h2 ) {
+    color: #2266ff;
+  }
+
+  .step-title {
+    color: #555;
+  }
+
+  .detail-content__wrapper {
+    display: flex;
+    width: 100%;
+    flex-wrap: wrap;
+
+    .detail-content__wrapper--left {
+      flex: 1;
+      margin-right: 20px;
+    }
+  }
+
+  :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;
+      }
+    }
+  }
+
+  :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>

project/biaopin/AppWorkOrder/components/List.vue

@@ -0,0 +1,295 @@
+<template>
+  <ai-list>
+    <template #title>
+      <ai-title :title="menuName" isShowBottomBorder>
+        <el-button type="primary" slot="rightBtn" @click="toSetting">{{rightBtnTextList[currIndex]}}设置</el-button>
+      </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"></el-tab-pane>
+      </el-tabs>
+    </template> -->
+    <template #content>
+      <el-tabs v-model="currIndex" @tab-click="handleClick">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label"></el-tab-pane>
+      </el-tabs>
+      <ai-search-bar>
+        <template #left>
+          <ai-select
+            v-model="search.eventStatus"
+            clearable
+            placeholder="处理状态"
+            :selectList="dict.getDict('clapEventStatus')"
+            @change="search.current = 1, getList()">
+          </ai-select>
+          <ai-select
+            v-model="search.type"
+            clearable
+            :placeholder="currIndex == 1 ? '触发敏感词' : '事件类型'"
+            :selectList="typeList"
+            @change="search.current = 1, getList()">
+          </ai-select>
+          <!-- <ai-select v-if="currIndex == 1"
+            v-model="search.type"
+            clearable
+            placeholder="触发敏感词"
+            :selectList="typeList"
+            @change="search.current = 1, getList()">
+          </ai-select>
+          <ai-select v-if="currIndex == 2"
+            v-model="search.eventSource"
+            clearable
+            placeholder="事件来源"
+            :selectList="dict.getDict('residentEventSource')"
+            @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>
+          <!-- <ai-select
+            v-model="search.eventSource"
+            clearable
+            placeholder="事件来源"
+            :selectList="dict.getDict('residentEventSource')"
+            @change="search.current = 1, getList()">
+          </ai-select>
+          <ai-select
+            v-model="search.groupId"
+            clearable
+            placeholder="事件类型"
+            :selectList="typeList"
+            @change="search.current = 1, getList()">
+          </ai-select>
+          <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small"
+            :props="defaultProps" :show-all-levels="false" @change="gridChange" clearable></el-cascader> -->
+        </template>
+        <template #right>
+          <el-input
+            v-model="search.content"
+            class="search-input"
+            size="small"
+            v-throttle="() => {search.current = 1, getList()}"
+            :placeholder="currIndex == 1 ? '敏感词、涉及对象、姓名、手机号' : '请输入内容描述/上报人员/联系方式'"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.content = '', 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" v-if="colConfigs.length">
+          <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>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: 'List',
+  label: "工单管理",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: String,
+    listIndex: String
+  },
+
+  data() {
+    return {
+      userList: [],
+      search: {
+        current: 1,
+        size: 10,
+        eventStatus: '',
+        content: '',
+        type: '',
+        startTime: '',
+        endTime: '',
+      },
+      total: 0,
+      tableData: [],
+      content: '',
+      id: '',
+      girdId: '',
+      girdArr: [],
+      girdOptions: [],
+      defaultProps: {
+        label: 'girdName',
+        value: 'id',
+        children: 'children',
+        checkStrictly: true,
+      },
+      searchDotime: [],
+      typeList: [],
+      tabs: [
+        {label: '舆情工单', value: 2},
+        {label: '敏感词工单', value: 3},
+        {label: '巡查上报', value: 1},
+        {label: '居民上报', value: 0}
+      ],
+      currIndex: 0,
+      rightBtnTextList: ['工单特征库', '敏感关键词', '事件类型', '事件类型'],
+      colConfigs: []
+    }
+  },
+
+  computed: {
+    ...mapState(['user']),
+
+    colConfigs1() {
+      return [
+        {prop: 'content', label: '内容描述', width: '300px'},
+        {prop: 'groupName', label: '事件类型', align: 'center'},
+        {prop: 'wxGroupName', label: '所属群聊', align: 'center'},
+        {prop: 'createTime', label: '上报时间', align: 'center'},
+        {prop: 'name', label: '昵称', align: 'center'},
+        // {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'eventStatus', label: '处理状态', align: 'center', format: v => this.dict.getLabel('clapEventStatus', v)},
+        {prop: 'processTime', label: '处理时长', align: 'center'},
+        {slot: 'options'}
+      ]
+    },
+    colConfigs2() {
+      return [
+        {prop: 'content', label: '内容描述', width: '300px'},
+        {prop: 'groupName', label: '事件类型', align: 'center'},
+        {prop: 'wxGroupName', label: '所属群聊', align: 'center'},
+        {prop: 'name', label: '姓名', align: 'center'},
+        {prop: 'createTime', label: '上报时间', align: 'center'},
+        // {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'eventStatus', label: '处理状态', align: 'center', format: v => this.dict.getLabel('clapEventStatus', v)},
+        {prop: 'processTime', label: '处理时长', align: 'center'},
+        {slot: 'options'}
+      ]
+    },
+    colConfigs3() {
+      return [
+        {prop: 'content', label: '内容描述', width: '300px'},
+        {prop: 'eventSource', label: '事件来源', align: 'center', dict: 'residentEventSource'},
+        {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', format: v => this.dict.getLabel('clapEventStatus', v)},
+        {prop: 'processTime', label: '处理时长', align: 'center'},
+        {slot: 'options'}
+      ]
+    },
+
+    handleStatusOps() {
+      return this.dict.getDict("reportAtWillHandleStatus").map(e => ({label: e.dictName, value: e.dictValue}))
+    }
+  },
+
+  created() {
+    this.currIndex = this.listIndex
+    this.handleClick()
+    this.dict.load('clapEventStatus', 'residentEventSource', 'xbotReportEventType').then(() => {
+      this.getList()
+      this.getTypeList()
+    })
+  },
+
+  methods: {
+    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()
+    },
+    getList() {
+      this.instance.post(`/app/apppatrolreportinfov2/list`, null, {
+        params: {
+          ...this.search,
+          eventSource: this.tabs[this.currIndex].value,
+          groupName: this.search.type
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
+    },
+    getTypeList() {
+      this.typeList = []
+      this.instance.post(`/app/apppatrolreportinfov2/eventTypeList?eventSource=${this.tabs[this.currIndex].value}`).then(res => {
+        if (res.code == 0) {
+          res.data.map((item) => {
+            var i = {dictName: item, dictValue: item}
+            this.typeList.push(i)
+          })
+        }
+      })
+    },
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || '',
+          listIndex: this.currIndex
+        }
+      })
+    },
+    toSetting() {
+      var setNameList = ['Setting', 'SetKeywordManagement', 'SetReportType', 'SetReportType']
+      this.$emit('change', {
+        type: setNameList[this.currIndex],
+        params: {
+          id: '',
+          listIndex: this.currIndex
+        }
+      })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要进行删除?").then(() => {
+        this.instance.post("/app/appsessionarchivereportinfo/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getList()
+          }
+        })
+      }).catch(() => 0)
+    },
+    handleClick() {
+      if(this.currIndex == 0) {
+        this.colConfigs = this.colConfigs1
+      }else if(this.currIndex == 1) {
+        this.colConfigs = this.colConfigs2
+      }else {
+        this.colConfigs = this.colConfigs3
+      }
+      this.search.current = 1
+      this.search.type = ''
+      this.search.eventStatus = ''
+      this.search.startTime = ''
+      this.search.endTime = ''
+      this.search.content = ''
+      this.getTypeList()
+      this.getList()
+    }
+  },
+  
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

project/biaopin/AppWorkOrder/components/SetKeywordManagement.vue

@@ -0,0 +1,235 @@
+<template>
+  <section class="SetKeywordManagement">
+    <ai-list>
+      <template slot="title">
+        <ai-title title="关键词管理" isShowBack isShowBottomBorder @onBackClick="cancel"></ai-title>
+      </template>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button size="small" type="primary" icon="iconfont iconAdd" @click="add('')">添加</el-button>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="关键词搜索" v-model="search.name" clearable
+              @clear="current = 1, search.name = '', getTableData()" suffix-icon="iconfont iconSearch"
+              v-throttle="() => {(current = 1), getTableData();}"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="total" :current.sync="current" :size.sync="size"
+                  @getList="getTableData()" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作"  align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="changeStatus(row, '停用', 0)" v-if="row.status == 1">停用</el-button>
+              <el-button type="text" @click="changeStatus(row, '启用', 1)" v-else>启用</el-button>
+              <el-button type="text" @click="edit(row)">编辑</el-button>
+              <el-button type="text" @click="del(row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+        :title="form.id ? '编辑敏感词' : '添加敏感词'"
+        :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="wordName">
+          <el-input v-model.trim="form.wordName" placeholder="请输入敏感词" size="small"></el-input>
+        </el-form-item>
+        <!-- <el-form-item label="生效地区" prop="areaList">
+          <ai-area-get :instance="instance" :fullname.sync="form.areaName" v-model="form.areaList" :root="user.info.areaId" multiple></ai-area-get>
+        </el-form-item> -->
+        <el-form-item label="生效部门" prop="deptList">
+          <ai-picker :instance="instance" v-model="form.deptList" @pick="e => onUserChange(e)" :multiple="true" dialogTitle="选择部门" action="/app/wxcp/wxdepartment/departList">
+            <div class="time-select">
+              <span class="dept-name" v-if="form.deptList && form.deptList.length">已选择{{form.deptList.length}}个部门</span>
+              <span class="dept-name" style="color:#999;" v-else>请选择</span>
+              <i class="el-icon-arrow-down"></i>
+            </div>
+          </ai-picker>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </section>
+
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  name: "SetKeywordManagement",
+  label: '关键词管理',
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    menuName:String
+  },
+  data() {
+    return {
+      search: {
+        wordName: '',
+        current: 1,
+        size: 10,
+      },
+      tableData: [],
+      size: 10,
+      total: 0,
+      current: 1,
+      form: {
+        wordName: '',
+        // areaList: [],
+        deptList: [],
+        departmentFullIds: []
+      },
+      dialog: false,
+      flag: false,
+    }
+  },
+  created() {
+    this.getTableData()
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        { prop: "wordName", label: '关键词', align: "left"},
+        { prop: "createTime", label: '创建时间'},
+        { prop: "createUserName", label: '创建人'},
+        // { prop: "areaNames", label: '生效地区'},
+        { prop: "departmentNames", label: '生效部门'},
+        { slot: "options" },
+      ]
+    },
+    rules() {
+      return {
+        wordName: [{required: true, message: '请输入敏感词', trigger: 'blur' }],
+        // areaList: [{required: true, message: '请选择生效地区', trigger: 'blur' }],
+        deptList: [{required: true, message: '请选择生效部门', trigger: 'blur' }],
+      }
+    },
+  },
+  methods: {
+    getTableData() {
+      this.instance.post(`/app/appsessionarchivekeywordinfo/list`,null,{
+        params: {
+          ...this.search,
+          current: this.current,
+          size: this.size,
+          total: this.total,
+          wordName: this.search.name
+        }
+      }).then(res => {
+        if(res?.data) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
+    },
+    del(row) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appsessionarchivekeywordinfo/delete?ids=${row.id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getTableData()
+          }
+        })
+      })
+    },
+    changeStatus(row, text, status) {
+      this.$confirm(`确定${text}该关键词？`).then(() => {
+        this.instance.post(`/app/appsessionarchivekeywordinfo/updateStatusById?id=${row.id}&status=${status}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('操作成功！')
+            this.getTableData()
+          }
+        })
+      })
+    },
+    edit(row) {
+      this.form = {...row}
+      this.form.deptList = []
+      this.form.departmentFullIds = []
+      this.form.deptList = row.departmentIds.split(',')
+      if(row.departmentFullIds) {
+        this.form.departmentFullIds = row.departmentFullIds.split(',')
+      }
+      this.dialog = true
+    },
+    add() {
+      this.dialog = true
+    },
+    onUserChange (e) {
+      this.form.deptList = []
+      this.form.departmentFullIds = []
+      e.map((item) => {
+        console.log(item)
+        this.form.deptList.push(item.id)
+        this.form.departmentFullIds.push(item.fullId)
+      })
+      this.$forceUpdate()
+      // this.form.deptList = e
+      // this.$forceUpdate()
+    },
+    onConfirm() {
+      if(this.flag) return
+
+      this.$refs.form.validate((valid)=> {
+        if(valid) {
+          this.flag = true
+          this.instance.post(`/app/appsessionarchivekeywordinfo/addOrUpdate`,{
+            ...this.form,
+            // areaIds: this.form.areaList.join(','),
+            departmentIds: this.form.deptList.join(','),
+            departmentFullIds: this.form.departmentFullIds.join(',')
+          }).then(res => {
+            if(res?.code == 0) {
+              this.$message.success(this.form.id ? '关键词编辑成功' : '关键词添加成功')
+              setTimeout(() =>{
+                this.form.deptList = []
+                this.dialog = false
+                this.getTableData()
+                this.flag = false
+              }, 600)
+            } else {
+              this.flag = false
+            }
+          })
+        }
+      })
+    },
+    cancel() {
+      this.$router.push({})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.SetKeywordManagement {
+  height: 100%;
+
+  .time-select {
+    padding: 0 16px;
+    height: 32px;
+    line-height: 32px;
+    border: 1px solid #d0d4dc;
+    border-radius: 4px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+    .el-icon-arrow-down {
+      line-height: 32px;
+    }
+  }
+
+  :deep .is-error {
+    .time-select {
+      border: 1px solid #f46!important;
+    }
+  }
+}
+</style>

project/biaopin/AppWorkOrder/components/SetReportType.vue

@@ -0,0 +1,188 @@
+<template>
+  <ai-list class="SetReportType">
+    <template slot="title">
+      <ai-title  isShowBack isShowBottomBorder title="事件类型" @onBackClick="cancel()"></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.groupName"
+            class="search-input"
+            size="small"
+            v-throttle="() => {search.current = 1, getList()}"
+            placeholder="请输入事件类型名称"
+            clearable
+            @change="getList"
+            @clear="search.current = 1, search.groupName = '', 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="120px" fixed="right" label="操作" align="center">
+          <div class="table-options" slot-scope="{ row }">
+            <!-- <el-button type="text" @click="changeStatus(row, '停用', 0)" v-if="row.status == 1">停用</el-button>
+            <el-button type="text" @click="changeStatus(row, '启用', 1)" v-else>启用</el-button> -->
+            <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="10" show-word-limit 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,
+          groupName: ''
+        },
+        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/apppatrolreportgroupv2/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.showIndex = ''
+        this.form.groupName = ''
+      },
+
+      onConfirm () {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.instance.post(`/app/apppatrolreportgroupv2/addOrUpdate`, {
+              ...this.form,
+              id: this.id || null
+            }).then(res => {
+              if (res.code === 0) {
+                this.$message.success('添加成功')
+                this.isShowAdd = false
+
+                this.getList()
+              }
+            })
+          }
+        })
+      },
+
+      cancel() {
+        this.$router.push({})
+      },
+
+      remove(id) {
+        this.$confirm('确定删除该数据？').then(() => {
+          this.instance.post(`/app/apppatrolreportgroupv2/delete?ids=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
+              this.getList()
+            }
+          })
+        })
+      }
+    },
+
+    changeStatus(row, text, status) {
+      this.$confirm(`确定${text}该关键词？`).then(() => {
+        this.instance.post(`/app/apppatrolreportgroupv2/addOrUpdate?id=${row.id}&status=${status}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('操作成功！')
+            this.getTableData()
+          }
+        })
+      })
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>

project/biaopin/AppWorkOrder/components/Setting.vue

@@ -0,0 +1,147 @@
+<template>
+  <section class="Setting">
+    <ai-list>
+      <template slot="title">
+        <ai-title title="工单特征库" isShowBack isShowBottomBorder @onBackClick="cancel"></ai-title>
+      </template>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button size="small" type="primary" icon="iconfont iconAdd" @click="edit()">添加</el-button>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="特征词搜索" v-model="search.keywords" clearable
+                      @clear="search.current = 1, search.keywords = '', getTableData()"
+                      suffix-icon="iconfont iconSearch"
+                      v-throttle="() => {(search.current = 1), getTableData();}"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="total" :current.sync="search.current" :size.sync="search.size"
+                  @getList="getTableData()" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作" width="200" align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="changeStatus(row, '停用')" v-if="row.status == 1">停用</el-button>
+              <el-button type="text" @click="changeStatus(row, '启用')" v-else>启用</el-button>
+              <el-button type="text" @click="edit(row)">编辑</el-button>
+              <el-button type="text" @click="del(row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "Setting",
+  label: '工单特征库',
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    menuName: String
+  },
+  data() {
+    return {
+      search: {
+        keywords: '',
+        current: 1,
+        size: 10,
+      },
+      total: 0,
+      tableData: [],
+      current: 1,
+    }
+  },
+  created() {
+    this.dict.load(['processDefStatus', 'xbotReportEventType']).then(() => {
+      this.getTableData()
+    })
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {prop: "keywords", label: '特征词', align: "left"},
+        {prop: "eventType", label: '事件类型', width: 200, align: 'center', dict: 'xbotReportEventType'},
+        {prop: "createTime", label: '创建时间', width: 200, align: 'center'},
+        {prop: "createUserName", label: '创建人', width: 200, align: 'center'},
+        {prop: "status", label: '状态', width: 200, dict: 'processDefStatus', align: 'center'},
+        {slot: "options"},
+      ]
+    },
+  },
+  methods: {
+    getTableData() {
+      this.instance.post(`/app/appsessionarchivefeaturelibrary/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
+    },
+    del(row) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appsessionarchivefeaturelibrary/delete?ids=${row.id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getTableData()
+          }
+        })
+      })
+    },
+    changeStatus(row, text) {
+      this.$confirm(`确定${text}该特征词？`).then(() => {
+        this.instance.post(`/app/appsessionarchivefeaturelibrary/enable?id=${row.id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('操作成功！')
+            this.getTableData()
+          }
+        })
+      })
+    },
+    edit(row = {}) {
+      const {id} = row
+      this.$router.push({hash: "#sd", query: {id}})
+    },
+    cancel() {
+      this.$router.push({})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.Setting {
+  height: 100%;
+
+  .time-select {
+    padding: 0 16px;
+    height: 32px;
+    line-height: 32px;
+    border: 1px solid #d0d4dc;
+    border-radius: 4px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+
+    .el-icon-arrow-down {
+      line-height: 32px;
+    }
+  }
+
+  :deep .is-error {
+    .time-select {
+      border: 1px solid #f46 !important;
+    }
+  }
+}
+</style>

project/biaopin/AppWorkOrder/components/TableInputColumn.vue

@@ -0,0 +1,17 @@
+<template>
+  <el-table-column :label="label" v-bind="$attrs">
+    <template slot-scope="{row}">
+      <el-input v-model="row[prop]" :placeholder="placeholder" clearable/>
+    </template>
+  </el-table-column>
+</template>
+<script>
+export default {
+  name: 'table-input-column',
+  props: {
+    label: {type: String, required: true},
+    prop: {type: String, required: true},
+    placeholder: {default: "请输入"}
+  }
+}
+</script>

project/biaopin/AppWorkOrder/components/settingDetail.vue

@@ -0,0 +1,157 @@
+<template>
+  <ai-detail class="settingDetail">
+    <ai-title slot="title" title="设置事件" isShowBack isShowBottomBorder @back="back"/>
+    <template #content>
+      <el-form size="small" ref="FeatureForm" :model="form" :rules="rules" label-width="80px">
+        <ai-card title="基本信息">
+          <div class="grid">
+            <el-form-item label="特征词" prop="keywords">
+              <el-input v-model.trim="form.keywords" type="textarea" :rows="2" placeholder="多个特征词以,隔开"/>
+            </el-form-item>
+            <el-form-item label="最小长度" prop="minLength">
+              <el-input v-model.trim="form.minLength" type="textarea" :rows="2" placeholder="进行特征分析最小的文本长度"/>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="eventType">
+              <ai-select v-model="form.eventType" :instance="instance" action="/app/appsessionarchivefeaturelibrary/list"
+                         :prop="{value:'eventType',label:'eventType'}" allow-create
+                         placeholder="可以选择已有的事件类型,也可以创建新的"/>
+            </el-form-item>
+            <el-form-item label="相似度" prop="l2">
+              <el-input type="number" v-model="form.l2" placeholder="建设值设置在150-180之间,默认180"/>
+            </el-form-item>
+          </div>
+        </ai-card>
+        <ai-card title="事件信息" panel>
+          <template #right>
+            <el-button type="text" @click="form.features.push({})">添加</el-button>
+          </template>
+          <el-form-item prop="features" label-width="0">
+            <el-table :data="form.features" size="mini" stripe border header-cell-class-name="ai-table__header">
+              <table-input-column label="属性" prop="field" width="120px"/>
+              <table-input-column label="属性名" prop="label" width="160px"/>
+              <table-input-column label="属性别名" prop="alias" width="120px"/>
+              <table-input-column label="描述" prop="description"/>
+              <el-table-column label="操作" align="center" width="80px">
+                <template slot-scope="{row,$index}">
+                  <el-button type="text" @click="handleDelete('是否要删除属性?',form.features,$index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </ai-card>
+        <el-form-item prop="features" label-width="0">
+          <ai-card title="样例" v-if="!isEmpty(form.features)" panel class="mar-t20">
+            <template #right>
+              <el-button type="text" @click="form.examples.push({content:'样例会话',extraction:{}})">添加</el-button>
+            </template>
+            <el-table :data="form.examples" size="mini" stripe border header-cell-class-name="ai-table__header">
+              <table-input-column label="会话内容" prop="content"/>
+              <el-table-column label="事件抓取信息" min-width="200px">
+                <template slot-scope="{row}">
+                  <el-descriptions :column="2" size="mini" border>
+                    <el-descriptions-item v-for="item in form.features" :key="item.field" :label="item.label">
+                      <el-input v-model="row.extraction[item.field]" clearable placeholder="请输入"/>
+                    </el-descriptions-item>
+                  </el-descriptions>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center" width="80px">
+                <template slot-scope="{row,$index}">
+                  <el-button type="text" @click="handleDelete('是否要删除该样例?',form.examples,$index)">删除
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </ai-card>
+        </el-form-item>
+      </el-form>
+    </template>
+    <template #footer>
+      <el-button @click="back">取消</el-button>
+      <el-button type="primary" @click="submit">提交</el-button>
+    </template>
+  </ai-detail>
+</template>
+<script>
+import TableInputColumn from "./TableInputColumn.vue";
+
+export default {
+  name: "settingDetail",
+  components: {TableInputColumn},
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  data() {
+    return {
+      form: {
+        // keywords: ["丢", "找", "不见", "看见", "看到", "掉"].toString(),
+        // eventType: "失物招领",
+        features: [],
+        examples: []
+      },
+      rules: {
+        keywords: [{required: true, message: '请输入特征词', trigger: 'blur'}],
+        eventType: [{required: true, message: '请选择事件类型', trigger: 'blur'}],
+        features: [{required: true, message: '请设置事件信息'}],
+      }
+    }
+  },
+  methods: {
+    back() {
+      this.$router.push({hash: "#Setting"})
+    },
+    submit() {
+      this.$refs.FeatureForm.validate().then(() => {
+        let {features = null, examples = null} = this.form
+        features = JSON.stringify(features)
+        examples = JSON.stringify(examples)
+        this.instance.post("/app/appsessionarchivefeaturelibrary/addOrUpdate", {
+          ...this.form,
+          features,
+          examples
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("保存成功!")
+            this.back()
+          }
+        })
+      })
+    },
+    getDetail() {
+      const {id} = this.$route.query
+      id && this.instance.post("/app/appsessionarchivefeaturelibrary/queryDetailById", null, {params: {id}}).then(res => {
+        if (res?.data) {
+          let {features = null, examples = null} = res.data
+          features = JSON.parse(features) || []
+          examples = JSON.parse(examples) || []
+          this.form = {...res.data, features, examples}
+        }
+      })
+    },
+    isEmpty(list = []) {
+      return Object.keys(list).length <= 0
+    },
+    handleDelete(msg, table = [], i) {
+      this.$confirm(msg).then(() => {
+        table.splice(i, 1)
+      })
+    },
+    transformer() {
+
+    }
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.settingDetail {
+  :deep(.ai-table__header) {
+    border-bottom: none;
+    background: #F3F4F5;
+    line-height: normal;
+  }
+}
+</style>