feat:完成了详情页面样式，完成了历史工单、待处理工单,增添了日期框提示信息

src/views/task-management/all-work-order/index.vue

@@ -1,13 +1,18 @@
 <template>
-  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+    <FvSelect></FvSelect>
+  </fvSearchForm>
   <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
-  <WorkEdit ref="workEditRef"></WorkEdit>
+  <WorkDialog ref="workDialogRef"></WorkDialog>
+  
 </template>
 
 <script setup lang="jsx">
-import WorkEdit from '../components/WorkEdit.vue';
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import WorkDialog from '../components/WorkDialog.vue';
 
-const workEditRef = ref()
+const workDialogRef = ref()
 const router = useRouter()
 const tableIns = ref()
 //todo 外部模拟数据, 接口一出来, 直接在下方 tableConfig 的api处填写就行
@@ -51,10 +56,11 @@ const searchConfig = reactive([
     prop: 'requirementName',
     props: {
       placeholder: '请输入工单状态查询',
+      cacheKey: 'work_order_state',
       clearable: true,
-      checkStrictly: true
+      filterable: true,
     },
-    component: 'el-input',
+    component: shallowRef(fvSelect),
   }, {
     label: '处理人',
     prop: 'requirementName',
@@ -78,7 +84,7 @@ const searchConfig = reactive([
     label: '创建日期',
     prop: 'requirementName',
     props: {
-      placeholder: '',
+      placeholder: '请选择',
       clearable: true,
       checkStrictly: true
     },
@@ -87,7 +93,7 @@ const searchConfig = reactive([
     label: '处理时间',
     prop: 'requirementName',
     props: {
-      placeholder: '',
+      placeholder: '请选择',
       clearable: true,
       checkStrictly: true
     },
@@ -96,7 +102,7 @@ const searchConfig = reactive([
     label: '完成时间',
     prop: 'requirementName',
     props: {
-      placeholder: '',
+      placeholder: '请选择',
       clearable: true,
       checkStrictly: true
     },
@@ -230,7 +236,7 @@ const headBtnClick = (key) => {
 }
 
 const handleDetail = (row) => {
-  workEditRef.value.open(row)
+  workDialogRef.value.open(row)
 }
 
 const handleClose = (row) => {