优化路径命名

resources/assets/js/pages/manage/components/FileContent.vue

@@ -62,7 +62,7 @@
 
 <script>
 import Vue from 'vue'
-import Minder from '../../../components/minder'
+import Minder from '../../../components/Minder'
 import {mapState} from "vuex";
 Vue.use(Minder)
 

resources/assets/js/pages/manage/components/FilePreview.vue

@@ -39,7 +39,7 @@
 
 <script>
 import Vue from 'vue'
-import Minder from '../../../components/minder'
+import Minder from '../../../components/Minder'
 Vue.use(Minder)
 
 const MDPreview = () => import('../../../components/MDEditor/preview');

resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue

@@ -1,46 +1,52 @@
 <template>
-    <div class="setting-item submit">
+    <div class="setting-system-item">
         <Form ref="formData" :model="formData" :rules="ruleData" label-width="auto" @submit.native.prevent>
-            <h3>{{ $L('邮箱服务器设置') }}</h3>
-            <FormItem :label="$L('SMTP服务器')" prop="smtp_server">
-                <Input v-model="formData.smtp_server"/>
-            </FormItem>
-            <FormItem :label="$L('端口')" prop="port">
-                <Input :maxlength="20" v-model="formData.port"/>
-            </FormItem>
-            <FormItem :label="$L('账号')" prop="account">
-                <Input :maxlength="20" v-model="formData.account"/>
-            </FormItem>
-            <FormItem :label="$L('密码')" prop="password">
-                <Input :maxlength="20" v-model="formData.password"/>
-            </FormItem>
+            <div class="email-setting-box">
+                <h3>{{ $L('邮箱服务器设置') }}</h3>
+                <FormItem :label="$L('SMTP服务器')" prop="smtp_server">
+                    <Input v-model="formData.smtp_server"/>
+                </FormItem>
+                <FormItem :label="$L('端口')" prop="port">
+                    <Input :maxlength="20" v-model="formData.port"/>
+                </FormItem>
+                <FormItem :label="$L('账号')" prop="account">
+                    <Input :maxlength="20" v-model="formData.account"/>
+                </FormItem>
+                <FormItem :label="$L('密码')" prop="password">
+                    <Input :maxlength="20" v-model="formData.password" type="password"/>
+                </FormItem>
+            </div>
 
-            <h3>{{ $L('邮件通知设置') }}</h3>
-            <FormItem :label="$L('开启注册验证')" prop="reg_verify">
-                <RadioGroup v-model="formData.reg_verify">
-                    <Radio label="open">{{ $L('开启') }}</Radio>
-                    <Radio label="close">{{ $L('关闭') }}</Radio>
-                </RadioGroup>
-                <div v-if="formData.reg_verify == 'open'" class="form-tip">{{$L('开启后账号需验证通过才可登录')}}</div>
-            </FormItem>
-            <FormItem :label="$L('开启通知')" prop="notice">
-                <RadioGroup v-model="formData.notice">
-                    <Radio label="open">{{ $L('开启') }}</Radio>
-                    <Radio label="close">{{ $L('关闭') }}</Radio>
-                </RadioGroup>
-            </FormItem>
-            <template v-if="formData.notice == 'open'">
-                <FormItem :label="$L('任务提醒:')" prop="task_remind_hours">
-                    <label>{{ $L('到期前') }}</label>
-                    <InputNumber v-model="formData.task_remind_hours" :min="0.5" :step="0.5" @on-change="hoursChange"/>
-                    <label>{{ $L('小时') }}</label>
+            <div class="email-setting-placeholder"></div>
+
+            <div class="email-setting-box">
+                <h3>{{ $L('邮件通知设置') }}</h3>
+                <FormItem :label="$L('开启注册验证')" prop="reg_verify">
+                    <RadioGroup v-model="formData.reg_verify">
+                        <Radio label="open">{{ $L('开启') }}</Radio>
+                        <Radio label="close">{{ $L('关闭') }}</Radio>
+                    </RadioGroup>
+                    <div v-if="formData.reg_verify == 'open'" class="form-tip">{{$L('开启后账号需验证通过才可登录')}}</div>
                 </FormItem>
-                <FormItem :label="$L('第二次任务提醒:')" prop="task_remind_hours2">
-                    <label>{{ $L('到期后') }}</label>
-                    <InputNumber v-model="formData.task_remind_hours2" :min="0.5" :step="0.5" @on-change="hours2Change"/>
-                    <label>{{ $L('小时') }}</label>
+                <FormItem :label="$L('开启通知')" prop="notice">
+                    <RadioGroup v-model="formData.notice">
+                        <Radio label="open">{{ $L('开启') }}</Radio>
+                        <Radio label="close">{{ $L('关闭') }}</Radio>
+                    </RadioGroup>
                 </FormItem>
-            </template>
+                <template v-if="formData.notice == 'open'">
+                    <FormItem :label="$L('任务提醒:')" prop="task_remind_hours">
+                        <label>{{ $L('到期前') }}</label>
+                        <InputNumber v-model="formData.task_remind_hours" :min="0.5" :step="0.5" @on-change="hoursChange"/>
+                        <label>{{ $L('小时') }}</label>
+                    </FormItem>
+                    <FormItem :label="$L('第二次任务提醒:')" prop="task_remind_hours2">
+                        <label>{{ $L('到期后') }}</label>
+                        <InputNumber v-model="formData.task_remind_hours2" :min="0.5" :step="0.5" @on-change="hours2Change"/>
+                        <label>{{ $L('小时') }}</label>
+                    </FormItem>
+                </template>
+            </div>
         </Form>
         <div class="setting-footer">
             <Button :loading="loadIng > 0" type="primary" @click="submitForm">{{ $L('提交') }}</Button>

resources/assets/js/pages/manage/setting/components/SystemSetting.vue

@@ -64,12 +64,14 @@
                     <Radio label="open">{{$L('开启')}}</Radio>
                     <Radio label="close">{{$L('关闭')}}</Radio>
                 </RadioGroup>
-                <template v-if="formDatum.start_home == 'open'">
-                    <div class="form-tip">{{ $L('首页底部：首页底部网站备案号等信息') }}</div>
-                    <Input v-model="formDatum.home_footer" style="width:100%;margin-top:6px">
-                        <span slot="prepend">{{ $L('首页底部') }}</span>
-                    </Input>
-                </template>
+                <Input
+                    v-if="formDatum.start_home == 'open'"
+                    v-model="formDatum.home_footer"
+                    type="textarea"
+                    style="margin:8px 0 -8px"
+                    :rows="2"
+                    :autosize="{ minRows: 2, maxRows: 8 }"
+                    :placeholder="$L('首页底部：首页底部网站备案号等信息')"/>
             </FormItem>
         </Form>
         <div class="setting-footer">

resources/assets/js/pages/manage/setting/system.vue

@@ -18,10 +18,10 @@
 </template>
 
 <script>
-import SystemSetting from "./setting";
-import SystemTaskPriority from "./taskPriority";
-import SystemColumnTemplate from "./columnTemplate";
-import SystemEmailSetting from "./EmailSetting";
+import SystemSetting from "./components/SystemSetting";
+import SystemTaskPriority from "./components/SystemTaskPriority";
+import SystemColumnTemplate from "./components/SystemColumnTemplate";
+import SystemEmailSetting from "./components/SystemEmailSetting";
 
 export default {
     components: {SystemColumnTemplate, SystemTaskPriority, SystemSetting, SystemEmailSetting},

resources/assets/js/pages/single/fileMsg.vue

@@ -58,7 +58,7 @@
 </style>
 <script>
 import Vue from 'vue'
-import Minder from '../../components/minder'
+import Minder from '../../components/Minder'
 Vue.use(Minder)
 
 const MDPreview = () => import('../../components/MDEditor/preview');

resources/assets/js/pages/single/fileTask.vue

@@ -58,7 +58,7 @@
 </style>
 <script>
 import Vue from 'vue'
-import Minder from '../../components/minder'
+import Minder from '../../components/Minder'
 Vue.use(Minder)
 
 const MDPreview = () => import('../../components/MDEditor/preview');

resources/assets/js/routes.js

@@ -49,7 +49,7 @@ export default [
                     {
                         name: 'manage-setting-system',
                         path: 'system',
-                        component: () => import('./pages/manage/setting/system/index.vue'),
+                        component: () => import('./pages/manage/setting/system.vue'),
                     },
                 ]
             },

resources/assets/sass/pages/page-setting.scss

@@ -179,10 +179,6 @@
             display: flex;
             flex-direction: column;
             padding: 0 !important;
-            h3 {
-                font-size: 16px;
-                margin-bottom: 15px;
-            }
             .ivu-form {
                 flex: 1;
                 padding: 24px 40px;
@@ -213,6 +209,33 @@
                             .setting-footer {
                                 margin: 0 -32px;
                             }
+                            .email-setting-box {
+                                position: relative;
+                                padding: 36px 24px 4px;
+                                margin: 24px 0 12px;
+                                border-radius: 8px;
+                                border: 1px solid #eeeeee;
+                                transition: box-shadow 0.3s;
+                                &:hover {
+                                    box-shadow: 0 0 10px #e6ecfa;
+                                }
+                                h3 {
+                                    position: absolute;
+                                    top: 0;
+                                    left: 24px;
+                                    padding: 4px 10px;
+                                    border-radius: 4px;
+                                    display: inline-block;
+                                    background-color: #ffffff;
+                                    border: 1px solid #eeeeee;
+                                    font-size: 15px;
+                                    font-weight: 500;
+                                    transform: translateY(-50%);
+                                }
+                            }
+                            .email-setting-placeholder {
+                                height: 8px;
+                            }
                         }
                     }
                 }