init

src/api/modules/http.js

@@ -318,3 +318,42 @@ export function templategeupdateSort(data) {
 }
 
 
+
+//禁忌列表
+export function taboofindbypage(data) {
+  return request({
+    url: 'autoSR/sensitivewords/findbypage',
+    method:'post',
+    data
+  })
+}
+
+//添加禁忌
+export function tabooadd(data) {
+  return request({
+    url: 'autoSR/sensitivewords/add',
+    method:'post',
+    data
+  })
+}
+
+
+//修改禁忌
+export function tabooupdate(data) {
+  return request({
+    url: 'autoSR/sensitivewords/update',
+    method:'post',
+    data
+  })
+}
+
+//修改禁忌
+export function taboodelete(data) {
+  return request({
+    url: 'autoSR/sensitivewords/delete',
+    method:'post',
+    data
+  })
+}
+
+

src/views/Template/SystemarketingWordMB.vue

@@ -0,0 +1,393 @@
+<template>
+  <div class="box-center">
+      <div class="center">
+
+        <div style="display: flex;">
+         <div style="font-weight: 400;font-size: 20px">
+           系统默认节点  &nbsp;&nbsp;&nbsp;  <span style="font-size: 16px">(提示：拖拽同级类可以排序)</span>
+         </div>
+          <div style="height: 30px;margin-left: 100px;">
+             <el-button style="" size="mini" type="primary" @click.stop="addBigNode">添加大类</el-button>
+          </div>
+        </div>
+
+        <div style="margin-top: 16px;">
+               <el-tree ref="tree" :data="datalist" node-key="id" default-expand-all
+               :allow-drop="allowDrop" @node-drop="Peerdrag" draggable>
+              <span slot-scope="{ node, data }">
+              <span>{{ node.label }}</span>
+                  <span v-if="node.level==1">
+                    <el-button style="color:red; margin-left: 20px;" type="text" size="mini"
+                              @click.stop="() => append(node,data)">添加二级</el-button>
+                    <el-button type="text" size="mini" @click.stop="() => remove(node,data)"> 删除 </el-button>
+                    <el-button type="text" size="mini" @click.stop="() => ddeditor(node,data)"> 编辑 </el-button>
+                  </span>
+
+                  <span v-if="node.level==2">
+                    <el-button type="text" size="mini" style=" margin-left: 20px;"
+                              @click.stop="() => append1(node,data)"> 添加三级 </el-button>
+                    <el-button type="text" size="mini" @click.stop="() => remove(node,data)"> 删除 </el-button>
+                    <el-button type="text" size="mini" @click.stop="() => ddeditor(node,data)"> 编辑 </el-button>
+                  </span>
+                  <span v-if="node.level==3">
+                    <el-button style=" margin-left: 20px;" type="text" size="mini" @click.stop="() => remove(node,data)"> 删除 </el-button>
+                    <el-button type="text" size="mini" @click.stop="() => ddeditor(node,data)"> 编辑 </el-button>
+                  </span>
+              </span>
+            </el-tree>
+        </div>
+
+
+      </div>
+       <!-- 删除确认弹框 -->
+    <el-dialog title="提示" :visible.sync="dialogDelete" width="30%">
+      <span>确定删除该条内容吗</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogDelete = false">取 消</el-button>
+        <el-button type="primary" @click="checkDelete">确 定</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 新增弹框 -->
+    <el-dialog title="新增大类" :visible.sync="dialogShow">
+      <el-form :model="addForm" label-position="left" label-width="80px">
+        <el-row :gutter="10">
+          <el-col :span="10">
+              <el-form-item label="一级大类名称:" v-if="level==0" :label-width="formLabelWidth">
+                  <el-input v-model="addForm.name" autocomplete="off"></el-input>
+              </el-form-item>
+              <el-form-item label="二级小类名称:" v-if="level==1" :label-width="formLabelWidth">
+                  <el-input v-model="addForm.name" autocomplete="off"></el-input>
+              </el-form-item>
+              <el-form-item label="三级小类名称:" v-if="level==2" :label-width="formLabelWidth">
+                  <el-input v-model="addForm.name" autocomplete="off"></el-input>
+              </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogShow = false">取 消</el-button>
+        <el-button type="primary" @click="onSubmit">确 定</el-button>
+      </div>
+    </el-dialog>
+        <!--?编辑弹框?-->
+        <el-dialog title="编辑" :visible.sync="isshowage">
+            <div style="display: flex;align-items: center;height: 40px;">
+                <div style="margin-left: 160px;">类名：</div>
+                <div>
+                    <input v-model="frosasd.name" style="width: 280px;" type="text">
+                </div>
+            </div>
+
+            <div style="display: flex;justify-content: center;">
+                <button style="width: 100px;height: 40px;"  @click="submicll()">取消</button>
+                <button style="width: 100px;height: 40px;margin-left: 60px;"  @click="submiadd()">提交</button>
+            </div>
+        </el-dialog>
+
+  </div>
+</template>
+
+<script>
+export default {
+    data() {
+      return {
+        datalist: [],
+        drag: false,
+        activeNames: ['1'],
+        dialogShow: false, // 大类新增
+        addShow: false, // 小类新增
+        dialogDelete: false, //删除提示弹框
+        formLabelWidth: '120px',
+        addItem: null, // 当前添加小类的项
+        addForm: {
+          name: '',
+          house: '',
+          company: ''
+        },
+        childDelete: null,
+          level: 1, //操作节点的层级
+          pid:0,
+          deleteId: null, // 要删除的表单节点的ID
+          isshowage:false,
+          frosasd:{
+              name: '',
+              id:''
+          },
+      }
+    },
+    mounted() {
+      this.templategetMarketingTree()
+    },
+    methods: {
+        templategetMarketingTree(){
+               this.$api.http.templategetMarketingTree({}).then((res) => {
+                console.log(res);
+                  let data = res.data;
+                  data = JSON.stringify(data).replace(/name/g, "label");
+                  data = JSON.parse(data);
+                  this.datalist = data;
+              })
+        },
+         //编辑
+        ddeditor(node,data){
+            this.frosasd.name=data.label;
+            this.frosasd.id=data.id;
+            this.isshowage=true;
+        },
+        submicll(){
+            this.isshowage=false;
+        },
+         //编辑提交
+        submiadd(){
+            var that=this;
+            this.$api.http.templategeupdate({
+               name: that.frosasd.name,
+               id:that.frosasd.id
+            }).then((res) => {
+                  that.datalist.forEach((item,index)=>{
+                      if(item.id==that.frosasd.id){
+                          that.datalist[index].label=that.frosasd.name;
+                          that.isshowage=false;
+                          that.$message({
+                              message: '修改成功',
+                              type: 'success'
+                          });
+                          return
+                      }else{
+                          item.children.forEach((asd,indexesd)=>{
+                              if(asd.id==that.frosasd.id){
+                                  that.datalist[index].children[indexesd].label=that.frosasd.name;
+                                  that.isshowage=false;
+                                  that.$message({
+                                      message: '修改成功',
+                                      type: 'success'
+                                  });
+                                  return
+                              }else{
+                                  asd.children.forEach((zxc,indexzxc)=>{
+                                      if(zxc.id==that.frosasd.id){
+                                          that.datalist[index].children[indexesd].children[indexzxc].label=that.frosasd.name;
+                                          that.isshowage=false;
+                                          that.$message({
+                                              message: '修改成功',
+                                              type: 'success'
+                                          });
+                                          return
+                                      }
+                                  })
+                              }
+                          })
+                      }
+                  })
+            })
+        },
+
+         //添加大类
+        addBigNode() {
+            this.level=0;
+            this.addForm.name = '';
+            this.dialogShow = true;
+        },
+        // 添加二级小类节点入口
+        append(node, data) {
+            this.level=1;
+            this.addForm.name = '';
+            this.pid = data.id;
+            this.dialogShow = true
+        },
+        // 添加三级小类节点入口
+        append1(node, data) {
+            this.level=2;
+            this.addForm.name = '';
+            this.pid = data.id
+            this.dialogShow = true
+        },
+        // 大类保存
+         onSubmit() {
+            if (this.addForm.name != "") {
+                this.dialogShow = false
+                this.addNode()
+            } else {
+                this.$message({
+                    message: '内容不能为空',
+                    type: 'warning'
+                });
+                return;
+            }
+        },
+        // 新增的节点保存
+        addNode() {
+             this.$api.http.templategeadd({
+                pid: this.pid,
+                name: this.addForm.name,
+                sign:0
+            }).then((res) => {
+                  if (this.level == 0) { // 大类
+                        let newNode = {
+                            id: res.data,
+                            sign: 1,
+                            pid:0,
+                            sort: this.datalist.length + 1,
+                            label: this.addForm.name,
+                            fraction: '',
+                            children: []
+                        }
+                        this.datalist.push(newNode);
+                    } else if(this.level == 1) {
+                        // 二级
+                        let newChild = {
+                            id: res.data,
+                            pid:this.pid,
+                            sign: 1,
+                            fraction: '',
+                            sort: null,
+                            label: this.addForm.name,
+                            children: []
+                        };
+                        this.datalist.forEach((item,index)=>{
+                            if(item.id==this.pid){
+                                item.children.push(newChild)
+                            }
+                        })
+                    }else{
+                        let newChilds = {
+                            id: res.data,
+                            sign: 1,
+                            fraction: '',
+                            pid:this.pid,
+                            sort: null,
+                            label: this.addForm.name
+                        };
+                        this.datalist.forEach((item,index)=>{
+                            item.children.forEach((ite,inde)=>{
+                                if(ite.id==this.pid){
+                                    ite.children.push(newChilds)
+                                }
+                            })
+                        })
+                    }
+            })
+
+        },
+        // 删除标签
+        remove(node, data) {
+            this.deleteId = data.id
+            this.dialogDelete = true;
+        },
+         // 删除自定义的节点
+        checkDelete() {
+              this.$api.http.templategedel({
+                id: this.deleteId
+                }).then((res) => {
+                    this.datalist.forEach((item,index)=>{
+                        if(item.id==this.deleteId){
+                            this.datalist.splice(index,1)
+                        }else{
+                            item.children.forEach((ite,inde)=>{
+                                if(ite.id==this.deleteId){
+                                    this.datalist[index].children.splice(inde,1)
+                                }else{
+                                    ite.children.forEach((it,ine)=>{
+                                        if(it.id==this.deleteId){
+                                            this.datalist[index].children[inde].children.splice(ine,1)
+                                        }
+                                    })
+                                }
+                            })
+                        }
+                    })
+                    this.dialogDelete = false;
+              })
+        },
+
+
+
+         //同级节点才可以拖拽
+      allowDrop(draggingNode, dropNode, type) {
+        if (draggingNode.level === dropNode.level) {
+          if (draggingNode.parent.id === dropNode.parent.id) {
+            // 向上拖拽 || 向下拖拽
+            return type === "prev" || type === "next";
+          }
+        } else {
+          // 不同级进行处理
+          return false;
+        }
+      },
+      //拖拽排序
+      Peerdrag(before) {
+        let arr = [];
+
+        this.datalist.forEach((item, index) => {
+          if (before.data.pid == item.pid) {
+            arr.push(item)
+          } else {
+            if (item.children.length == 0) {
+              return
+            } else {
+
+              item.children.forEach((ite, inde) => {
+                if (before.data.pid == ite.pid) {
+                  arr.push(ite)
+                } else {
+                  if (ite.children.length == 0) {
+                    return
+                  } else {
+
+                    ite.children.forEach((it, ins) => {
+                      if (before.data.pid == it.pid) {
+                        arr.push(it)
+                      }
+                    })
+                  }
+                }
+              })
+            }
+          }
+        })
+        arr.forEach((item, index) => {
+          item.sort = index
+        })
+
+        let params = {
+          list: []
+        }
+        params.list = arr.map(item => {
+          return {
+            id: item.id,
+            sort: item.sort
+          }
+        })
+          this.dragSort(params.list)
+      },
+   		dragSort(list){
+   			 this.$api.http.templategeupdateSort({children:list}).then((res) => {
+
+          })
+   		},
+
+
+    },
+}
+</script>
+
+<style scoped="scoped" lang="scss" >
+.box-center {
+  width: 100%;
+  padding: 15px;
+  padding-top: 0px;
+  min-width: 1200px;
+  padding-bottom: 100px;
+}
+.center{
+  width: 100%;
+  height: 100%;
+  padding: 15px 15px;
+  list-style: none;
+  background: #ffffff;
+  min-height: 80vh;
+  border-radius: 4px;
+}
+
+</style>

src/views/Template/taboo.vue

@@ -4,12 +4,30 @@
     <!-- 头 -->
     <div class="app-top">
       <div class="app-titel" style="margin-top: 5px">
+          <div
+          class="label"
+          style="color: #32363d; font-weight: 400; font-size: 16px"
+        >
+          楼盘选择：
+        </div>
+        <div>
+          <el-select v-model="houseId" @change="houseChange" placeholder="请选择">
+            <el-option
+              v-for="item in houseList"
+              :key="item.id"
+              :label="item.propertyName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </div>
         <div class="label">销讲词：</div>
         <div>
-             <el-input v-model="value"></el-input>
+             <el-input v-model="words"></el-input>
         </div>
         <div style="margin-left: 20px">
           <el-button style="background: #2671e2; color: #ffffff"
+            @click="screening()"
             >筛选</el-button
           >
         </div>
@@ -29,34 +47,34 @@
           height="400"
           style="width: 100%">
           <el-table-column
-            prop="date"
+            prop="words"
             label="敏感词"
             align="center"
           >
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="houseName"
             label="楼盘名称"
              align="center"
            >
           </el-table-column>
           <el-table-column
-            prop="address"
+            prop="createDate"
             label="创建时间"
              align="center">
           </el-table-column>
 
           <el-table-column
-            prop="date"
+            prop="updateDate"
             label="修改时间"
             align="center"
           >
           </el-table-column>
            <!--  scope -->
          <el-table-column label="操作" align="center">
-            <template slot-scope="" style="">
-              <span style="color: #2671E2;">编辑</span>
-              <span style="color: #2671E2;margin-left: 10px;">删除</span>
+            <template slot-scope="scope" style="">
+              <span style="color: #2671E2;" @click="bianji(scope.row)">编辑</span>
+              <span style="color: #2671E2;margin-left: 10px;" @click="del(scope.row)">删除</span>
             </template>
           </el-table-column>
         </el-table>
@@ -65,21 +83,18 @@
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="currentPage4"
-              :page-sizes="[100, 200, 300, 400]"
-              :page-size="100"
+              :page-sizes="[6, 12, 18, 24]"
+              :page-size="6"
               layout="total, sizes, prev, pager, next, jumper"
-              :total="400">
+              :total="total">
             </el-pagination>
         </div>
     </div>
 
-       <el-dialog title="新增" :visible.sync="dialogVisible" >
-      <el-form :model="ruleForm" label-position="labelPosition"  ref="ruleForm" label-width="140px" style="width:60%; margin: 0 auto;">
-          <el-form-item label="禁忌词" prop="areaName">
-              <el-input v-model="ruleForm.areaName"></el-input>
-          </el-form-item>
-          <el-form-item label="楼盘名称" prop="areaName">
-              <el-input v-model="ruleForm.areaName"></el-input>
+       <el-dialog  :title="editFlag ? '编辑' : '新增'" :visible.sync="dialogVisible" >
+      <el-form :model="ruleForm" label-position="labelPosition" :rules="ruleser" ref="ruleForm" label-width="140px" style="width:60%; margin: 0 auto;">
+          <el-form-item label="禁忌词" prop="words">
+              <el-input v-model="ruleForm.words"></el-input>
           </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -94,70 +109,156 @@
 export default {
   data() {
     return {
-      currentPage4:4,
+      currentPage4:1,
       value: "",
       input: "",
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: " 1518 弄",
-        },
-      ],
+      tableData: [],
       multipleSelection:[],
       dialogVisible:false,
         ruleForm:{
-          areaName:'',
-          provinceItem:[],
+          words:'',
+          id:'',
        },
+       houseId:"",
+       houseList:[],
+       Page:1,
+       size:6,
+       words:"",
+       total:0,
+      ruleser: {
+        words: [
+          { required: true, message: '请填写禁忌词', trigger: 'blur' },
+        ]
+      },
+      editFlag:false
     };
   },
-  mounted() {},
+  mounted() {
+    this.zkhousePage()
+  },
   methods: {
+    houseChange() {
+      this.Page=1;
+      this.words='';
+      this.taboofindbypagelist()
+    },
+    zkhousePage() {
+      this.$api.api
+        .findHouseByUser({
+          orgType: localStorage.getItem("orgType"),
+        })
+        .then((res) => {
+          this.houseList = res.data;
+          this.houseId = res.data[0].id;
+          this.taboofindbypagelist()
+        });
+    },
+    taboofindbypagelist(){
+      let obj = {
+        current: this.Page,
+        size: this.size,
+        houseId:this.houseId,
+        words:this.words
+      };
+      this.$api.http.taboofindbypage(obj).then((res) => {
+        console.log(res);
+        this.tableData = res.data.records;
+        this.total = res.data.total;
+      });
+    },
+    screening(){
+       this.Page=1;
+      this.taboofindbypagelist()
+    },
+    //删除
+    del(item){
+        this.$confirm('此操作将永久删除, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          distinguishCancelAndClose: true,
+          type: 'warning'
+        }).then(() => {
+            this.$api.http.taboodelete({id:item.id}).then((res) => {
+                 if(res.code==0){
+                     this.$message({
+                      type: 'success',
+                      message: '删除成功!'
+                    });
+                     this.Page=1;
+                        this.words='';
+                        this.taboofindbypagelist()
+                 }else{
+                    this.$message.error(res.message);
+                 }
+            })
+            }).catch(() => {
+              this.$message({
+                type: 'info',
+                message: '已取消删除'
+              });
+        });
+    },
+    //编辑
+    bianji(row){
+      this.ruleForm.id=row.id;
+      this.dialogVisible=true;
+      this.ruleForm.words=row.words;
+      this.editFlag=true;
+    },
+
     editorinfo(){
       this.dialogVisible=true;
+      this.editFlag=false;
     },
     editor(){
-      this.dialogVisible=false;
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            if(this.editFlag==false){
+                this.$api.http.tabooadd({
+                  houseId:this.houseId,
+                  words:this.ruleForm.words
+                }).then((res) => {
+                  if(res.code==0){
+                        this.dialogVisible=false;
+                        this.$refs.ruleForm.resetFields();
+                        this.Page=1;
+                        this.words='';
+                        this.taboofindbypagelist()
+                    }else{
+                      this.$message.error(res.message);
+                  }
+                });
+            }else{
+               this.$api.http.tabooupdate({
+                  id:this.ruleForm.id,
+                  words:this.ruleForm.words
+                }).then((res) => {
+                  if(res.code==0){
+                        this.dialogVisible=false;
+                        this.$refs.ruleForm.resetFields();
+                        this.Page=1;
+                        this.words='';
+                        this.taboofindbypagelist()
+                    }else{
+                      this.$message.error(res.message);
+                  }
+                });
+            }
+
+          } else {
+            return false;
+          }
+        });
     },
-     handleSelectionChange(val) {
-        this.multipleSelection = val;
-      },
      handleSizeChange(val) {
         console.log(`每页 ${val} 条`);
+        this.size = val;
+        this.taboofindbypagelist()
       },
       handleCurrentChange(val) {
         console.log(`当前页: ${val}`);
+        this.Page = val;
+        this.taboofindbypagelist()
       }
   },
 };

vue.config.js

@@ -3,9 +3,9 @@
  * https://cli.vuejs.org/zh/config/
  */
 // const url = 'http://pigx-gateway'
-// const url = 'http://39.97.167.65:9999' //测试
-const url = 'http://192.168.31.160:9999' //长龙
-// const url = 'http://192.168.31.129:9999' //嘉豪
+const url = 'http://39.97.167.65:9999' //测试
+// const url = 'http://192.168.31.160:9999' //长龙
+// const url = 'http://192.168.31.133:9999' //嘉豪
 // const url = 'http://192.168.31.100:9999' //王笑
 
 const CompressionWebpackPlugin = require('compression-webpack-plugin')