add(view): 中文排版指北页面

Author: lisgroup

admin/src/permission.js

@@ -17,7 +17,7 @@ if (store.getters.roles.length === 0 && sessionStorage.getItem('roles')) {
 // router.addRoutes(routeAdmin)
 // router.addRoutes(routeSuper)
 
-const whiteList = ['/login', '/index', '/line', '/home', '/404', '/', '', '/md'] // 不重定向白名单
+const whiteList = ['/login', '/index', '/line', '/home', '/404', '/', '', '/md', 'out'] // 不重定向白名单
 router.beforeEach((to, from, next) => {
   NProgress.start()
   if (getToken()) {

admin/src/router/index.js

@@ -28,6 +28,7 @@ const routeBase = [
   { path: '/line', name: 'line', component: () => import('@/views/home/line'), hidden: true },
   { path: '/home', component: () => import('@/views/home/home'), hidden: true },
   { path: '/md', name: 'md', component: () => import('@/views/markdown/index'), hidden: true },
+  { path: '/out', name: 'out', component: () => import('@/views/home/out'), hidden: true },
   { path: '/websocket', name: 'websocket', component: () => import('@/views/home/websocket'), hidden: true },
   { path: '/echarts', name: 'echarts', component: () => import('@/views/echarts/index'), hidden: true },
   // { path: '/index', component: () => import('@/views/home/index'), hidden: true },

admin/src/views/home/out.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <nav-bar/>
+
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item label="" prop="description">
+        <el-col :span="11">
+          <span>输入的内容</span>
+        </el-col>
+        <el-col :span="2">
+          <span>&nbsp;</span>
+        </el-col>
+        <el-col :span="11">
+          <span>输出的内容</span>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="" prop="input">
+        <el-col :span="11">
+          <el-input v-model="form.input" :rows="20" type="textarea"/>
+        </el-col>
+        <el-col :span="2">
+          <span>&nbsp;中文排版输出</span><br><br>&nbsp;
+          <el-button type="primary" @click="onSubmit('form')">输出</el-button>
+          <br><br><br>&nbsp;
+          <el-button type="warning" @click="resetForm('form')">清空</el-button>
+        </el-col>
+        <el-col :span="11">
+          <el-input v-model="output" :rows="20" type="textarea"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item>
+        <el-col :span="10">&nbsp;</el-col>
+        <el-col :span="14">&nbsp;</el-col>
+        <el-col :span="0">&nbsp;</el-col>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'Lines',
+  data() {
+    return {
+      form: {
+        input: '',
+        output: ''
+      },
+      rules: {
+        input: [
+          { required: true, message: '请输入内容', trigger: 'blur' }
+        ]
+      },
+      loading: false,
+      isShow: false,
+      output: ''
+    }
+  },
+  created() {},
+  methods: {
+    onSubmit(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          this.loading = true
+          request.post('/api/output', { input: this.form.input }).then(res => {
+            // this.loading = false
+            // console.log(res.data)
+            if (res.data.to) {
+              this.to = res.data.to
+            }
+            this.output = res.data.output
+          }).catch(err => {
+            return err
+            // console.log(err)
+          })
+          setTimeout(() => {
+            this.loading = false
+          }, 500)
+        } else {
+          // this.$message('error submit!')
+          // console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    onCancel() {
+      this.$message({
+        message: 'cancel!',
+        type: 'warning'
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .el-input {
+    width: 97%;
+    margin-bottom: 3%;
+  }
+
+  .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+</style>