history模式，配置管理修改

src/router/index.js

@@ -241,7 +241,7 @@ export const asyncRouterMap = [
 ]
 
 export default new Router({
-  // mode: 'history', //后端支持可开
+  mode: 'history', //后端支持可开
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRouterMap
 })

src/views/set/setting.vue

 <template> 
-  <el-card class="form-container" shadow="never">
+  <el-card class="form-container no-form" shadow="never">
     <el-form :model="setting"
+             class="my-form"
              ref="orderSettingForm"
              :rules="rules">
       <el-form-item prop="stockWarning">
@@ -13,10 +14,36 @@
         <el-input v-model="setting.receiveInterval" class="input-width">
         </el-input>
       </el-form-item>
+      <el-form-item prop="appid">
+        <div>轻应用id：</div>
+        <el-input v-model="setting.appid" class="input-width">
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="secret">
+        <div>轻应用secret：</div>
+        <el-input v-model="setting.secret" class="input-width">
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="scope">
+        <div>授权级别：</div>
+        <el-input v-model="setting.scope" class="input-width">
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="eid">
+        <div>企业id：</div>
+        <el-input v-model="setting.eid" class="input-width">
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="host">
+        <div>接口域名：</div>
+        <el-input v-model="setting.host" class="input-width">
+        </el-input>
+      </el-form-item>
       <el-form-item>
         <el-button
+          style="margin-top: 20px;"
           @click="confirm('orderSettingForm')"
-          type="primary">提交</el-button>
+          type="primary">保存</el-button>
       </el-form-item>
     </el-form>
   </el-card>
@@ -26,7 +53,12 @@ import {getSetting,editSetting} from '@/api/setting';
 const defaultOrderSetting = {
   id: null,
   stockWarning: 0,
-  receiveInterval: 0
+  receiveInterval: 0,
+  appid: null,
+  secret: null,
+  scope: null,
+  eid: null,
+  host: null
 };
 const checkTime = (rule, value, callback) => {
   if (value === '') {
@@ -96,7 +128,12 @@ export default {
           this.setting={
             id: res.data.id,
             receiveInterval: res.data.receiveInterval,
-            stockWarning: res.data.stockWarning
+            stockWarning: res.data.stockWarning,
+            appid: res.data.appid,
+            secret: res.data.secret,
+            scope: res.data.scope,
+            eid: res.data.eid,
+            host: res.data.host
           }
         }
       })
@@ -105,13 +142,24 @@ export default {
 }
 </script>
 <style scoped>
+  .form-container{
+    padding-top: 10px;
+  }
   .input-width {
-    width: 50%;
+    width: 100%;
   }
 
   .note-margin {
     margin-left: 15px;
   }
+  .no-form .my-form{
+    width: 50%;
+    margin: 0 auto;
+  }
+  .no-form .el-form-item{
+    margin-bottom: 0;
+  }
+
 </style>