前端模糊查

front/src/views/personalCenter/components/MyApply.vue

@@ -34,6 +34,24 @@
         </template>
       </div>
     </div>
+    <a-form
+      :model="formState"
+      name="basic"
+      :label-col="{ span: 8 }"
+      :wrapper-col="{ span: 16 }"
+      autocomplete="off"
+      @submit="onSubmit"
+      v-if="typeIndex == 6 || typeIndex == 7"
+      style="display: flex; margin-top: 10px; margin-left: -35px"
+    >
+      <a-form-item label="名称" name="name">
+        <a-input v-model:value="formState.name" />
+      </a-form-item>
+
+      <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+        <a-button type="primary" html-type="submit">搜索</a-button>
+      </a-form-item>
+    </a-form>
     <div v-if="contentList.data.length > 0">
       <div class="content">
         <div
@@ -299,6 +317,7 @@
     '云视频申请',
     // '能力评价',
   ])
+  const formState = ref({ name: '' })
   // 西海岸-设备申请
   let isXiHaiAn = whoShow.itShowXiHaiAn
   const itShowXiHaiAn = ref(isXiHaiAn)
@@ -314,6 +333,7 @@
   }
   let tabList = ref(['全部', '审核中', '审核完成'])
   const contentList = reactive({ data: [] })
+  const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
   let tabIndex = ref(0)
   let typeIndex = ref(0)
   let typeName = ref(typeList.value[0])
@@ -356,6 +376,7 @@
 
   // 选择类型
   const changeType = (item, index) => {
+    formState.value.name = ''
     console.log('item, index-----选择类型------->', item, index)
     numFlag.value = true
     num.value = []
@@ -702,6 +723,7 @@
         (res) => {
           console.log('数据资源申请===============>', res.data.data)
           contentList.data = res.data.data
+          contentList2.data = res.data.data
           num.value = []
           total.value = 0
           showType.value = '云资源'
@@ -711,6 +733,7 @@
       getVideoBusinessList({ userAccount: 'zfcxjsjkjc' }).then((res) => {
         console.log('数据资源申请===============>', res.data.data)
         contentList.data = res.data.data
+        contentList2.data = res.data.data
         num.value = []
         total.value = 0
         showType.value = '云资源'
@@ -798,6 +821,11 @@
       showType.value = ''
     }
   }
+  const onSubmit = () => {
+    contentList.data = contentList2.data.filter(
+      (val) => val.BUSINESS_NAME.indexOf(formState.value.name) > -1
+    )
+  }
   const handleCurrentChange = (val) => {
     page.value = val
     getApplyList()
@@ -949,7 +977,6 @@
     flex-direction: column;
     font-size: 16px;
     justify-content: left;
-
     .title {
       font-size: 20px;
       color: #000000;
@@ -1011,7 +1038,8 @@
 
     .content {
       padding-right: 10px;
-      height: 510px;
+      height: 610px;
+      overflow-y: scroll;
 
       .content-body {
         padding-bottom: 20px;