ホーム エクスプローラ ヘルプ
サインイン
magazine
/
magazine-admin
2
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ソースを参照

添加评论管理

asd123a20 3 年 前
親
036569b540
コミット
c235c5dbb2
22 ファイル変更、13007 行追加、0 行削除
分割表示 差分情報を表示
  1. 3 0
      admin-discuss/.browserslistrc
  2. 5 0
      admin-discuss/.editorconfig
  3. 2 0
      admin-discuss/.env
  4. 1 0
      admin-discuss/.eslintignore
  5. 23 0
      admin-discuss/.eslintrc.js
  6. 23 0
      admin-discuss/.gitignore
  7. 24 0
      admin-discuss/README.md
  8. 5 0
      admin-discuss/babel.config.js
  9. 12565 0
      admin-discuss/package-lock.json
  10. 35 0
      admin-discuss/package.json
  11. BIN
      admin-discuss/public/favicon.ico
  12. 17 0
      admin-discuss/public/index.html
  13. 24 0
      admin-discuss/src/App.vue
  14. BIN
      admin-discuss/src/assets/logo.png
  15. 48 0
      admin-discuss/src/main.js
  16. 3 0
      admin-discuss/src/public-path.js
  17. 11 0
      admin-discuss/src/router/index.js
  18. 58 0
      admin-discuss/src/store/index.js
  19. 118 0
      admin-discuss/src/views/home.vue
  20. 33 0
      admin-discuss/vue.config.js
  21. 6 0
      admin-frame/lib/apps.js
  22. 3 0
      xms.code-workspace

+ 3 - 0
admin-discuss/.browserslistrc
ファイルの表示 

@@ -0,0 +1,3 @@
 
+> 1%
 
+last 2 versions
 
+not dead

+ 5 - 0
admin-discuss/.editorconfig
ファイルの表示 

@@ -0,0 +1,5 @@
 
+[*.{js,jsx,ts,tsx,vue}]
 
+indent_style = space
 
+indent_size = 2
 
+trim_trailing_whitespace = true
 
+insert_final_newline = true

+ 2 - 0
admin-discuss/.env
ファイルの表示 

@@ -0,0 +1,2 @@
 
+# 窗口使用弹出还是抽屉 (dialog And drawer)
 
+VUE_APP_WINDOW=dialog

+ 1 - 0
admin-discuss/.eslintignore
ファイルの表示 

@@ -0,0 +1 @@
 
+public-path.js

+ 23 - 0
admin-discuss/.eslintrc.js
ファイルの表示 

@@ -0,0 +1,23 @@
 
+module.exports = {
 
+  root: true,
 
+  env: {
 
+    node: true
 
+  },
 
+  extends: [
 
+    'plugin:vue/essential',
 
+    '@vue/standard'
 
+  ],
 
+  parserOptions: {
 
+    parser: 'babel-eslint'
 
+  },
 
+  rules: {
 
+    'no-console': 0,
 
+    'no-debugger': 0,
 
+    'comma-dangle': [2, 'never'],
 
+    'no-extra-parens': 2,
 
+    'no-extra-semi': 2,
 
+    semi: [2, 'always'],
 
+    'space-before-function-paren': [0, 'always'],
 
+    eqeqeq: 0
 
+  }
 
+};

+ 23 - 0
admin-discuss/.gitignore
ファイルの表示 

@@ -0,0 +1,23 @@
 
+.DS_Store
 
+node_modules
 
+/dist
 
+
 
+
 
+# local env files
 
+.env.local
 
+.env.*.local
 
+
 
+# Log files
 
+npm-debug.log*
 
+yarn-debug.log*
 
+yarn-error.log*
 
+pnpm-debug.log*
 
+
 
+# Editor directories and files
 
+.idea
 
+.vscode
 
+*.suo
 
+*.ntvs*
 
+*.njsproj
 
+*.sln
 
+*.sw?

+ 24 - 0
admin-discuss/README.md
ファイルの表示 

@@ -0,0 +1,24 @@
 
+# admin-role
 
+
 
+## Project setup
 
+```
 
+npm install
 
+```
 
+
 
+### Compiles and hot-reloads for development
 
+```
 
+npm run serve
 
+```
 
+
 
+### Compiles and minifies for production
 
+```
 
+npm run build
 
+```
 
+
 
+### Lints and fixes files
 
+```
 
+npm run lint
 
+```
 
+
 
+### Customize configuration
 
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
admin-discuss/babel.config.js
ファイルの表示 

@@ -0,0 +1,5 @@
 
+module.exports = {
 
+  presets: [
 
+    '@vue/cli-plugin-babel/preset'
 
+  ]
 
+};

ファイルの差分が大きいため隠しています
+ 12565 - 0
admin-discuss/package-lock.json


+ 35 - 0
admin-discuss/package.json
ファイルの表示 

@@ -0,0 +1,35 @@
 
+{
 
+  "name": "admin-discuss",
 
+  "version": "0.1.0",
 
+  "private": true,
 
+  "scripts": {
 
+    "serve": "vue-cli-service serve",
 
+    "build": "vue-cli-service build",
 
+    "lint": "vue-cli-service lint"
 
+  },
 
+  "dependencies": {
 
+    "core-js": "^3.6.5",
 
+    "element-ui": "^2.15.6",
 
+    "sass": "^1.48.0",
 
+    "sass-loader": "^10.0.0",
 
+    "vue": "^2.6.11",
 
+    "vue-router": "^3.2.0",
 
+    "vuex": "^3.4.0"
 
+  },
 
+  "devDependencies": {
 
+    "@vue/cli-plugin-babel": "~4.5.0",
 
+    "@vue/cli-plugin-eslint": "~4.5.0",
 
+    "@vue/cli-plugin-router": "~4.5.0",
 
+    "@vue/cli-plugin-vuex": "~4.5.0",
 
+    "@vue/cli-service": "~4.5.0",
 
+    "@vue/eslint-config-standard": "^5.1.2",
 
+    "babel-eslint": "^10.1.0",
 
+    "eslint": "^6.7.2",
 
+    "eslint-plugin-import": "^2.20.2",
 
+    "eslint-plugin-node": "^11.1.0",
 
+    "eslint-plugin-promise": "^4.2.1",
 
+    "eslint-plugin-standard": "^4.0.0",
 
+    "eslint-plugin-vue": "^6.2.2",
 
+    "vue-template-compiler": "^2.6.11"
 
+  }
 
+}

BIN
admin-discuss/public/favicon.ico
ファイルの表示


+ 17 - 0
admin-discuss/public/index.html
ファイルの表示 

@@ -0,0 +1,17 @@
 
+<!DOCTYPE html>
 
+<html lang="">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <title><%= htmlWebpackPlugin.options.title %></title>
 
+  </head>
 
+  <body>
 
+    <noscript>
 
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
+    </noscript>
 
+    <div id="app"></div>
 
+    <!-- built files will be auto injected -->
 
+  </body>
 
+</html>

+ 24 - 0
admin-discuss/src/App.vue
ファイルの表示 

@@ -0,0 +1,24 @@
 
+<template>
 
+  <div id="app">
 
+    <router-view></router-view>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  components: {},
 
+  computed: {},
 
+  data() {
 
+    return {};
 
+  },
 
+  mounted() {},
 
+  methods: {}
 
+};
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+#app {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+</style>

BIN
admin-discuss/src/assets/logo.png
ファイルの表示


+ 48 - 0
admin-discuss/src/main.js
ファイルの表示 

@@ -0,0 +1,48 @@
 
+import Vue from 'vue';
 
+import App from './App.vue';
 
+import VueRouter from 'vue-router';
 
+import routes from './router';
 
+import store from './store';
 
+import ElementUI from 'element-ui';
 
+import 'element-ui/lib/theme-chalk/index.css';
 
+import './public-path.js';
 
+import dict from '@lib/dict.js';
 
+import tree from '@lib/tree.js';
 
+import resChange from '@lib/resChange.js';
 
+Vue.config.productionTip = false;
 
+Vue.use(VueRouter);
 
+Vue.use(ElementUI);
 
+Vue.use(dict);
 
+Vue.use(tree);
 
+Vue.use(resChange);
 
+let router = null;
 
+let instance = null;
 
+function render (props = {}) {
 
+  const { container } = props;
 
+  router = new VueRouter({
 
+    base: window.__POWERED_BY_QIANKUN__ ? '/admin/discuss/' : '/',
 
+    mode: 'history',
 
+    routes
 
+  });
 
+  instance = new Vue({
 
+    router,
 
+    store,
 
+    render: (h) => h(App)
 
+  }).$mount(container ? container.querySelector('#app') : '#app');
 
+}
 
+
 
+// 独立运行时
 
+if (!window.__POWERED_BY_QIANKUN__) {
 
+  render();
 
+}
 
+
 
+export async function bootstrap () {}
 
+export async function mount (props) {
 
+  render(props);
 
+}
 
+export async function unmount () {
 
+  instance.$destroy();
 
+  instance.$el.innerHTML = '';
 
+  instance = null;
 
+  router = null;
 
+}

+ 3 - 0
admin-discuss/src/public-path.js
ファイルの表示 

@@ -0,0 +1,3 @@
 
+if (window.__POWERED_BY_QIANKUN__) {
 
+  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
 
+}

+ 11 - 0
admin-discuss/src/router/index.js
ファイルの表示 

@@ -0,0 +1,11 @@
 
+import home from '../views/home.vue';
 
+
 
+const routes = [
 
+  {
 
+    path: '/home',
 
+    name: 'home',
 
+    component: home
 
+  }
 
+];
 
+
 
+export default routes;

+ 58 - 0
admin-discuss/src/store/index.js
ファイルの表示 

@@ -0,0 +1,58 @@
 
+import Vue from 'vue';
 
+import Vuex from 'vuex';
 
+import $axios from '@lib/axios.js';
 
+const api = {
 
+  discussCreate: '/api/media/discuss/create',
 
+  discussUpdate: '/api/media/discuss/update',
 
+  discussDelete: '/api/media/discuss/delete',
 
+  discussQuery: '/api/media/discuss/query',
 
+  dictQuery: '/api/code/dictionary/query'
 
+};
 
+Vue.use(Vuex);
 
+const state = () => ({
 
+  Total: 0,
 
+  discussList: [],
 
+  dict: {}
 
+});
 
+
 
+const actions = {
 
+  async statusQuery ({ commit }) {
 
+    const res = await $axios.get(api.dictQuery, { parentCode: 'discussStatus' });
 
+    commit('statusQuery', res);
 
+    return res;
 
+  },
 
+  async discussCreate ({ commit }, payload) {
 
+    const res = await $axios.post(api.discussCreate, payload);
 
+    return res;
 
+  },
 
+  async discussUpdate ({ commit }, payload) {
 
+    const res = await $axios.post(api.discussUpdate, { ...payload, id: payload._id });
 
+    return res;
 
+  },
 
+  async discussDelete ({ commit }, { id }) {
 
+    const res = await $axios.delete(`${api.discussDelete}/${id}`);
 
+    return res;
 
+  },
 
+  async discussQuery ({ commit }, { filter, paging } = {}) {
 
+    const res = await $axios.get(api.discussQuery, { ...filter, skip: paging.page, limit: paging.size });
 
+    commit('discussQuery', res);
 
+    return res;
 
+  }
 
+};
 
+
 
+const mutations = {
 
+  statusQuery(state, payload) {
 
+    state.dict.discussStatus = payload.data;
 
+  },
 
+  discussQuery(state, payload) {
 
+    state.discussList = payload.data;
 
+    state.Total = payload.total;
 
+  }
 
+};
 
+
 
+export default new Vuex.Store({
 
+  state,
 
+  actions,
 
+  mutations,
 
+  modules: {}
 
+});

+ 118 - 0
admin-discuss/src/views/home.vue
ファイルの表示 

@@ -0,0 +1,118 @@
 
+<template>
 
+  <div class="box">
 
+    <el-card class="box-card">
 
+      <div slot="header" class="clearfix">
 
+        <span>评论管理</span>
 
+        <el-button style="float: right; padding: 3px 0" type="text" @click="adddiscuss">添加评论</el-button>
 
+      </div>
 
+      <div class="main">
 
+        <filterList ref="filterList" :tableData="discussList" :filed="filed" @edit="filtereEdit" @delete="filterDelete" @query="filterQuery" :total="Total"></filterList>
 
+      </div>
 
+    </el-card>
 
+    <dialogAndDrawer :width="'35%'" :title="title" :visibleSync="visibleSync" v-if="visibleSync" @close="visibleSync = false">
 
+      <template v-slot:windowMain>
 
+        <formData :filed="formfiled" :data="formdata" :rules="formrules" @save="formSave"></formData>
 
+      </template>
 
+    </dialogAndDrawer>
 
+  </div>
 
+</template>
 
+<script>
 
+import filterList from '@components/filterList/index.vue';
 
+import dialogAndDrawer from '@components/dialogAndDrawer.vue';
 
+import formData from '@components/formData/index.vue';
 
+import { mapState, mapActions } from 'vuex';
 
+export default {
 
+  components: {
 
+    filterList,
 
+    dialogAndDrawer,
 
+    formData
 
+  },
 
+  data() {
 
+    return {
 
+      title: '',
 
+      visibleSync: false,
 
+      filed: [
 
+        { name: 'msg', label: '内容' },
 
+        { name: 'status', label: '状态', filter: true, formater: 'dict:discussStatus' }
 
+      ],
 
+      formdata: {},
 
+      formfiled: [
 
+        { name: 'source', label: 'source' },
 
+        { name: 'target', label: 'target' },
 
+        { name: 'parentId', label: 'parentId' },
 
+        { name: 'msg', label: '内容' },
 
+        { name: 'status', label: '状态', formater: 'dict:discussStatus' }
 
+      ],
 
+      formrules: {
 
+        status: [
 
+          { required: true, message: '请选择状态', trigger: 'change' }
 
+        ]
 
+      }
 
+    };
 
+  },
 
+  computed: {
 
+    ...mapState(['discussList', 'Total'])
 
+  },
 
+  async created() {
 
+    await this.statusQuery();
 
+    await this.filterQuery();
 
+  },
 
+  methods: {
 
+    ...mapActions(['discussQuery', 'discussCreate', 'discussUpdate', 'discussDelete', 'statusQuery']),
 
+    // 添加
 
+    adddiscuss () {
 
+      this.formdata = {};
 
+      this.title = '添加评论';
 
+      this.visibleSync = true;
 
+    },
 
+    // 修改
 
+    filtereEdit (e) {
 
+      this.formdata = e;
 
+      this.title = '修改评论';
 
+      this.visibleSync = true;
 
+    },
 
+    // 删除
 
+    async filterDelete (e) {
 
+      const res = await this.discussDelete({ id: e?._id });
 
+      this.$resChange(res, '删除成功');
 
+      this.filterQuery();
 
+    },
 
+    // 查询
 
+    async filterQuery ({ filter = {}, paging = { page: 0, size: 10 } } = {}) {
 
+      await this.discussQuery({ filter, paging });
 
+    },
 
+    // 表单保存
 
+    async formSave (e) {
 
+      if (e.isRevise && e?.isRevise == false) {
 
+        this.$message.warning('未作修改');
 
+        return;
 
+      }
 
+      this.$delete(e, 'isRevise');
 
+      let res, msg;
 
+      // 修改
 
+      if (e._id) {
 
+        res = await this.discussUpdate(e);
 
+        msg = '评论添加成功';
 
+      } else {
 
+        res = await this.discussCreate(e);
 
+        msg = '评论修改成功';
 
+      }
 
+      this.$resChange(res, msg);
 
+      this.filterQuery();
 
+      this.visibleSync = false;
 
+    }
 
+  }
 
+};
 
+</script>
 
+<style lang="scss" scoped>
 
+.box {
 
+  width: 100%;
 
+  height: 100%;
 
+  .box-card {
 
+    height: 100%;
 
+    .el-card__body {
 
+      height: 100%;
 
+    }
 
+  }
 
+}
 
+</style>

+ 33 - 0
admin-discuss/vue.config.js
ファイルの表示 

@@ -0,0 +1,33 @@
 
+const path = require('path');
 
+const frameSrc = path.resolve(__dirname, '../admin-frame');
 
+const packageName = require('./package.json').name;
 
+module.exports = {
 
+  publicPath: `/${packageName}/`,
 
+  outputDir: path.join(frameSrc, `../../admin-web/${packageName}/`),
 
+  devServer: {
 
+    port: 3024,
 
+    headers: {
 
+      'Access-Control-Allow-Origin': '*'
 
+    },
 
+    proxy: {
 
+      '/api/': {
 
+        // target: 'http://192.168.0.45:18090'
 
+        target: 'http://192.168.3.45:18090'
 
+      }
 
+    }
 
+  },
 
+  configureWebpack: {
 
+    output: {
 
+      library: `${packageName}-[name]`,
 
+      libraryTarget: 'umd',
 
+      jsonpFunction: `webpackJsonp_${packageName}`
 
+    },
 
+    resolve: {
 
+      alias: {
 
+        '@components': path.join(frameSrc, '/src/components'),
 
+        '@style': path.join(frameSrc, '/style'),
 
+        '@lib': path.join(frameSrc, '/lib')
 
+      }
 
+    }
 
+  }
 
+};

+ 6 - 0
admin-frame/lib/apps.js
ファイルの表示 

@@ -146,5 +146,11 @@ export default [
 
     entry: config.dev ? '//localhost:3023/admin-files/' : 'admin-files',
 
     container: config.tabs ? '#files' : '#content',
 
     activeRule: '/admin/files'
 
+  },
 
+  {
 
+    name: 'admin-discuss',
 
+    entry: config.dev ? '//localhost:3024/admin-discuss/' : 'admin-discuss',
 
+    container: config.tabs ? '#discuss' : '#content',
 
+    activeRule: '/admin/discuss'
 
   }
 
 ];

+ 3 - 0
xms.code-workspace
ファイルの表示 

@@ -69,6 +69,9 @@
 
 		{
 
 			"path": "admin-files"
 
 		},
 
+		{
 
+			"path":  "admin-discuss"
 
+		},
 
 	],
 
 	"settings": {}
 
 }