故障查询调整

src/components/dialog/FaultQueryDialog.vue

@@ -56,7 +56,11 @@
             :options="searchOptionsFaultType"
             style="min-width: 130px"
           />
-          <q-input label="故障内容" v-model="filter.faultName" lazy-rules />
+          <q-input
+            :label="inputSearchName"
+            v-model="filter.faultName"
+            lazy-rules
+          />
           <div class="button-container">
             <q-btn
               color="primary"
@@ -73,7 +77,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, ref,computed } from 'vue';
+import { onMounted, reactive, ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import DraggableDialog from '../common/DraggableDialog.vue';
 import { QTable, useQuasar } from 'quasar';
@@ -98,7 +102,7 @@ const tableTitle = reactive({
 });
 
 const tableRef = ref<QTable>();
-const columns =computed(()=> [
+const columns = computed(() => [
   {
     name: 'id',
     label: '编号',
@@ -116,7 +120,7 @@ const columns =computed(()=> [
   {
     name: 'faultType',
     label: '故障类型',
-    field: (row:FaultQueryListItem) => {
+    field: (row: FaultQueryListItem) => {
       if (row.faultType) {
         return getFaultTypeName(row);
       }
@@ -144,7 +148,7 @@ const columns =computed(()=> [
     required: true,
     align: 'center',
   },
-])
+]);
 const rows = reactive([]);
 const loading = ref(false);
 const pagination = ref({
@@ -268,12 +272,15 @@ const onDialogShow = () => {
   }, 1000);
 };
 
+const inputSearchName = ref('');
 onMounted(() => {
   if (props.dialogTitle == '故障指导') {
+    inputSearchName.value = '故障现象';
     tableTitle.faultNameShower = '故障现象';
     tableTitle.faultDriverShower = '司机处理结果';
     tableTitle.resultMsg = '行调提醒司机关键点';
   } else {
+    inputSearchName.value = '故障名称';
     tableTitle.faultNameShower = '故障名称';
     tableTitle.faultDriverShower = '故障现象';
     tableTitle.resultMsg = '退出服务地点';