From 31d28627f1b4879e0f272f6d29a752be5bdc0f38 Mon Sep 17 00:00:00 2001
From: Chopper <liushuai711@gmail.com>
Date: Mon, 26 Jul 2021 16:02:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=83=AD=E8=AF=8D=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manager/src/api/index.js                      |  11 ++
 .../views/page/article-manage/hotWords.vue    | 123 ++++++++++++++++++
 2 files changed, 134 insertions(+)
 create mode 100644 manager/src/views/page/article-manage/hotWords.vue

diff --git a/manager/src/api/index.js b/manager/src/api/index.js
index c07340ad..611d6849 100644
--- a/manager/src/api/index.js
+++ b/manager/src/api/index.js
@@ -438,3 +438,14 @@ export const delCustom = (id) => {
   return deleteRequest(`/manager/custom-words/${id}`);
 };
 
+// 设置热搜词
+export const setHotWords = (params) => {
+  return postRequest(`/hotwords`, params);
+};
+
+
+// 获取热搜词
+export const getHotWords = () => {
+  return getRequest(`/hotwords`);
+};
+
diff --git a/manager/src/views/page/article-manage/hotWords.vue b/manager/src/views/page/article-manage/hotWords.vue
new file mode 100644
index 00000000..78d7041c
--- /dev/null
+++ b/manager/src/views/page/article-manage/hotWords.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="search">
+    <Card>
+      <Row class="operation">
+        <Button @click="add()" type="primary">设置今日热词</Button>
+      </Row>
+      <Row>
+        <p>
+          <Alert type="success">
+            这里展示今日系统中搜索前一百的搜索热词，分数为热词在排序系统中的分数，分数越高，可以在用户获取热词时进行优先展示（首页商品搜索栏下方推荐位）（分数可以填写负数，会降低推荐度）
+          </Alert>
+        </p>
+      </Row>
+
+      <div class="card-list">
+        <Card v-for="words in data" class="card-item" onclick="">
+          <p><a href="#" slot="extra" @click.prevent="add(words)">{{ words }}</a></p>
+        </Card>
+      </div>
+
+    </Card>
+    <Modal
+      :title="modalTitle"
+      v-model="modalVisible"
+      :mask-closable="false"
+      :width="500"
+    >
+      <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
+        <FormItem label="热词" prop="name">
+          <Input v-model="form.keywords" clearable style="width: 100%"/>
+        </FormItem>
+        <FormItem label="分数" prop="name">
+          <Input v-model="form.point" clearable style="width: 100%"/>
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import {
+  getHotWords,
+  setHotWords
+} from "@/api/index";
+
+export default {
+  name: "hotWords",
+  components: {},
+  data() {
+    return {
+      loading: true, // 表单加载状态
+      modalVisible: false,//弹出框
+      form: {
+        keywords: "",
+        point: 0,
+      },
+      data: [], // 表单数据
+    };
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    getDataList() {
+      this.loading = true;
+      getHotWords().then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result;
+        }
+      });
+      this.loading = false;
+    },
+    handleSubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          setHotWords(this.form).then((res) => {
+            this.submitLoading = false;
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getDataList();
+              this.modalVisible = false;
+            }
+          });
+        }
+      });
+    },
+    //设置热词优先
+    add(words) {
+      this.modalType = 0;
+      this.modalTitle = "设置热词";
+      if (words) {
+        this.form.keywords = words;
+      } else {
+        this.form.keywords = '';
+      }
+      this.form.point = 1;
+      this.$refs.form.resetFields();
+      this.modalVisible = true;
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss" scoped>
+.card-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.card-item {
+  min-width: 100px;
+  margin: 20px;
+}
+</style>