修改

auto-imports.d.ts

@@ -6,5 +6,5 @@
 // biome-ignore lint: disable
 export {}
 declare global {
-
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
 }

components.d.ts

@@ -12,7 +12,9 @@ declare module 'vue' {
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
     ElCol: typeof import('element-plus/es')['ElCol']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
@@ -21,10 +23,13 @@ declare module 'vue' {
     ElLink: typeof import('element-plus/es')['ElLink']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']

src/api/degree.ts

@@ -0,0 +1,7 @@
+import { AxiosWrapper } from './axios-wrapper.js'
+const axios = new AxiosWrapper({ baseUrl: import.meta.env.VITE_APP_ADMIN_BASE_API })
+
+export const getDegree = async (query: any) => {
+  const result = await axios.$get(`/degree`, query)
+  return result
+}

src/api/result.ts

@@ -0,0 +1,7 @@
+import { AxiosWrapper } from './axios-wrapper.js'
+const axios = new AxiosWrapper({ baseUrl: import.meta.env.VITE_APP_ADMIN_BASE_API })
+
+export const createResult = async (data: any) => {
+  const result = await axios.$post(`/result`, data)
+  return result
+}

src/views/win/popularwillParts/formIndex.vue

@@ -90,9 +90,9 @@
             </el-form>
           </el-col>
         </el-col>
-        <!-- <el-col :span="24" class="list" v-else-if="tabActive == '2'">
-          <suggestion-index />
-        </el-col> -->
+        <el-col :span="24" class="list" v-else-if="tabActive == '2'">
+          <investigate-index />
+        </el-col>
         <el-col :span="24" class="back" v-else-if="tabActive == '3'">
           <respond-index />
         </el-col>
@@ -104,23 +104,22 @@
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
 
-/* 意见记录 */
-import suggestionIndex from './suggestionIndex.vue'
+/* 满意度调查 */
+import investigateIndex from './investigateIndex.vue'
 /* 热点回应 */
 import respondIndex from './respondIndex.vue'
 import { myzj } from '@/api/api'
 import { ElMessageBox } from 'element-plus'
-import { onMounted } from 'vue'
 
 const tabList = ref([
   {
     id: '1',
     title: '投诉与建议',
   },
-  // {
-  //   id: '2',
-  //   title: '投诉与建议记录',
-  // },
+  {
+    id: '2',
+    title: '满意度调查',
+  },
   {
     id: '3',
     title: '热点回应',

src/views/win/popularwillParts/investigateIndex.vue

@@ -0,0 +1,221 @@
+<template>
+  <el-row class="main animate__animated animate__backInLeft">
+    <el-col :span="24" class="one" v-if="total > 0">
+      <el-col :span="24" class="title">{{ problemInfo.title || '暂无' }}</el-col>
+      <el-col :span="24" class="brief" v-if="problemInfo.brief">
+        <div v-html="problemInfo.brief"></div>
+      </el-col>
+      <el-col :span="24" class="problem" v-if="investigate && investigate.length > 0">
+        <div class="list" v-for="(item, index) in investigate" :key="index">
+          <div class="listName">
+            <el-icon v-if="item.is_must == '0'" color="red"><StarFilled /></el-icon>
+            <span style="margin: 0 0 0 10px" v-if="item.is_must == '0'">{{ item.name }}：</span>
+            <span style="margin: 0 0 0 10px" v-else>{{ item.name }}：</span>
+          </div>
+          <div class="type" v-if="item.type == '0'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-input size="large" v-model="item.reply" placeholder="请输入内容" />
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+          <div class="type" v-if="item.type == '1'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-input v-model="item.reply" type="textarea" placeholder="请输入内容" />
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+          <div class="type" v-if="item.type == '2'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-radio-group v-model="item.reply">
+              <el-radio v-for="(i, radio) in item.answer" :key="radio" :value="i.text">{{
+                i.text
+              }}</el-radio>
+            </el-radio-group>
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+          <div class="type" v-if="item.type == '3'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-select v-model="item.reply" placeholder="请选择" size="large" style="width: 100%">
+              <el-option
+                v-for="(i, select) in item.answer"
+                :key="select"
+                :label="i.text"
+                :value="i.text"
+              />
+            </el-select>
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+          <div class="type" v-if="item.type == '4'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-input size="large" v-model="item.reply" type="number" placeholder="请输入内容" />
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+          <div class="type" v-if="item.type == '5'">
+            <div class="remark" v-if="item.remark">{{ item.remark }}</div>
+            <el-date-picker
+              v-model="item.reply"
+              clearable
+              placeholder="请选项"
+              type="date"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+            <div v-if="errors[item.name]" class="error-message">{{ errors[item.name] }}</div>
+          </div>
+        </div>
+        <div class="button">
+          <el-button type="primary" @click="toSave()">保存</el-button>
+        </div>
+      </el-col>
+    </el-col>
+    <el-empty v-else description="暂无满意度调查表" />
+  </el-row>
+</template>
+
+<script setup lang="ts">
+import { getDegree } from '@/api/degree'
+import { createResult } from '@/api/result'
+import { ref, onMounted } from 'vue'
+const problemInfo: any = ref({})
+const total = ref(0)
+
+const investigate: any = ref([])
+// 错误信息
+const errors: any = ref({})
+
+onMounted(() => {
+  toSearch()
+})
+/* 查询列表 */
+const toSearch = async () => {
+  const result = await getDegree({ is_use: '0' })
+  if (result.errcode == '0') {
+    problemInfo.value = result.data.data[0]
+    if (result.data.data[0].problem && result.data.data[0].problem.length > 0)
+      investigate.value = result.data.data[0].problem
+    total.value = result.data.total
+  }
+}
+// 自定义的验证函数
+const validateObject = async (arr: any) => {
+  const errors: any = {}
+  for (const obj of arr) {
+    if (obj.is_must == '0') {
+      if (!obj.reply || obj.reply.length == 0) {
+        if (obj.type == '2' || obj.type == '3' || obj.type == '5')
+          errors[obj.name] = `请选择${obj.name}`
+        else if (obj.type == '6') errors[obj.name] = `请上传${obj.name}`
+        else errors[obj.name] = `请填写${obj.name}`
+      }
+    }
+  }
+  // 如果有错误，返回错误对象
+  if (Object.keys(errors).length > 0) {
+    return errors
+  }
+  // 如果没有错误，返回null或undefined
+  return null
+}
+const toSave = async () => {
+  const errorsInfo = await validateObject(investigate.value)
+  // 检查是否有错误
+  if (errorsInfo) {
+    errors.value = errorsInfo
+    console.log(errorsInfo)
+  } else {
+    errors.value = {}
+    const result = await createResult({
+      name: investigate.value[0].reply,
+      problem: investigate.value,
+    })
+    if (result.errcode == 0) {
+      ElMessageBox.alert('提交成功', '提示', {
+        confirmButtonText: '确定',
+        callback: () => {
+          toSearch()
+        },
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.one {
+  .title {
+    font-size: 24px;
+    margin: 20px 0;
+    text-align: center;
+  }
+  .problem {
+    .list {
+      .listName {
+        display: flex;
+        align-items: center;
+        font-size: 18px;
+        margin: 10px 0;
+      }
+
+      .type {
+        padding: 0 0 10px 15px;
+
+        .list {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin: 10px 0;
+
+          .name {
+            width: 50%;
+            text-align: center;
+          }
+
+          .input {
+            width: 50%;
+            margin: 0 5px 0 0;
+
+            .name {
+              width: 50%;
+              text-align: center;
+              margin: 0 0 10px 0;
+            }
+          }
+
+          .icon {
+            display: none;
+            margin: 5px 0 0 0;
+          }
+        }
+
+        .list:hover {
+          .icon {
+            display: block;
+          }
+        }
+
+        .add {
+          border: 1px solid #e5e5e5;
+          border-radius: 5px;
+          text-align: center;
+          padding: 10px;
+          cursor: pointer;
+        }
+
+        .image {
+          width: 100%;
+        }
+        .error-message {
+          margin: 10px 0 0 10px;
+          font-size: 14px;
+          color: red;
+        }
+        .remark {
+          margin: 10px 0 10px 20px;
+          font-size: 14px;
+          color: red;
+        }
+      }
+    }
+    .button {
+      text-align: center;
+    }
+  }
+}
+</style>

src/views/winParts/popularWill.vue

@@ -9,6 +9,7 @@
         class="list animate__animated animate__backInLeft"
         v-for="item in list"
         :key="item"
+        @click="toSearch(item)"
       >
         <template v-if="item.type == '1'">
           <el-col :span="24" class="img">
@@ -84,6 +85,10 @@ const list = ref([
     url: 'my3.png',
   },
 ])
+
+const toSearch = () => {
+  window.open(`/popularwillIndex`)
+}
 </script>
 <style scoped lang="scss">
 .popularWill {