Merge branch 'feature/feature-20250430-h5' of https://e.coding.yili.com/yldc/ylst/ylst-survey-h5 into feature/feature-20250430-h5

src/components/Search/Index.vue

@@ -8,7 +8,8 @@
       @search="handleSearchActino"
     >
     </van-search>
-    <el-text @click="handleSearchActino">搜索</el-text>
+    <p class="search" @click="handleSearchActino">搜索</p>
+    <!--    <el-text>搜索</el-text>-->
   </section>
 </template>
 
@@ -45,22 +46,39 @@ function handleSearchActino() {
 .search-container {
   :deep(.van-search) {
     padding: 0;
-    margin: 0 -10px;
+    //margin: 0 10px;
     border-radius: 0;
-    background-color: #f5f5f5;
+    background-color: #fff;
   }
 
-  :deep(.el-text) {
+  .search {
     margin: 0 10px;
-    font-size: 14px;
-    color: #999;
     cursor: pointer;
+    display: flex;
     justify-self: center;
+    align-items: center;
+    font-weight: 500;
+    font-size: 12px;
+    color: var(--primary-color);
+    &::after {
+      content: '|';
+      position: absolute;
+      right: 11vh;
+      top: 1vh;
+      //transform: translateY(-50%);
+      font-weight: bold;
+      color: #e7dedf; // 竖线颜色与搜索文字一致
+      pointer-events: none; // 确保不影响点击事件
+    }
+  }
+
+  :deep(.van-search__content) {
+    background-color: #fff;
   }
 
   border-radius: 18px;
-  border: solid 2px #70b937;
+  border: solid 1px var(--primary-color);
-  background-color: #f5f5f5;
+  background-color: #fff;
 
   //width: 100vw;
   display: grid;

src/router/index.ts

@@ -37,7 +37,7 @@ const router = createRouter({
           path: '/survey',
           name: 'survey',
           meta: {
-            title: '最新问卷'
+            title: '我的'
           },
           component: () => import('../views/Survey/Index.vue')
         },

src/views/Survey/Index.vue

@@ -79,8 +79,8 @@ onMounted(() => {
 
   .new-survey_item {
     margin: 0 10px 10px;
-    padding: 10px 0 8px 7px;
+    padding: 15px;
-    border-radius: 8px;
+    border-radius: 16px;
     background-color: white;
   }
 

src/views/Survey/components/EmptyContainer.vue

@@ -10,10 +10,16 @@
     <template #description>
       <el-text> - 更多任务期待您的创建 - </el-text>
     </template>
-    <el-button type="primary" color="#5cca07">新建问卷</el-button>
+    <el-button type="primary" class="btn" >+ 新建问卷</el-button>
   </el-empty>
 </template>
 
 <style scoped lang="scss">
-
+.btn{
-</style>
+  color: #fff;
+  background-color: var(--primary-color);
+  border: solid 1px var(--primary-color);
+  font-weight: 400;
+  border-radius: 8px;
+}
+</style>

src/views/Survey/components/SurveyItem.vue

@@ -157,7 +157,7 @@ function copyItem(item: SurveyItem) {
             <!--报名签到-->
             <div class="flex align-center">
               <img
-                :src="setImg(survey.scene_code_info as number)"
+                  src="@/assets/img/publish/user.png"
                 alt="Content Icon"
                 style="width: 15px; height: 15px"
               />
@@ -251,6 +251,7 @@ function copyItem(item: SurveyItem) {
   .survey_item_info_status {
     display: flex;
     margin-bottom: 15px;
+    color: #666;
 
     img {
       height: 12px;
@@ -276,16 +277,28 @@ function copyItem(item: SurveyItem) {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        font-weight: 500;
+        font-size: 14px;
+        color: #000;
       }
     }
 
     .wrap {
       margin-left: 5px;
       padding: 1px 3px;
-      border: 2px solid #f5f5f5;
+      border: 0.5px solid rgba(192,192,192,0.35);
       border-radius: 6px;
       font-size: 12px;
       text-wrap: nowrap;
+      color: #333333;
+    }
+    & > :nth-child(3) {
+      padding: 0 4px;
+      border-radius: 6px;
+      font-size: 12px;
+      color: #333333;
+      margin-left: 7px;
+      border: 0.5px solid rgba(192,192,192,0.35);
     }
   }
 
@@ -298,11 +311,10 @@ function copyItem(item: SurveyItem) {
     background-color: #f6f7f8;
     overflow: hidden;
     text-overflow: ellipsis;
-    padding: 10px 15px;
+    padding: 14px 30px;
     box-sizing: border-box;
-    margin: 0 10px 10px 5px;
     color: #828282;
-    font-weight: 400;
+    //font-weight: 400;
     font-size: 12px;
 
     section {
@@ -325,7 +337,8 @@ function copyItem(item: SurveyItem) {
   align-items: center;
   justify-content: space-between;
   padding: 5px;
-  border-top: 1px dashed #f5f5f5;
+  margin-top: 10px;
+  font-weight: 400;
 
   .el-button {
     width: 18vw;