预览配置

src/App.vue

@@ -103,6 +103,15 @@ export default {
                 this.loading = false
             });
             this.$store.commit('setSearchStatusList',searchStatusList)
+            await getLogin('/OrgServer/Manager/SysConfigManager/GetSysConfig_Preview', {})
+            .then((res) => {
+                if(res.status===1){
+                    this.$store.commit('setPreviewUrl',res.preview_server_url)
+                }
+            })
+            .catch(() => {
+                this.loading = false
+            });
         }
     }         
   },

src/components/NavMenu.vue

@@ -180,6 +180,10 @@ export default {
                     {
                         title:'支付配置',
                         index:'pay_setting',
+                    },
+                    {
+                        title:'预览配置',
+                        index:'preview_setting',
                     }
                 ]
             }

src/router/index.js

@@ -135,6 +135,11 @@ export const constantRoutes = [{
             import ('@/views/system_config/ShareSetting.vue')
     },
     {
+        path: '/preview_setting',
+        component: () =>
+            import ('@/views/system_config/PreviewSetting.vue')
+    },
+    {
         path: '/pay_setting',
         component: () =>
             import ('@/views/system_config/PaySetting.vue')

src/store/index.js

@@ -88,6 +88,9 @@ const store = new Vuex.Store({
         },
         setSearchStatusList(state, data) {
             state.$searchStatusList = data
+        },
+        setPreviewUrl(state, data) {
+            state.$file_preview_url = data
         }
     },
     modules: {

src/views/system_config/PreviewSetting.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="manage-root personnel-create">
+    <Header />
+    <div class="manage-root-contain">
+        <nav-menu class="manage-root-contain-left" :activeMenuIndex="activeMenuIndex"></nav-menu>
+        <div class="manage-root-contain-right">
+            <breadcrumb :breadcrumbList="breadcrumbList" class="breadcrumb-box"></breadcrumb>
+            <div class="create-bottom">
+                <h3>预览配置</h3>
+                <el-form :model="registerForm" :rules="rulesRegister" ref="registerForm" label-width="100px" class="registerForm" label-position="top">
+                    <el-form-item label="" prop="article_share_url_path">
+                        <el-input v-model="registerForm.article_share_url_path" autocomplete="off" placeholder="请输入预览路径" @blur="handleTrim('registerForm','article_share_url_path')" maxlength="200">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit('registerForm')" size="small" :loading="loading">保存</el-button>
+                        <el-button @click="onCancel('registerForm')" size="small">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+//这里可以导入其它文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+//例如：import 《组件名称》from ‘《组件路径》';
+import Header from "../../components/Header.vue";
+import NavMenu from "../../components/NavMenu.vue"
+import Breadcrumb from '../../components/Breadcrumb.vue';
+import { getLogin } from "@/api/ajax";
+
+export default {
+  //import引入的组件需要注入到对象中才能使用
+  components: { Header, NavMenu, Breadcrumb },
+  props: {},
+  data() {
+    //这里存放数据
+    return {
+        activeMenuIndex: "preview_setting",
+        breadcrumbList:[
+            {
+                icon:'setting',
+                url:'',
+                text:''
+            },
+            {
+                icon:'',
+                url:'',
+                notLink: true,
+                text:'系统配置'
+            },
+            {
+                icon:'',
+                url:'',
+                text:'分享路径'
+            }
+        ],
+        registerForm:{
+            article_share_url_path: ''
+        },
+        rulesRegister:{
+        },
+        newPwdFlag: false, // 查看新密码
+        loading: false
+    }
+  },
+  //计算属性 类似于data概念
+  computed: {
+    
+  },
+  //监控data中数据变化
+  watch: {
+    
+  },
+  //方法集合
+  methods: {
+    // 去掉前后空格
+    handleTrim(form,fild){
+        this[form][fild] = this[form][fild].trim()
+    },
+    changeIcon(flag){
+        this[flag] = !this[flag]
+    },
+    // 提交表单
+    onSubmit(formName){
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            this.loading = true
+            let MethodName = "/OrgServer/Manager/SysConfigManager/SetSysConfig_Preview";
+            let data = {
+                preview_server_url: this.registerForm.article_share_url_path
+            }
+            getLogin(MethodName, data)
+            .then((res) => {
+                this.loading = false
+                if(res.status===1){
+                    this.$message.success("保存成功")
+                }
+            }).catch((res) =>{
+                this.loading = false
+            })
+          } else {
+            return false;
+          }
+        });
+    },
+    // 取消 恢复到修改前状态
+    onCancel(formName){
+        this.$refs[formName].resetFields();
+    },
+    // 得到配置信息
+    getInfo(){
+        let MethodName = "/OrgServer/Manager/SysConfigManager/GetSysConfig_Preview";
+        getLogin(MethodName, {})
+        .then((res) => {
+            if(res.status===1){
+                this.registerForm.article_share_url_path = res.preview_server_url
+            }
+        }).catch((res) =>{
+            
+        })
+    }
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {
+    this.getInfo()
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+
+  },
+  //生命周期-创建之前
+  beforeCreated() { },
+  //生命周期-挂载之前
+  beforeMount() { },
+  //生命周期-更新之前
+  beforUpdate() { },
+  //生命周期-更新之后
+  updated() { },
+  //生命周期-销毁之前
+  beforeDestory() { },
+  //生命周期-销毁完成
+  destoryed() { },
+  //如果页面有keep-alive缓存功能，这个函数会触发
+  activated() { }
+}
+</script>
+<style lang="scss" scoped>
+/* @import url(); 引入css类 */
+.create-bottom{
+    padding: 40px 40px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    height: calc(100vh - 140px);
+    overflow: auto;
+    h3{
+        font-size: 20px;
+        font-weight: 500;
+        line-height: 28px;
+        margin: 0 0 28px 0;
+        color: #1D2129;
+    }
+}
+</style>
+
+<style lang="scss">
+
+</style>