【新增】增加基本设置

src/api/modules/setting.js

@@ -0,0 +1,27 @@
+import { instance as request } from '@/utils/request'
+
+export default {
+  // 保存
+  saveMarket(data) {
+    return request({
+      url: '/api/sys/config/save',
+      method: 'POST',
+      data
+    })
+  },
+  // 获取一个配置项
+  getOneSetting(data) {
+    return request({
+      url: '/api/sys/config/'+data,
+      method: 'get'
+    })
+  },
+  // 获取全部配置项
+  getAllSetting(data) {
+    return request({
+      url: '/api/sys/config/all',
+      method: 'get',
+      params:data
+    })
+  },
+}

src/store/index.js

@@ -13,9 +13,11 @@ export default new Vuex.Store({
     pathUrl: '',
     menuName: '',
     activeTab: '',
-    handleProcess: ''
+    handleProcess: '',
+    marketpre:''
   },
   getters: {
+    marketpre: (state) => state.marketpre,
     menuData: (state) => state.menuData,
     menuName: (state) => state.menuName,
     userInfo: (state) => state.userInfo,
@@ -23,6 +25,9 @@ export default new Vuex.Store({
     handleProcess: (state) =>state.handleProcess
   },
   mutations: {
+    setMarketpre(state, data){
+      state.marketpre = data
+    },
     setHandleProcess(state, data){
       state.handleProcess = data
     },

src/views/Layout.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-container>
+    <el-container v-watermark="mymark">
         <el-header>
             <Header :menuAllDate="menuAllDate"></Header>
         </el-header>
@@ -21,7 +21,6 @@
 <script>
 import Header from '@/components/Header'
 import Menu from '@/components/Menu'
-
 export default {
   name: 'Layout',
   components: {
@@ -31,7 +30,8 @@ export default {
   data () {
     return {
       menuData: [],
-      menuAllDate: []
+      menuAllDate: [],
+      mymark:{}
     }
   },
   watch: {
@@ -119,6 +119,13 @@ export default {
     }
   },
   created () {
+    let username = this.$store.getters.userInfo.usname
+    let date = new Date()
+    console.log(date)
+    console.log(/^\d+(\.\d+)?$/.test(date))
+    let pre = this.$store.getters.marketpre
+    this.mymark.text=pre+' '+username+' '+ date.toLocaleDateString()
+    console.log(this.mymark)
     // 判定菜单是否存在，存在则不加载
     // let menuData = this.$store.state.menuData;
     // debugger

src/views/Login.vue

@@ -112,7 +112,11 @@ export default {
         })
         this.$message.success('登录成功')
         this.$store.commit('saveUserInfo', res.data)
-        this.$router.push({ path: '/report/list', query: { id: 'AEHJB8YNJ3' } })
+        this.getMarket().then((resx)=>{
+          this.$store.commit('setMarketpre', resx)
+          this.$router.push({ path: '/report/list', query: { id: 'AEHJB8YNJ3' } })
+        })
+
       }).catch(_ => {
         this.verifyCode()
       })
@@ -123,6 +127,14 @@ export default {
         .then(res => {
           this.verifyImg = `data: image/jpeg;base64,${btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`
         })
+    },
+    // 调用获取水印的前缀接口 获取前缀
+    getMarket () {
+       return new Promise((resolve,reject)=>{
+         this.$api.setting.getOneSetting("水印前缀").then(res=>{
+           resolve(res.data.configValue)
+         })
+       })
     }
   }
 }

src/views/baseMes/index.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="content-height">
-    <el-row class="inputForm">
+    <el-row class="inputForm"  v-for="i in formData">
       <el-col :span="6">
         <div class="tag-item showLimit">
-          <label class="tag-title">水印前缀:</label>
+          <label class="tag-title">{{i.configKey}}:</label>
-          <el-input v-model="name" placeholder="请输入水印前缀"
+          <el-input v-model="i.configValue" placeholder="请输入水印前缀"
-             maxlength="100"       show-word-limit></el-input>
+             maxlength="100"   show-word-limit></el-input>
         </div>
       </el-col>
       <el-col :span="2" align="right" class="tag-btns">
-        <el-button type="primary" @click="save">保存</el-button>
+        <el-button type="primary" @click="save(i)">保存</el-button>
       </el-col>
     </el-row>
   </div>
@@ -20,9 +20,32 @@ export default {
   name: "index",
   data(){
     return {
-      name:'',
+      formData:[
-      processForm:{}
+        {
+          configKey:'水印前缀',
+          configValue:''
+        }
+      ]
     }
+  },
+  created() {
+    this.loadMark()
+  },
+  methods:{
+    //获取水印前缀
+    loadMark(){
+      this.$api.setting.getAllSetting().then(res=>{
+        if(res.data){
+          this.formData=res.data
+          console.log(res.data.data,"res.data.data")
+        }
+      })
+    },
+    save(i){
+      this.$api.setting.saveMarket(i).then(res=>{
+        this.$message.success(res.data)
+      })
+    },
   }
 }
 </script>