From c53990299accd04a9b4e40e15f3a95f0e503630d Mon Sep 17 00:00:00 2001
From: wxxwjef <505322415@qq.com>
Date: Fri, 12 May 2023 16:08:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=A1=E7=9B=AE=E5=92=8C=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E7=AE=A1=E7=90=86=E8=8F=9C=E5=8D=95=E6=96=B0?=
 =?UTF-8?q?=E6=B7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/menus/EntrysManage.vue     | 328 ++++++++++++++++++
 .../components/menus/FeedbackTypeManage.vue   | 198 +++++++++++
 web/src/router/index.js                       |  10 +-
 web/src/utils/menu.js                         |  12 +
 4 files changed, 547 insertions(+), 1 deletion(-)
 create mode 100644 web/src/components/menus/EntrysManage.vue
 create mode 100644 web/src/components/menus/FeedbackTypeManage.vue

diff --git a/web/src/components/menus/EntrysManage.vue b/web/src/components/menus/EntrysManage.vue
new file mode 100644
index 0000000..654d80a
--- /dev/null
+++ b/web/src/components/menus/EntrysManage.vue
@@ -0,0 +1,328 @@
+<template>
+  <div>
+    <div class="menu-title">
+      条目管理
+    </div>
+    <div class="menu-content">
+      <div>
+        <el-form :inline="true" :model="qo" class="demo-form-inline">
+          <el-form-item>
+            <el-input v-model="qo.LIKES_categories" placeholder="请输入种类"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model="qo.LIKES_labels" placeholder="请输入标签"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div style="margin: 0px 0 20px 0">
+        <el-button type="primary" @click="createRow()">添加</el-button>
+      </div>
+      <div>
+        <el-table :data="result.records" style="width: 100%">
+          <el-table-column type="index" label="行号" width="60"></el-table-column>
+          <el-table-column prop="fid" label="fid"></el-table-column>
+          <el-table-column prop="categories" label="种类">
+            <div slot-scope="scope">
+              <template v-for="(tag,index) in scope.row.categoriesArr">
+                <el-tag :key="index" v-if="index < 5">{{ tag }}</el-tag>
+              </template>
+              <el-tag v-if="scope.row.categoriesArr.length > 10">...</el-tag>
+            </div>
+          </el-table-column>
+          <el-table-column prop="labels" label="标签">
+            <div slot-scope="scope">
+              <template v-for="(tag,index) in scope.row.labelsArr">
+                <el-tag :key="index" v-if="index < 5">{{ tag }}</el-tag>
+              </template>
+              <el-tag v-if="scope.row.labelsArr.length > 5">...</el-tag>
+            </div>
+          </el-table-column>
+          <el-table-column prop="isHidden" label="是否隐藏" width="100">
+            <template slot-scope="scope">
+              {{ scope.row.isHidden ? '是' : '否' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="description" label="描述">
+            <template slot-scope="scope">
+              {{ scope.row.description.substring(0, 100) }}{{ scope.row.description.length > 100 ? '...' : '' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>
+          <el-table-column label="操作" width="100">
+            <template slot-scope="scope">
+              <el-button @click.native.prevent="modifyRow(scope.row)" type="text" size="small">
+                编辑
+              </el-button>
+              <el-button @click.native.prevent="removeRow(scope.row)" type="text" size="small">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="page-box">
+        <el-pagination background
+                       @current-change="handleCurrentChange"
+                       :current-page="qo.pageNo"
+                       :page-size="qo.pageSize"
+                       layout="total, prev, pager, next"
+                       :total="result.total">
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog
+        :title="dialogName"
+        :visible.sync="cmdDialogVisible"
+        width="40%">
+      <el-form ref="cmd" label-width="100px" :rules="rules" :model="cmd">
+        <el-form-item label="fid" prop="fid">
+          <el-input v-model="cmd.fid" placeholder="请输入fid"></el-input>
+        </el-form-item>
+        <el-form-item label="种类">
+          <el-tag
+              :key="tag"
+              v-for="(tag,index) in cmd.categoriesArr"
+              closable
+              :disable-transitions="false"
+              @close="handleTagClose(index, 'categories')">
+            {{ tag }}
+          </el-tag>
+          <el-input
+              class="input-new-tag"
+              v-if="categoriesInputVisible"
+              v-model="categoriesInputValue"
+              ref="saveCategoriesTagInput"
+              size="small"
+              @keyup.enter.native="handleInputConfirm('categories')"
+              @blur="handleInputConfirm('categories')"
+          >
+          </el-input>
+          <el-button v-else class="button-new-tag" size="small" @click="showInput('categories')">+ 种 类</el-button>
+        </el-form-item>
+        <el-form-item label="标签">
+          <el-tag
+              :key="tag"
+              v-for="(tag,index) in cmd.labelsArr"
+              closable
+              :disable-transitions="false"
+              @close="handleTagClose(index, 'labels')">
+            {{ tag }}
+          </el-tag>
+          <el-input
+              class="input-new-tag"
+              v-if="labelsInputVisible"
+              v-model="labelsInputValue"
+              ref="saveLabelsTagInput"
+              size="small"
+              @keyup.enter.native="handleInputConfirm('labels')"
+              @blur="handleInputConfirm('labels')"
+          >
+          </el-input>
+          <el-button v-else class="button-new-tag" size="small" @click="showInput('labels')">+ 标 签</el-button>
+        </el-form-item>
+        <el-form-item label="是否隐藏" prop="isHidden">
+          <el-radio v-model="cmd.isHidden" :label="true">是</el-radio>
+          <el-radio v-model="cmd.isHidden" :label="false">否</el-radio>
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input v-model="cmd.description" placeholder="请输入描述" type="textarea" :rows="5"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cmdDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitModify">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request';
+
+var _this;
+export default {
+  name: "entrys",
+  data() {
+    return {
+      qo: {
+        pageNo: 1,
+        pageSize: 10,
+        LIKES_categories: '',
+        LIKES_labels: '',
+      },
+      result: {
+        records: [],
+        total: 0
+      },
+      sourceTypeList: [
+        {name: '自定义本体', value: 1},
+        {name: '标注系统', value: 2}
+      ],
+      dialogName: '编辑',
+      cmdDialogVisible: false,
+      cmd: {},
+      rules: {
+        fid: [
+          {required: true, message: '请输入fid'}
+        ],
+        isHidden: [
+          {required: true, message: '请选择是否隐藏'}
+        ],
+      },
+      categoriesInputValue: '',
+      categoriesInputVisible: false,
+      labelsInputValue: '',
+      labelsInputVisible: false
+    }
+  },
+  mounted() {
+    _this = this;
+    _this.queryData();
+  },
+  methods: {
+    queryData() {
+      request({
+        url: '/entrys/query_pages',
+        method: 'post',
+        data: _this.qo
+      }).then(res => {
+        res.data.records.forEach(row => {
+          row.categoriesArr = row.categories ? row.categories.split(',') : [];
+          row.labelsArr = row.labels ? row.labels.split(',') : [];
+        });
+
+        _this.result.records = res.data.records;
+        _this.result.total = res.data.total;
+      });
+    },
+    handleCurrentChange(val) {
+      _this.qo.pageNo = val;
+      _this.queryData();
+    },
+    removeRow(item) {
+      _this.$confirm('此操作将永久删除记录, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        request({
+          url: '/entrys/remove/' + item.id,
+          method: 'post'
+        }).then(res => {
+          _this.$message.success("删除成功");
+          _this.queryData();
+        });
+      }).catch(() => {
+      });
+    },
+    createRow() {
+      _this.dialogName = '新建';
+      _this.cmdDialogVisible = true;
+      _this.$nextTick(_=> {
+        _this.$refs['cmd'].clearValidate();
+        _this.cmd = {
+          fid: '',
+          isHidden: false,
+          categoriesArr: [],
+          labelsArr: [],
+          description: ''
+        };
+      })
+    },
+    modifyRow(item) {
+      _this.dialogName = '编辑';
+      _this.cmdDialogVisible = true;
+      _this.$nextTick(_=> {
+        _this.$refs['cmd'].clearValidate();
+        _this.cmd = JSON.parse(JSON.stringify(item));
+      })
+    },
+    submitModify() {
+      this.$refs.cmd.validate((valid) => {
+        if (valid) {
+          if(_this.cmd.categoriesArr) {
+            _this.cmd.categories = _this.cmd.categoriesArr.toString();
+          }
+          if(_this.cmd.labelsArr) {
+            _this.cmd.labels = _this.cmd.labelsArr.toString();
+          }
+
+          if (_this.cmd.id) {
+            request({
+              url: '/entrys/modify',
+              method: 'post',
+              data: _this.cmd
+            }).then(res => {
+              _this.$message.success("编辑成功");
+              _this.queryData();
+              _this.cmdDialogVisible = false;
+            });
+          } else { // 新建
+            request({
+              url: '/entrys/create',
+              method: 'post',
+              data: _this.cmd
+            }).then(res => {
+              _this.$message.success("添加成功");
+              _this.cmdDialogVisible = false;
+            });
+          }
+        }
+      });
+    },
+    showInput(typeName) {
+      if (typeName === 'categories') {
+        this.categoriesInputVisible = true;
+        this.$nextTick(_ => {
+          this.$refs.saveCategoriesTagInput.$refs.input.focus();
+        });
+      } else if (typeName === 'labels') {
+        this.labelsInputVisible = true;
+        this.$nextTick(_ => {
+          this.$refs.saveLabelsTagInput.$refs.input.focus();
+        });
+      }
+    },
+    handleTagClose(index, typeName) {
+      _this.cmd[typeName + "Arr"].splice(index, 1);
+    },
+    handleInputConfirm(typeName) {
+      let inputValue = _this[typeName + "InputValue"];
+      if(inputValue) {
+        _this.cmd[typeName + "Arr"].push(inputValue);
+      }
+      _this[typeName + "InputVisible"] = false;
+      _this[typeName + "InputValue"] = "";
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.input-new-tag {
+  margin-bottom: 12px;
+  height: 32px;
+  width: 80px;
+
+  input {
+    height: 32px !important;
+    width: 80px;
+  }
+}
+
+.el-tag {
+  margin-right: 10px;
+  margin-bottom: 10px;
+  height: 32px;
+}
+
+.button-new-tag {
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
+
+}
+</style>
diff --git a/web/src/components/menus/FeedbackTypeManage.vue b/web/src/components/menus/FeedbackTypeManage.vue
new file mode 100644
index 0000000..837e2a5
--- /dev/null
+++ b/web/src/components/menus/FeedbackTypeManage.vue
@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <div class="menu-title">
+      反馈类型管理
+    </div>
+    <div class="menu-content">
+      <div>
+        <el-form :inline="true" :model="qo" class="demo-form-inline">
+          <el-form-item>
+            <el-input v-model="qo.LIKES_name" placeholder="请输入名称"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div style="margin: 0px 0 20px 0">
+        <el-button type="primary" @click="createRow()">添加</el-button>
+      </div>
+      <div>
+        <el-table :data="result.records" style="width: 100%">
+          <el-table-column type="index" label="行号" width="60"></el-table-column>
+          <el-table-column prop="name" label="名称"></el-table-column>
+          <el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>
+          <el-table-column label="操作" width="100">
+            <template slot-scope="scope">
+              <el-button @click.native.prevent="modifyRow(scope.row)" type="text" size="small">
+                编辑
+              </el-button>
+              <el-button @click.native.prevent="removeRow(scope.row)" type="text" size="small">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="page-box">
+        <el-pagination background
+                       @current-change="handleCurrentChange"
+                       :current-page="qo.pageNo"
+                       :page-size="qo.pageSize"
+                       layout="total, prev, pager, next"
+                       :total="result.total">
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog
+        :title="dialogName"
+        :visible.sync="cmdDialogVisible"
+        width="40%">
+      <el-form ref="cmd" label-width="80px" :rules="rules" :model="cmd">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="cmd.name" placeholder="请输入名称"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cmdDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitModify">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request';
+
+var _this;
+export default {
+  name: "feedbackType",
+  data() {
+    return {
+      qo: {
+        pageNo: 1,
+        pageSize: 10,
+        LIKES_name: '',
+      },
+      result: {
+        records: [],
+        total: 0
+      },
+      dialogName: '编辑',
+      cmdDialogVisible: false,
+      cmd: {},
+      rules: {
+        name: [
+          {required: true, message: '请输入名称'}
+        ],
+      },
+    }
+  },
+  mounted() {
+    _this = this;
+    _this.queryData();
+  },
+  methods: {
+    queryData() {
+      request({
+        url: '/feedback-type/query_pages',
+        method: 'post',
+        data: _this.qo
+      }).then(res => {
+        _this.result.records = res.data.records;
+        _this.result.total = res.data.total;
+      });
+    },
+    handleCurrentChange(val) {
+      _this.qo.pageNo = val;
+      _this.queryData();
+    },
+    removeRow(item) {
+      _this.$confirm('此操作将永久删除记录, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        request({
+          url: '/feedback-type/remove/' + item.id,
+          method: 'post'
+        }).then(res => {
+          _this.$message.success("删除成功");
+          _this.queryData();
+        });
+      }).catch(() => {
+      });
+    },
+    createRow() {
+      _this.dialogName = '新建';
+      _this.cmdDialogVisible = true;
+      _this.$nextTick(_=> {
+        _this.$refs['cmd'].clearValidate();
+        _this.cmd = {
+          name: '',
+        };
+      })
+    },
+    modifyRow(item) {
+      _this.dialogName = '编辑';
+      _this.cmdDialogVisible = true;
+      _this.$nextTick(_=> {
+        _this.$refs['cmd'].clearValidate();
+        _this.cmd = JSON.parse(JSON.stringify(item));
+      })
+    },
+    submitModify() {
+      this.$refs.cmd.validate((valid) => {
+        if (valid) {
+          if (_this.cmd.id) {
+            request({
+              url: '/feedback-type/modify',
+              method: 'post',
+              data: _this.cmd
+            }).then(res => {
+              _this.$message.success("编辑成功");
+              _this.queryData();
+              _this.cmdDialogVisible = false;
+            });
+          } else { // 新建
+            request({
+              url: '/feedback-type/create',
+              method: 'post',
+              data: _this.cmd
+            }).then(res => {
+              _this.$message.success("添加成功");
+              _this.cmdDialogVisible = false;
+            });
+          }
+        }
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.input-new-tag {
+  margin-bottom: 12px;
+  height: 32px;
+  width: 80px;
+
+  input {
+    height: 32px !important;
+    width: 80px;
+  }
+}
+
+.el-tag {
+  margin-right: 10px;
+  margin-bottom: 10px;
+  height: 32px;
+}
+
+.button-new-tag {
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
+
+}
+</style>
diff --git a/web/src/router/index.js b/web/src/router/index.js
index 75eda9c..47257fe 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -43,9 +43,17 @@ export default new Router({
                     path: 'graphSpaceManage',
                     component: () => import('@/components/menus/GraphSpaceManage')
                 },
+                {
+                    path: 'entrysManage',
+                    component: () => import('@/components/menus/EntrysManage')
+                },
+                {
+                    path: 'feedbackTypeManage',
+                    component: () => import('@/components/menus/FeedbackTypeManage')
+                },
                 {
                     path: '/',
-                    redirect: "graphModel"
+                    redirect: "entrysManage"
                 },
             ]
         },
diff --git a/web/src/utils/menu.js b/web/src/utils/menu.js
index ac756c0..39c80ff 100644
--- a/web/src/utils/menu.js
+++ b/web/src/utils/menu.js
@@ -9,6 +9,18 @@ const menuList = [
             {index: '1-3', name: "知识图谱导入", icon: "el-icon-user", url: "/graphImport"},
         ]
     },
+    {
+        index: "2",
+        icon: "el-icon-collection",
+        name: "条目管理",
+        url: "/entrysManage"
+    },
+    {
+        index: "3",
+        icon: "el-icon-headset",
+        name: "反馈类型管理",
+        url: "/feedbackTypeManage"
+    }
 ];
 
 /*返回当前菜单列表*/