From de27609baf4e296ae85b86c41b5de43db062155c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com> Date: Wed, 16 Aug 2023 13:41:53 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E8=AF=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/zongzhi/netZoology/netP/index.js | 53 +++ src/assets/styles/element-variables.scss | 4 +- src/store/getters.js | 1 + src/store/modules/user.js | 5 + src/views/netZoology/netArticle/index.vue | 68 ++- src/views/netZoology/netP/index.vue | 545 +++++++++++++++++++++- 6 files changed, 669 insertions(+), 7 deletions(-) diff --git a/src/api/zongzhi/netZoology/netP/index.js b/src/api/zongzhi/netZoology/netP/index.js index e69de29..5125752 100644 --- a/src/api/zongzhi/netZoology/netP/index.js +++ b/src/api/zongzhi/netZoology/netP/index.js @@ -0,0 +1,53 @@ +import request from "@/utils/request"; + +// 查询网评列表 +export function listEvaluate(query) { + return request({ + url: "/zongzhi/evaluate/list", + method: "get", + params: query, + }); +} + +// 查询网评详细 +export function getEvaluate(id) { + return request({ + url: "/zongzhi/evaluate/" + id, + method: "get", + }); +} + +// 新增网评 +export function addEvaluate(data) { + return request({ + url: "/zongzhi/evaluate", + method: "post", + data: data, + }); +} + +// 修改网评 +export function updateEvaluate(data) { + return request({ + url: "/zongzhi/evaluate", + method: "put", + data: data, + }); +} + +// 删除网评 +export function delEvaluate(id) { + return request({ + url: "/zongzhi/evaluate/" + id, + method: "delete", + }); +} + +// 导出网评 +export function exportEvaluate(data) { + return request({ + url: "/zongzhi/evaluate/export", + method: "post", + data, + }); +} diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss index 1615ff2..1572dc3 100644 --- a/src/assets/styles/element-variables.scss +++ b/src/assets/styles/element-variables.scss @@ -8,7 +8,7 @@ $--color-primary: #1890ff; $--color-success: #13ce66; $--color-warning: #ffba00; $--color-danger: #ff4949; -// $--color-info: #1E1E1E; +$--color-info: #1e1e1e; $--button-font-weight: 400; @@ -20,7 +20,7 @@ $--border-color-lighter: #e6ebf5; $--table-border: 1px solid #dfe6ec; /* icon font path, required */ -$--font-path: '~element-ui/lib/theme-chalk/fonts'; +$--font-path: "~element-ui/lib/theme-chalk/fonts"; @import "~element-ui/packages/theme-chalk/src/index"; diff --git a/src/store/getters.js b/src/store/getters.js index 24646df..39ca80e 100644 --- a/src/store/getters.js +++ b/src/store/getters.js @@ -8,6 +8,7 @@ const getters = { token: (state) => state.user.token, avatar: (state) => state.user.avatar, name: (state) => state.user.name, + userId: (state) => state.user.userId, introduction: (state) => state.user.introduction, roles: (state) => state.user.roles, permissions: (state) => state.user.permissions, diff --git a/src/store/modules/user.js b/src/store/modules/user.js index 95c312c..3c4528e 100644 --- a/src/store/modules/user.js +++ b/src/store/modules/user.js @@ -10,6 +10,7 @@ const user = { roles: [], permissions: [], townList: [], + userId: null, }, mutations: { @@ -19,6 +20,9 @@ const user = { SET_NAME: (state, name) => { state.name = name; }, + SET_USER_ID: (state, id) => { + state.userId = id; + }, SET_AVATAR: (state, avatar) => { state.avatar = avatar; }, @@ -71,6 +75,7 @@ const user = { commit("SET_ROLES", ["ROLE_DEFAULT"]); } commit("SET_NAME", user.userName); + commit("SET_USER_ID", user.userId); commit("SET_AVATAR", avatar); getownList().then((res) => { commit("SET_TOWN", res); diff --git a/src/views/netZoology/netArticle/index.vue b/src/views/netZoology/netArticle/index.vue index eb35ab3..64d6b49 100644 --- a/src/views/netZoology/netArticle/index.vue +++ b/src/views/netZoology/netArticle/index.vue @@ -143,6 +143,13 @@ > 查看 + 评价 + + +
评价
+ + + + + +
+ 确 定 + 取 消 +
+ @@ -297,13 +333,14 @@ import { } from "@/api/zongzhi/netZoology/netArticle/index.js"; export default { computed: { - ...mapGetters(["townList"]), + ...mapGetters(["townList", "name", "userId"]), }, name: "Article", //注释字典 dicts: ["tc_wz_type", "tc_yq_media", "tc_pj_status"], data() { return { + pjShow: false, tableHeigth: 0, //查看详情 infoOpen: false, @@ -343,6 +380,7 @@ export default { form: {}, // 表单校验 rules: {}, + formPj: {}, }; }, created() { @@ -357,6 +395,33 @@ export default { }); }, methods: { + /**评价 */ + handPj(row) { + this.formPj = { + appraiserId: this.userId, + appraiserName: this.name, + areaId: row.areaId, + // articleContent:'', + articleId: row.id, + articleSource: row.source, + articleTitle: row.articleTitle, + articleType: row.type, + articleUrl: row.url, + pjContent: "", + }; + console.log(this.formPj); + this.pjShow = true; + }, + submitFormPj() { + this.$refs["formPj"].validate((valid) => { + if (valid) { + } + }); + }, + cancelPj() { + this.pjShow = false; + this.formPj = {}; + }, /** 查询网络文章列表 */ getList() { this.loading = true; @@ -366,6 +431,7 @@ export default { this.loading = false; }); }, + // 取消按钮 cancel() { this.open = false; diff --git a/src/views/netZoology/netP/index.vue b/src/views/netZoology/netP/index.vue index bf4541e..72783fa 100644 --- a/src/views/netZoology/netP/index.vue +++ b/src/views/netZoology/netP/index.vue @@ -1,9 +1,546 @@ +import { mapGetters } from "vuex"; +import { + listEvaluate, + getEvaluate, + delEvaluate, + addEvaluate, + updateEvaluate, + exportEvaluate, +} from "@/api/zongzhi/netZoology/netP/index.js"; +export default { + computed: { + ...mapGetters(["townList"]), + }, + name: "Evaluate", + //注释字典 + dicts: ["tc_wz_type", "tc_yq_media"], + data() { + return { + tableHeigth: 0, + //查看详情 + infoOpen: false, + //详情标题 + infoTitle: "", + // 遮罩层 + loading: true, + // 导出遮罩层 + exportLoading: false, + // 选中数组 + ids: [], + // 非单个禁用 + single: true, + // 非多个禁用 + multiple: true, + // 显示搜索条件 + showSearch: true, + // 总条数 + total: 0, + // 网评表格数据 + evaluateList: [], + // 弹出层标题 + title: "", + // 是否显示弹出层 + open: false, + // 查询参数 + queryParams: { + pageNum: 1, + pageSize: 10, + articleType: null, + + appraiserName: null, + + source: null, + }, + // 表单参数 + form: {}, + // 表单校验 + rules: {}, + }; + }, + created() { + // //给表格一个固定值 + this.$nextTick(() => { + this.tableHeigth = + this.$refs.main.offsetHeight - + (this.$refs.topSearch.offsetHeight + + this.$refs.tableTool.offsetHeight) - + 46; + this.getList(); + }); + }, + methods: { + /** 查询网评列表 */ + getList() { + this.loading = true; + listEvaluate(this.queryParams).then((response) => { + this.evaluateList = response.rows; + this.total = response.total; + this.loading = false; + }); + }, + // 取消按钮 + cancel() { + this.open = false; + this.reset(); + }, + // 表单重置 + reset() { + this.form = { + id: null, + + areaId: null, - + articleId: null, + + articleType: null, + + appraiserId: null, + + appraiserName: null, + + articleTitle: null, + + articleContent: null, + + source: null, + + articleUrl: null, + + pjContent: null, + + pjTime: null, + + createId: null, + + createBy: null, + + createTime: null, + + updateId: null, + + updateBy: null, + + updateTime: null, + + remark: null, + }; + this.resetForm("form"); + }, + /** 搜索按钮操作 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 重置按钮操作 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + // 多选框选中数据 + handleSelectionChange(selection) { + this.ids = selection.map((item) => item.id); + this.single = selection.length !== 1; + this.multiple = !selection.length; + }, + /**查看按钮操作 */ + handleInfo(row) { + this.reset(); + const id = row.id || this.ids; + getEvaluate(id).then((response) => { + this.form = response.data; + this.infoOpen = true; + this.infoTitle = "查看网评详情"; + }); + }, + /** 新增按钮操作 */ + handleAdd() { + this.reset(); + this.open = true; + this.title = "添加网评"; + }, + /** 修改按钮操作 */ + handleUpdate(row) { + this.reset(); + const id = row.id || this.ids; + getEvaluate(id).then((response) => { + this.form = response.data; + this.open = true; + this.title = "修改网评"; + }); + }, + /** 提交按钮 */ + submitForm() { + this.$refs["form"].validate((valid) => { + if (valid) { + if (this.form.id != null) { + updateEvaluate(this.form).then((response) => { + this.$modal.msgSuccess("修改成功"); + this.open = false; + this.getList(); + }); + } else { + addEvaluate(this.form).then((response) => { + this.$modal.msgSuccess("新增成功"); + this.open = false; + this.getList(); + }); + } + } + }); + }, + /** 删除按钮操作 */ + handleDelete(row) { + const ids = row.id || this.ids; + this.$confirm('是否确认删除网评编号为"' + ids + '"的数据项?', "警告", { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning", + }) + .then(function () { + return delEvaluate(ids); + }) + .then(() => { + this.getList(); + this.msgSuccess("删除成功"); + }) + .catch(() => {}); + }, + /** 导出按钮操作 */ + handleExport() { + const queryParams = this.queryParams; + this.$confirm("是否确认导出所有网评数据项?", "警告", { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning", + }) + .then(() => { + this.download( + "/zongzhi/evaluate/export", + { + ...this.queryParams, + }, + "网评_" + new Date().getTime() + ".xlsx" + ); + this.exportLoading = false; + }) + .catch(() => {}); + }, + }, +}; +