新增更新用户触达配置

src/api/reach-scheme.js

@@ -25,7 +25,7 @@ export function deleteReachScheme(id, params = {}) {
 }
 
 // 删除触达
-export function upateReachScheme(id, data = {}) {
+export function updateReachScheme(id, data = {}) {
   var headers = {
     'Content-Type': 'application/json'
   }

src/pages/v2/reachschemes/index.vue

@@ -71,7 +71,6 @@
           <el-table-column fixed="right" label="操作">
             <template slot-scope="scope">
               <el-select size="mini" :value="opera" @change="operation" placeholder="请选择">
-                <el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option>
                 <el-option :value="{ tag: 'edit', row: scope.row }" label="编辑"></el-option>
                 <el-option :value="{ tag: 'delete', row: scope.row }" label="删除"></el-option>
               </el-select>
@@ -196,11 +195,27 @@ export default {
         case 'detail':
           break
         case 'edit':
+          this.$router.push({ path: '/training/reachschemes/update', query: { id: opera.row.id } })
           break
         case 'delete':
+          this.delete(opera.row.id)
           break
       }
     },
+    delete(id) {
+      this.$confirm('确认删除？', '提示').then(_ => {
+        reachSchemeApi.deleteReachScheme(id).then(res => {
+          if (res.code === 0) {
+            this.$message.success('删除成功')
+            this.list({ page: this.currentPage, limit: this.limit })
+            return true
+          } else {
+            this.$message.error(res.message)
+            return false
+          }
+        })
+      })
+    },
     list(params = {}) {
       reachSchemeApi.reachSchemeList(params).then(res => {
         if (res.code === 0) {

src/pages/v2/reachschemes/update.vue

+<template>
+  <div>
+    <div>
+      <el-card class="box-card">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ path: '/training/reachschemes/update' }">触达管理</el-breadcrumb-item>
+          <el-breadcrumb-item>编辑触达</el-breadcrumb-item>
+        </el-breadcrumb>
+      </el-card>
+    </div>
+    <div>
+      <el-card class="box-card">
+        <el-form :model="updateForm" size="mini">
+          <el-form-item label="案例" :label-width="formLabelWidth">
+            <el-input disabled v-model="caseName" size="mini"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-divider content-position="left">关键词配置</el-divider>
+          </el-form-item>
+          <div style="margin-top: 2%" v-for="(keyword, keywordIndex) in updateForm.keywords" :key="'keyword-' + keywordIndex">
+            <div style="margin-left: 15%; margin-top: 2%">
+              <i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i>
+              <i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i>
+            </div>
+            <el-card style="margin-left: 5%;  margin-top: 2%">
+              <span><strong>关键词：</strong></span>
+              <el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input>
+              <span style="margin-left: 2%"><strong>分数：</strong></span>
+              <el-input size="mini" v-model.number="keyword.score" placeholder="请输入分数" style="width: 20%"></el-input>
+            </el-card>
+          </div>
+          <el-form-item>
+            <el-divider content-position="left"></el-divider>
+          </el-form-item>
+          <el-form-item>
+            <div class="demo-drawer__footer" style="margin-left: 60%">
+              <el-button type="primary" @click="save">保 存</el-button>
+            </div>
+          </el-form-item>
+        </el-form>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import * as reachSchemeApi from '@/api/reach-scheme'
+export default {
+  name: 'update',
+  data() {
+    return {
+      id: 0,
+      formLabelWidth: '100px',
+      caseName: '',
+      updateForm: {
+        keywords: []
+      }
+    }
+  },
+  mounted() {
+    this.id = this.$route.query.id
+    this.getInfo(this.id)
+  },
+  methods: {
+    save() {
+      reachSchemeApi.updateReachScheme(this.id, this.updateForm).then(res => {
+        if (res.code === 0) {
+          this.$message.success(res.message)
+          return true
+        } else {
+          this.$message.error(res.message)
+          return false
+        }
+      })
+    },
+    addKeywords(keywordIndex) {
+      this.updateForm.keywords.push({ keyword: '', score: 0 })
+    },
+    removeKeywords(keywordIndex) {
+      if (this.updateForm.keywords.length > 1) {
+        this.updateForm.keywords.splice(keywordIndex, 1)
+      }
+    },
+    getInfo() {
+      reachSchemeApi.reachScheme(this.id).then(res => {
+        if (res.code === 0) {
+          var data = res.data
+          this.caseName = data.case.name
+          this.updateForm.keywords = data.keywords
+          return true
+        } else {
+          this.$message.error(res.message)
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/router/routes.js

@@ -20,8 +20,9 @@ const userGroup = [
   { path: '/training/cases', name: 'cases', component: () => import('@/pages/v2/cases/index') },
   { path: '/training/characteristics', name: 'characteristics', component: () => import('@/pages/v2/characteristics/index') },
   { path: '/training/reachschemes', name: 'reach_schemes', component: () => import('@/pages/v2/reachschemes/index') },
+  { path: '/training/reachschemes/update', name: 'reach_schemes_update', component: () => import('@/pages/v2/reachschemes/update') },
   { path: '/training/useruseconfigs', name: 'useruseconfigs', component: () => import('@/pages/v2/useruseconfigs/index') },
-  { path: '/training/useruseconfigs/update', name: 'useruseconfigs-update', component: () => import('@/pages/v2/useruseconfigs/update') }
+  { path: '/training/useruseconfigs/update', name: 'useruseconfigs_update', component: () => import('@/pages/v2/useruseconfigs/update') }
 ]
 
 export default [