From 36f9d91cceacc7f063e8de3ce69bc0d2d3f7cd08 Mon Sep 17 00:00:00 2001
From: zhoulingpo <zhoulingpo>
Date: Thu, 4 May 2023 14:26:09 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E5=9F=BA=E6=9C=AC=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/setting.js  | 27 +++++++++++++++++++++++++++
 src/store/index.js          |  7 ++++++-
 src/views/Layout.vue        | 13 ++++++++++---
 src/views/Login.vue         | 14 +++++++++++++-
 src/views/baseMes/index.vue | 37 ++++++++++++++++++++++++++++++-------
 5 files changed, 86 insertions(+), 12 deletions(-)
 create mode 100644 src/api/modules/setting.js

diff --git a/src/api/modules/setting.js b/src/api/modules/setting.js
new file mode 100644
index 0000000..59e65a2
--- /dev/null
+++ b/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
+    })
+  },
+}
diff --git a/src/store/index.js b/src/store/index.js
index ab2cfcb..56fb363 100644
--- a/src/store/index.js
+++ b/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
     },
diff --git a/src/views/Layout.vue b/src/views/Layout.vue
index 0c58e73..b482c66 100644
--- a/src/views/Layout.vue
+++ b/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
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 8fb29b8..a09383a 100644
--- a/src/views/Login.vue
+++ b/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)
+         })
+       })
     }
   }
 }
diff --git a/src/views/baseMes/index.vue b/src/views/baseMes/index.vue
index 692fac8..db815d0 100644
--- a/src/views/baseMes/index.vue
+++ b/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>
-          <el-input v-model="name" placeholder="请输入水印前缀"
-             maxlength="100"       show-word-limit></el-input>
+          <label class="tag-title">{{i.configKey}}:</label>
+          <el-input v-model="i.configValue" placeholder="请输入水印前缀"
+             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:'',
-      processForm:{}
+      formData:[
+        {
+          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>