From 5dd17d93c0b1180d00e5981899f8b5b5972727f1 Mon Sep 17 00:00:00 2001
From: lancer <1905818361@qq.com>
Date: Wed, 19 Jan 2022 17:49:24 +0800
Subject: [PATCH] init

---
 src/views/Customer/source.vue | 375 ++++++++++++++++++++++++++++++++++
 1 file changed, 375 insertions(+)
 create mode 100644 src/views/Customer/source.vue

diff --git a/src/views/Customer/source.vue b/src/views/Customer/source.vue
new file mode 100644
index 0000000..1d78a66
--- /dev/null
+++ b/src/views/Customer/source.vue
@@ -0,0 +1,375 @@
+<template>
+  <div class="box-center">
+    <!-- 头 -->
+    <div class="app-top">
+      <div style="margin-left: 20px; display: flex">
+        <el-button v-if="cus_sou_add" @click="editorinfo()" type="primary"
+          >新增</el-button
+        >
+        <div
+          style="margin-left: auto; margin-right: 10px"
+          v-if="cus_sou_downLoad"
+        >
+          <el-button @click="downLoad">导出</el-button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 表格 -->
+    <div class="cen-tab">
+      <el-table :data="tableData" stripe style="width: 100%" row-key="id">
+        <el-table-column prop="words" label="序号" align="center">
+        </el-table-column>
+        <el-table-column prop="houseName" label="来源" align="center">
+        </el-table-column>
+        <el-table-column prop="createDate" label="关联客户" align="center">
+        </el-table-column>
+        <!--  scope -->
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope" style="">
+            <el-button
+              v-if="cus_sou_edit"
+              type="text"
+              @click="bianji(scope.row)"
+              >编辑</el-button
+            >
+            <el-button v-if="cus_sou_del" type="text" @click="del(scope.row)"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="display: flex; justify-content: flex-end; margin-top: 10px">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="Page"
+          :page-sizes="[10, 30, 50]"
+          :page-size="size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+
+    <el-dialog
+      :title="editFlag ? '编辑' : '新增'"
+      :visible.sync="dialogVisible"
+      @close="$refs.ruleForm.resetFields()"
+    >
+      <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="source">
+          <el-input
+            v-model="ruleForm.source"
+            maxlength="8"
+            clearable
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="loadingFlag" @click="editor()"
+          >保存</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="删除来源"
+      :visible.sync="delVisible"
+      @close="$refs.ruleForm.resetFields()"
+    >
+    <div style="text-align:center;margin-bottom:20px;">请将此来源的客户转移到以下来源</div>
+      <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="source">
+          <el-input
+            v-model="ruleForm.source"
+            maxlength="8"
+            clearable
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="delVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="loadingFlag" @click="editor()"
+          >保存</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import { exportMethodPost } from "@/util/util";
+import Sortable from "sortablejs";
+export default {
+  data() {
+    return {
+      currentPage4: 1,
+      value: "",
+      input: "",
+      tableData: [
+        {
+          id: "0",
+          houseName: "123",
+        },
+        {
+          id: "1",
+          houseName: "456",
+        },
+        {
+          id: "2",
+          houseName: "789",
+        },
+      ],
+      multipleSelection: [],
+      dialogVisible: false,
+      loadingFlag: false,
+      delVisible: false,
+      orgType: localStorage.getItem("orgType"),
+      ruleForm: {
+        editFlag: "",
+        id: "",
+      },
+      houseId: "",
+      houseList: [],
+      Page: 1,
+      size: 10,
+      words: "",
+      total: 0,
+      ruleser: {
+        source: [
+          { required: true, message: "请填写用户来源", trigger: "blur" },
+        ],
+      },
+      editFlag: false,
+    };
+  },
+  computed: {
+    ...mapGetters(["permissions"]),
+  },
+  created() {
+    this.cus_sou_add = this.permissions["cus_sou_add"];
+    this.cus_sou_downLoad = this.permissions["cus_sou_downLoad"];
+    this.cus_sou_del = this.permissions["cus_sou_del"];
+    this.cus_sou_edit = this.permissions["cus_sou_edit"];
+  },
+  mounted() {
+    this.rowDrop();
+    return;
+
+    this.zkhousePage();
+  },
+  methods: {
+    //行拖拽
+    rowDrop() {
+      const tbody = document.querySelector(".el-table__body-wrapper tbody");
+      const _this = this;
+      Sortable.create(tbody, {
+        onEnd({ newIndex, oldIndex }) {
+          console.log(newIndex, oldIndex, "序号");
+          const currRow = _this.tableData.splice(oldIndex, 1)[0];
+          console.log(currRow);
+          _this.tableData.splice(newIndex, 0, currRow);
+        },
+      });
+    },
+    downLoad() {
+      let obj = {
+        houseId: this.houseId,
+        words: this.words,
+      };
+      // exportMethodPost()
+      exportMethodPost("autoSR/sensitivewords/export", "禁忌话术", obj);
+    },
+    houseChange() {
+      this.Page = 1;
+      this.words = "";
+      this.taboofindbypagelist();
+    },
+    zkhousePage() {
+      this.$api.api
+        .findHouseByUser({
+          orgType: localStorage.getItem("orgType"),
+        })
+        .then((res) => {
+          this.houseList = res.data;
+          if (localStorage.getItem("orgType") == 3) {
+            this.houseId = localStorage.getItem("houseId");
+          } else {
+            this.houseId = res.data[0].id;
+          }
+          // 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.delVisible = true;
+    },
+    //编辑
+    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;
+      this.ruleForm.editFlag = "";
+    },
+    editor() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loadingFlag = true;
+          if (this.editFlag == false) {
+            this.$api.http
+              .tabooadd({
+                houseId: this.houseId,
+                words: this.ruleForm.words,
+              })
+              .then((res) => {
+                if (res.code == 0) {
+                  setTimeout(() => {
+                    this.loadingFlag = false;
+                    console.log("防重");
+                  }, 1);
+                  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) {
+                  setTimeout(() => {
+                    this.loadingFlag = false;
+                    console.log("防重");
+                  }, 1);
+                  this.dialogVisible = false;
+                  this.$refs.ruleForm.resetFields();
+                  this.Page = 1;
+                  this.words = "";
+                  this.taboofindbypagelist();
+                } else {
+                  this.$message.error(res.message);
+                }
+              });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.size = val;
+      this.taboofindbypagelist();
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.Page = val;
+      this.taboofindbypagelist();
+    },
+  },
+};
+</script>
+
+<style scoped="scoped" lang="scss" >
+.box-center {
+  width: 100%;
+  padding: 15px;
+  min-width: 1000px;
+  padding-bottom: 100px;
+}
+.cen-tab {
+  width: 100%;
+  padding: 15px;
+  background: #ffffff;
+  margin-top: 15px;
+}
+.tophove {
+  color: #ffffff;
+  background: #2671e2;
+}
+.app-top {
+  width: 100%;
+  background: #ffffff;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+  border-radius: 4px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+
+  .app-titel {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    .label {
+      font-size: 14px;
+      font-weight: 400;
+      color: #32363d;
+      line-height: 14px;
+      margin-left: 15px;
+    }
+    .toptimeqhuan {
+      height: 30px;
+      background: #ffffff;
+      display: flex;
+      align-items: center;
+    }
+    .toptimeqhuan div {
+      padding-left: 20px;
+      padding-right: 20px;
+      text-align: center;
+      line-height: 30px;
+      font-size: 14px;
+      margin-right: 15px;
+      border-radius: 4px;
+      border: 1px solid #e0e0e0;
+    }
+  }
+}
+</style>