style(frontend): 优化页面元素的样式和布局

-调整了 App.vue 中底部菜单栏的 z-index 值- 在 settings.vue 中为数据刷新间隔输入框添加了单位提示- 优化了 stock.vue 中搜索框的布局和样式

frontend/src/App.vue

@@ -147,7 +147,7 @@ window.addEventListener('mousemove', dragstart)
           <n-gi style="padding-bottom: 70px">
             <RouterView />
           </n-gi>
-          <n-gi style="position: fixed;bottom:0;z-index: 9999;width: 100%">
+          <n-gi style="position: fixed;bottom:0;z-index: 9;width: 100%">
                   <n-card size="small">
                   <n-menu style="font-size: 18px;"
                           v-model:value="activeKey"

frontend/src/components/settings.vue

@@ -88,7 +88,11 @@ function sendTestNotice(){
           <n-switch v-model:value="formValue.updateBasicInfoOnStart" />
         </n-form-item-gi>
         <n-form-item-gi  :span="6" label="数据刷新间隔(重启生效)：" path="refreshInterval" >
-          <n-input-number v-model:value="formValue.refreshInterval" />
+          <n-input-number v-model:value="formValue.refreshInterval" placeholder="请输入数据刷新间隔(秒)">
+            <template #suffix>
+              秒
+            </template>
+          </n-input-number>
         </n-form-item-gi>
       </n-grid>
 

frontend/src/components/stock.vue

@@ -434,11 +434,10 @@ function getHeight() {
          </n-card >
       </n-gi>
     </n-grid>
-  <n-affix :trigger-bottom="15" style="right:0;z-index: 99990;">
+  <div style="position: fixed;bottom: 18px;right:0;z-index: 10;width: 350px">
 <!--    <n-card :bordered="false">-->
       <n-input-group>
-
-        <n-button  type="error" @click="addBTN=!addBTN" > <n-icon :component="Search"/>&nbsp;<n-text  v-if="addBTN">隐藏</n-text></n-button>
+<!--        <n-button  type="error" @click="addBTN=!addBTN" > <n-icon :component="Search"/>&nbsp;<n-text  v-if="addBTN">隐藏</n-text></n-button>-->
         <n-auto-complete v-model:value="data.name"  v-if="addBTN"
                          :input-props="{
                                 autocomplete: 'disabled',
@@ -451,8 +450,7 @@ function getHeight() {
         </n-button>
       </n-input-group>
 <!--    </n-card>-->
-
-  </n-affix>
+  </div>
       <n-modal transform-origin="center" size="small" v-model:show="modalShow" :title="formModel.name" style="width: 400px" :preset="'card'">
             <n-form :model="formModel" :rules="{
               costPrice: { required: true, message: '请输入成本'},