feat(layout): 优化首页布局和样式

- 调整了首页的整体布局结构
- 优化了问卷创建、最新问卷和模板市场的样式
- 添加了背景图片和一些样式细节
- 重构了部分组件以提高复用性

src/views/Survey/Index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="survey-search">
     <van-search
+      v-model="searchValue"
       class="theme-background"
       :border="false"
       background="#71b73c"
-      v-model="searchValue"
       @blur="blurs"
       @search="blurs"
     ></van-search>
@@ -68,20 +68,26 @@
         <div class="survey_item_action">
           <!--        <el-space direction="horizontal">-->
           <div>
-            <el-button @click="deleteItem(item)"> 删除</el-button>
-            <el-button @click="copyItem(item)"> 复制</el-button>
+            <el-button :disabled="item.source === 0" @click="deleteItem(item)"> 删除</el-button>
+            <el-button :disabled="item.source === 0" @click="copyItem(item)"> 复制</el-button>
             <el-button style="border: 2px solid #71b73c" @click="toPreview(item)">
               <el-text style="color: #71b73c">预览</el-text>
             </el-button>
-            <el-button color="#6fb937" @click="toPublish(item)">
+            <el-button color="#6fb937" :disabled="item.source === 0" @click="toPublish(item)">
               <el-text style="color: white">开启投放</el-text>
             </el-button>
           </div>
-          <el-dropdown placement="top-end" trigger="click" active-color="#ee0a24">
-            <Io5EllipsisHorizontalSharp />
+          <el-dropdown
+            v-if="item.source === 1"
+            placement="top-end"
+            trigger="click"
+            active-color="#71b73c"
+          >
+            <!--            <Io5EllipsisHorizontalSharp />-->
+            <van-icon class-prefix="mobilefont" name="gengduo" size="0.7rem"></van-icon>
             <template #dropdown>
               <el-dropdown-menu
-                active-color="#ee0a24"
+                active-color="#71b73c"
                 :close-on-click-overlay="false"
                 :close-on-click-outside="false"
               >
@@ -100,7 +106,6 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 import { getSurveysPage, copySurveys, deleteSurveys, saveTemplates } from '@/api/home/index.js';
-import { Io5EllipsisHorizontalSharp } from 'vue-icons-plus/io5';
 import { showDialog, showConfirmDialog, showFailToast, showSuccessToast, showToast } from 'vant';
 import { useRouter } from 'vue-router';
 const router = useRouter();
@@ -281,7 +286,7 @@ onMounted(() => {
   //background: linear-gradient(to bottom, $theme-color 200px, #f2f2f2 300px);
 
   .new-survey_item {
-    margin: 0 10px 10px 10px;
+    margin: 0 10px 10px;
     padding: 10px 0 8px 7px;
     border-radius: 8px;
     background-color: white;
@@ -373,7 +378,7 @@ onMounted(() => {
   }
 
   .new-survey_item + .new-survey_item {
-    margin: 0 10px 10px 10px;
+    margin: 0 10px 10px;
   }
 }
 </style>