update:问卷UI修改

src/views/Survey/Index.vue

@@ -36,7 +36,14 @@
               </el-space>
             </div>
             <div class="survey_item_status">
-              <span class="survey_item_info_status_text">-{{ item.status_txt }}-</span>
+              <img v-if="item.status === 0" src="../../assets/img/publish/edit.png" alt="" />
+              <img
+                v-else-if="item.status === 1"
+                src="../../assets/img/publish/publish.png"
+                alt=""
+              />
+              <img v-else-if="item.status === 2" src="../../assets/img/publish/end.png" alt="" />
+              <!--              <span class="survey_item_info_status_text">-{{ item.status_txt }}-</span>-->
             </div>
           </div>
           <!--问卷描述-->
@@ -59,12 +66,16 @@
               <el-text style="color: white">开启投放</el-text>
             </el-button>
           </div>
-          <el-dropdown placement="top-end" trigger="click" style="">
+          <el-dropdown placement="top-end" trigger="click" active-color="#ee0a24">
             <Io5EllipsisHorizontalSharp />
             <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item>编辑</el-dropdown-item>
-                <el-dropdown-item>存为模板</el-dropdown-item>
+              <el-dropdown-menu
+                active-color="#ee0a24"
+                :close-on-click-overlay="false"
+                :close-on-click-outside="false"
+              >
+                <el-dropdown-item @click="editItem(item)">编辑</el-dropdown-item>
+                <el-dropdown-item @click="saveTemplate(item)">存为模板</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -77,9 +88,9 @@
 
 <script setup>
 import { ref, onMounted } from 'vue';
-import { getSurveysPage, copySurveys, deleteSurveys } from '@/api/home/index.js';
+import { getSurveysPage, copySurveys, deleteSurveys, saveTemplates } from '@/api/home/index.js';
 import { Io5EllipsisHorizontalSharp } from 'vue-icons-plus/io5';
-import { showDialog, showFailToast, showSuccessToast, showToast } from 'vant';
+import { showDialog, showConfirmDialog, showFailToast, showSuccessToast, showToast } from 'vant';
 import { useRouter } from 'vue-router';
 const router = useRouter();
 const survey = ref([]);
@@ -191,6 +202,34 @@ const toPublish = (item) => {
     }
   });
 };
+const editItem = (item) => {
+  router.push({
+    path: '/create',
+    query: {
+      sn: item.sn
+    }
+  });
+};
+// 保存为模板
+const saveTemplate = async (item) => {
+  const data = JSON.parse(JSON.stringify(item));
+  const res = await saveTemplates(item.sn, data);
+  if (res.data.code === 200 || res.data.code === 201) {
+    showConfirmDialog({
+      message: '模板保存成功，请前往模板市场查看！',
+      showCancelButton: false
+    })
+      .then(() => {
+        form.value.page = 1;
+        fetchSurveys();
+      })
+      .catch(() => {
+        // on cancel
+      });
+  } else {
+    showFailToast(res.data);
+  }
+};
 onMounted(() => {
   // fetchSurveys();
 });
@@ -199,6 +238,10 @@ onMounted(() => {
 <style scoped lang="scss">
 @import '@/assets/css/base';
 @import '@/assets/css/main';
+.el-dropdown-menu__item:not(.is-disabled):focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #000000;
+}
 
 .new-survey-container {
   min-height: calc(100vh - 100px);
@@ -219,8 +262,8 @@ onMounted(() => {
 
       .survey_item_status {
         position: absolute;
-        top: 0;
-        right: 10px;
+        top: -40px;
+        right: -24px;
         padding: 28px 13px 19px 7px;
         background: url('https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbb370d01215f9cedc28d567c637c011047f83a99fbb5e7ac348ebd0ef0015f32')
           100% no-repeat;