修改

src/components/admin-frame/home.vue

@@ -1,18 +1,14 @@
 <template>
   <el-container class="main">
-    <el-header :style="{ padding: 0 }">
-      <component :is="cHeader"></component>
-    </el-header>
+    <el-header :style="{ padding: 0 }"> <component :is="cHeader"></component></el-header>
     <el-container>
-      <el-aside width="200px" :style="{ 'background-color': '#242f42' }">
-        <component :is="cAside"></component>
-      </el-aside>
+      <el-aside width="200px" :style="{ 'background-color': '#242f42' }"><component :is="cAside"></component></el-aside>
       <el-main>
         <div class="content-box" :class="{ 'content-collapse': collapse }">
           <el-col :span="24" class="content">
             <transition name="move" mode="out-in">
               <el-row>
-                <component :is="cBreadcrumb" :breadcrumbTitle="title"></component>
+                <component :is="cBreadcrumb" :breadcrumbTitle="route.meta.title"></component>
                 <el-col :span="24" class="container" :style="{ padding: '10px 0' }"><router-view :style="testInfo"></router-view></el-col>
               </el-row>
             </transition>
@@ -35,9 +31,7 @@ import { ref } from 'vue';
 
 // 路由
 const route = useRoute();
-// const breadcrumbTitle: Ref<any> = ref();
 let collapse: Ref<any> = ref(false);
-const title: Ref<any> = ref(route.meta.title);
 const testInfo: Ref<any> = ref({
   height: '85vh',
   background: '#ffffff',
@@ -51,17 +45,14 @@ const testInfo: Ref<any> = ref({
 .main {
   height: 100vh;
   background-color: #f0f0f0;
-
   .el-header {
     border-bottom: 1px solid;
   }
-
   .el-aside {
     height: 93.3vh;
     overflow-x: auto;
     overflow-y: auto;
   }
-
   .el-main {
     padding: 10px;
   }

src/components/frame/c-search.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24" class="title" v-if="is_title">
         <el-col :span="24" class="title_1">
-          <span>{{ title || meta }}</span>
+          <span>{{ title || route.meta.title }}</span>
           <span>{{ tip }}</span>
         </el-col>
         <el-col :span="24" class="title_2">
@@ -18,15 +18,19 @@
                 <el-form-item :label="getField('label', item)" :prop="item.model">
                   <template v-if="!item.custom">
                     <template v-if="item.type === 'select'">
-                      <el-select v-model="form[item.model]" v-bind="item.options" filterable clearable
-                        @change="dataChange(item.model)">
+                      <el-select v-model="form[item.model]" v-bind="item.options" filterable clearable @change="dataChange(item.model)">
                         <slot :name="item.model" v-bind="{ item }"></slot>
                       </el-select>
                     </template>
                     <template v-else>
-                      <el-input v-model="form[item.model]" :type="getField('type', item)"
-                        :placeholder="getField('place', item)" clearable v-bind="item.options"
-                        @change="dataChange(item.model)"></el-input>
+                      <el-input
+                        v-model="form[item.model]"
+                        :type="getField('type', item)"
+                        :placeholder="getField('place', item)"
+                        clearable
+                        v-bind="item.options"
+                        @change="dataChange(item.model)"
+                      ></el-input>
                     </template>
                   </template>
                   <template v-else>
@@ -46,18 +50,16 @@
       <el-col :span="24" class="back" v-if="is_back">
         <el-button type="primary" @click="toBack()">返回</el-button>
       </el-col>
-      <el-col :span="24" class="slot">
-        <slot name="isslot"></slot>
-      </el-col>
+      <el-col :span="24" class="slot"><slot name="isslot"></slot></el-col>
     </el-row>
   </div>
 </template>
 <script lang="ts" setup>
 import { ref, toRefs } from 'vue';
-import { useRoute } from 'vue-router';
 import type { Ref } from 'vue';
-import _ from 'lodash';
+import { useRoute } from 'vue-router';
 const route = useRoute();
+import _ from 'lodash';
 interface fieldsItem {
   model: string;
   type: string;
@@ -86,7 +88,6 @@ const { tip } = toRefs(props);
 const { remark } = toRefs(props);
 
 let form: Ref<{}> = ref({});
-let meta: Ref<any> = ref(route.meta.title);
 const emit = defineEmits(['search', 'toReset', 'toBack', 'dataChange']);
 const toSubmit = () => {
   const obj = _.pickBy(form.value);
@@ -120,22 +121,18 @@ const toBack = () => {
 <style lang="scss" scoped>
 .title {
   margin: 0 0 5px 0;
-
   .title_1 {
     margin: 0 0 5px 0;
-
     span:first-child {
       font-size: 20px;
       font-weight: 700;
       margin-right: 10px;
     }
-
     span:last-child {
       font-size: 14px;
       color: #979797;
     }
   }
-
   .title_2 {
     span {
       color: #8baae7;
@@ -144,24 +141,19 @@ const toBack = () => {
     }
   }
 }
-
 .search {
   margin: 0 0 10px 0;
-
   .form {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-
     .form_1 {
       padding: 0 0 0 10px;
-
       .el-form-item {
         float: left;
         width: 100%;
         margin: 0 0 10px 0;
       }
-
       .el-select {
         width: 100%;
       }
@@ -172,8 +164,8 @@ const toBack = () => {
     text-align: right;
   }
 }
-
 .back {
   text-align: left;
   margin: 0 0 10px 0;
-}</style>
+}
+</style>