1

src/pages/system/noticeSysSet.vue

+<style>
+  .baseSet_Title {
+    width: 120px !important;
+    padding: 18px 0 0 16px;
+    text-align: right;
+  }
+
+</style>
 <template>
-  <div class="page-body document">
-    <div class="page-search row items-center">
-     
-        <div class="col-4">
-          <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.Name"
-            label="公告审批人" @clear="resetSearch" maxlength="20" />
-        </div>
-      
+  <div class="page-body">
+    <div class="col row wrap">
+      <div class="col-2 baseSet_Title">
+        公告审批人：
+      </div>
+      <div class="col-3">
+        <q-select v-model="msg.Content" :options="EmployeeListOption" color="primary" filled clearable
+          option-label="EmployeeName" option-value="Id" ref="Admin" emit-value map-options :rules="[val => !!val|| '请选择公告审批人']"/>
+      </div>
+      <div class="col-3" style="padding:18px 0 0 10px;color:gray">
+      </div>
+    </div>
+    <div class="col row wrap">
+      <div class="col-2 baseSet_Title">
+      </div>
+      <div class="col-3">
+        <q-btn label="保存" color="accent q-px-md" style="font-weight:400 !important;margin-top:20px;width:100%;"
+          @click="saveInfo" />
+      </div>
     </div>
+
   </div>
 </template>
 <script>
+  import {
+    queryEmployee
+  } from '../../api/users/user'; //获取业务员
+  import {
+    setConten,
+    getConten
+  } from "../../api/system/notiveSysSet"
   export default {
     meta: {
       title: "公告系统设置"
     },
-    data(){
-        return{
-            msg:{
-                Name:""
-            }
-        }
+    props: {},
+    components: {},
+    data() {
+      return {
+        msg: {
+          Content: 0
+        },
+        EmployeeListOption: [],
+      }
     },
-    methods:{
-        resetSearch(){
-
+    created() {},
+    mounted() {
+      this.getEmployee(0);
+      this.getData();
+    },
+    methods: {
+      //获取业务员
+      getEmployee(id) {
+        var qMsg = {
+          Dept_Id: 0
+        }
+        qMsg.Dept_Id = id;
+        queryEmployee(qMsg).then(res => {
+          if (res.Code == 1) {
+            this.EmployeeListOption = res.Data;
+          }
+        }).catch(() => {})
+      },
+      getData() {
+        getConten({}).then(res => {
+          if (res.Code === 1) {
+            this.msg.Content = parseInt(res.Data.Content)
+          }
+        })
+      },
+      saveInfo() {
+        this.$refs.Admin.validate();
+        if (!this.$refs.Admin.hasError) {
+          setConten(this.msg).then(res => {
+              if(res.Code===1){
+                  this.$message.success('操作成功')
+                  this.getConten();
+              }else{
+                  this.$message.error(res.Message)
+              }
+          })
         }
-    }
+      }
+    },
   }
 
 </script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>