fix : 修复详情排版

src/views/project-demand/requirement/detail.vue

@@ -1,5 +1,5 @@
 <template>
-  <baseTitle title="需求征集详情"></baseTitle>
+  <baseTitle title="需求征集详情"  style="margin-left: 30px"></baseTitle>
   <collection-detail :formData="collectData.formData" :data="collectData" type="singleDetail"
                      :fileListShow="fileListShow"
                      :processViewer="processViewer" :loading="loading" v-model:value="auditOpinion"/>

src/views/project-demand/requirement/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form ref="formRef" :model="selectForm" class="search-form" :rules="rules" style="margin-top: 18px;">
+  <el-form ref="formRef" :model="selectForm" class="search-form select-form" style="margin-top: 18px;">
     <el-row gutter="20">
       <el-col :span="5">
         <el-form-item prop="requirementName" label="征集名称">
@@ -8,7 +8,7 @@
       </el-col>
       <el-col :span="5" :offset="1">
         <el-form-item prop="collectType" label="征集类型">
-          <el-select v-model="selectForm.collectType" ref="collectTypeSelectRef" placeholder="请选择征集类型" clearable filterable
+          <el-select v-model="selectForm.collectType" ref="collectTypeSelectRef" placeholder="请选择征集类型" clearable filterable remote
                      @change="getList">
             <el-option
                 v-for="item in cacheStore.getDict('collect_type')"
@@ -21,7 +21,7 @@
       </el-col>
       <el-col :span="5" :offset="1">
         <el-form-item prop="state" label="状态">
-          <el-select v-model="selectForm.state" placeholder="请选择状态" clearable filterable @change="getList">
+          <el-select v-model="selectForm.state" placeholder="请选择状态" clearable filterable @change="getList" remote @visible-change="selectOptionVisibleChange">
             <el-option
                 v-for="item in stateOption"
                 :key="item.value"
@@ -216,6 +216,9 @@ const tableConfig = reactive({
   params: {}
 })
 
+const selectOptionVisibleChange=(value)=>{
+  console.log('value',value)
+}
 const getStatePerm =  () => {
   getRequirementStatePerm().then(res => {
     stateOption.value=res.data
@@ -288,3 +291,26 @@ const headBtnClick = (key) => {
   }
 }
 </script>
+<style lang="scss">
+.select-form{
+  .el-select {
+
+    .el-select__wrapper{
+      .el-select__suffix::before {
+        content: "";
+        width: 6px;
+        height: 6px;
+        border: solid #a8abb2;
+        border-width: 0 0 1px 1px;
+        transform: translate(-50%, -50%) rotate(-45deg);
+      }
+    }
+    .is-focused {
+           .el-select__suffix::before {
+             margin-top: 10px;
+             transform:translate(-50%, -50%) rotate(-225deg)!important;
+           }
+         }
+  }
+}
+</style>