修改部分样式

quasar.conf.js

@@ -50,7 +50,7 @@ module.exports = function(ctx) {
                 //http://192.168.1.27:8300/api
                 //https://localhost:5001/api
                 // API: 'http://192.168.1.27:8300/api'
-                API:'http://192.168.1.48:8017/api'
+                API:'http://192.168.1.27:8300/api'
             } : {
                 API: 'https://prod.api.com'
             },
@@ -84,7 +84,7 @@ module.exports = function(ctx) {
         // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
         devServer: {
             https: false,
-            port: 8080,
+            port: 8181,
             open: true // opens browser window automatically
         },
 

src/App.vue

@@ -74,4 +74,47 @@ body,
     border-bottom-left-radius: 4px !important;
     cursor: pointer;
 }
+/***************************************************** Begin 重写ElementUI 抽屉效果 ***************************************************************/
+.el-drawer__wrapper{
+    top: 61px !important;
+}
+.v-modal{
+    display: none !important;
+}
+.el-drawer__wrapper .drawerTop {
+    background: none !important;
+    border-bottom: 1px solid #f5f5f5;
+}
+.el-drawer__wrapper .drawerTop .drawer_Span{
+    font-size: 18px !important;
+    font-weight: 500 !important;
+    font-family: perfectFont !important;
+}
+.el-drawer__wrapper .drawerTop .icon-guanbi{
+    display: none !important;
+}
+.page-body{
+    padding:15px !important;
+    min-height: calc(100% - 30px);
+    margin:15px !important;
+}
+.q-table__top {
+    padding: 0 0 12px 0px !important;
+}
+.q-btn__wrapper .row, 
+.q-btn__wrapper .column, 
+.q-btn__wrapper .flex{
+    flex-wrap: nowrap !important;
+}
+.q-toolbar__title{
+    flex:unset !important;
+}
+button.bg-accent{
+    background: linear-gradient(90deg, #37ADF7, #2961FE) !important;
+}
+button.bg-accent:active{
+    background: linear-gradient(270deg, #37ADF7, #2961FE) !important;
+    
+}
+/***************************************************** End 重写ElementUI 抽屉效果 ***************************************************************/
 </style>

src/api/login.js

@@ -10,6 +10,7 @@ export function login({ Account, Password }) {
     return request({
         url: '/login/login',
         method: "post",
+        header,
         data: {
             Account,
             Password,

src/components/course/category-form.vue

@@ -28,7 +28,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveCategory" />
       </q-card-actions>

src/components/course/class-form.vue

@@ -228,7 +228,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeCourseForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
           @click="saveCourse" />
       </q-card-actions>

src/components/course/course-form.vue

@@ -26,7 +26,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeCourseForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
           @click="saveCourse" />
       </q-card-actions>

src/components/course/teachplan-form.vue

@@ -25,7 +25,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeCourseForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
           @click="saveCourse" />
       </q-card-actions>

src/components/course/teachupload-form.vue

@@ -25,7 +25,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeCourseForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
           @click="saveCourse" />
       </q-card-actions>

src/components/school/assistant/assistant-form.vue

@@ -33,7 +33,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveTeacher" />
       </q-card-actions>

src/components/school/classmanage/class-form.vue

@@ -22,7 +22,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveClassInfo" />
       </q-card-actions>

src/components/school/classroom/classroom-form.vue

@@ -16,7 +16,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeClassRoomSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeClassRoomSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveClassRoom" />
       </q-card-actions>

src/components/school/manager/manager-form.vue

@@ -82,7 +82,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="setStudent" />
       </q-card-actions>

src/components/school/schoolarea/school-form.vue

@@ -38,7 +38,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveSchool" />
       </q-card-actions>

src/components/school/student/student-form.vue

@@ -38,7 +38,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="setStudent" />
       </q-card-actions>

src/components/school/teacher/teacher-form.vue

@@ -67,7 +67,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveTeacher" />
       </q-card-actions>

src/components/system/dept-form.vue

@@ -48,7 +48,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveDept" />
       </q-card-actions>

src/components/system/menu-form.vue

@@ -31,7 +31,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveSystemMenu" />
       </q-card-actions>

src/components/system/menufunction-form.vue

@@ -22,7 +22,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveSystemMenu" />
       </q-card-actions>

src/components/system/post-form.vue

@@ -40,7 +40,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="savePost" />
       </q-card-actions>

src/components/system/role-form.vue

@@ -201,7 +201,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="saveRole" />
       </q-card-actions>

src/components/system/site-form.vue

@@ -28,7 +28,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
         <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="setConfig" />
       </q-card-actions>

src/layouts/MainLayout.vue

 <template>
   <q-layout view="lHh Lpr lFf">
-    <q-header bordered reveal height-hint="98">
+    <q-header bordered reveal height-hint="98" style="background-image: url('~asset/images/page/left.png') right no-repeat;">
       <q-toolbar style="height:60px;" class="q-pr-lg q-pl-lg">
-        <q-avatar>
+        <q-avatar style="width:38px">
           <img :src="logo">
         </q-avatar>
-        <q-toolbar-title style="font-family:perfectFont">
+        <q-toolbar-title style="font-family:perfectFont;margin-right:50px">
           {{name}}
         </q-toolbar-title>
         <q-tabs v-model="tab" @input="changeNavs" inline-label
-          style="margin:0 auto; font-family:perfectFont;height:60px" class="text-white" shrink stretch v-if="userInfo">
-          <q-tab v-for="(x, i) in userInfo.MenuList" :key="i" @click="setNavs(i)" :name="`navs_${i}`"
+          style="margin:0 auto; font-family:perfectFont;height:60px;flex:1;justify-content: left;" class="text-white" shrink stretch v-if="userInfo">
+          <q-tab v-for="(x, i) in userInfo.MenuList" class="q-mr-md" :key="i" @click="setNavs(i)" :name="`navs_${i}`"
             :label="x.MenuName" :icon="x.MenuIcon" />
         </q-tabs>
         <div class="q-pl-lg">

src/pages/administration/document.vue

@@ -163,7 +163,7 @@
         </q-card-section>
         <q-separator />
         <q-card-actions align="right" class="bg-white">
-          <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+          <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
           <q-btn label="草稿" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
                  @click="save_t(2)" />
           <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"

src/pages/school/sysuser.vue

@@ -18,31 +18,31 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @input="resetSearch" class="col-6 q-pr-lg q-pr-lg" clearable standout="bg-primary text-white"
+          <q-input @input="resetSearch" clearable standout="bg-primary text-white"
             v-model="msg.EmployeeName" label="员工姓名/账号" maxlength="20" />
         </div>
         <div class="col-3">
           <q-select filled stack-label @input="getDepartList(msg.School_Id),resetSearch()" option-value="SId"
             option-label="SName" v-model="msg.School_Id" ref="School_Id" :options="schoolList" label="所属校区"
-            :dense="false" class="col-6 q-pr-lg q-pr-lg" emit-value map-options />
+            :dense="false" emit-value map-options />
         </div>
         <div class="col-3">
           <selectTree :treeData='DeptList' :defaultArray="returnString" nodeKey="DeptId" :multiple="false"
             labelKey="DeptName" childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
-            classStr="col-6 q-pr-lg q-pb-lg"></selectTree>
+            ></selectTree>
         </div>
         <div class="col-3">
           <q-select filled stack-label @input="resetSearch" option-value="PostId" option-label="PostName"
             v-model="msg.Post_Id" ref="Post_Id" :options="PostList" label="岗位" :dense="false"
-            class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
+            emit-value map-options />
         </div>
         <div class="col-3">
           <q-select filled @input="resetSearch" stack-label option-value="Id" option-label="Name"
             v-model="msg.LeaveStatus" ref="LeaveStatus" :options="LeaveStatusList" label="在职状态" :dense="false"
-            class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
+            emit-value map-options />
         </div>
         <div class="col-3 Sysuser_Date">
-          <q-field filled class="col-6 q-pr-lg q-pb-lg">
+          <q-field filled>
              <template v-slot:control>
               <el-date-picker v-model="dateListOne" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
                  range-separator="至"  start-placeholder="入职开始日期"  end-placeholder="入职结束日期">
@@ -51,7 +51,7 @@
           </q-field>
         </div>
         <div class="col-3 Sysuser_Date">
-          <q-field filled class="col-6 q-pr-lg q-pb-lg">
+          <q-field filled>
               <template v-slot:control>           
               <el-date-picker v-model="dateListThree" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
                   range-separator="至"  start-placeholder="离职开始日期"  end-placeholder="离职结束日期">
@@ -60,7 +60,7 @@
            </q-field>
         </div>
         <div class="col-3 Sysuser_Date">
-          <q-field filled class="col-6 q-pr-lg q-pb-lg">
+          <q-field filled class="col-6">
               <template v-slot:control>
               <el-date-picker v-model="dateListTwo" @change="resetSearch()" format="MM-dd" value-format="yyyy-MM-dd" type="daterange" style="border:none;" 
                 range-separator="至"  start-placeholder="生日开始时间"  end-placeholder="生日结束时间">