客户留言

src/api/website/message.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 留言列表
+export function messageList(data) {
+	return request({
+		url: '/admin/v1/service/message',
+		method: 'post',
+		data,
+	})
+}
+// 留言删除
+export function messageDelete(data) {
+	return request({
+		url: '/admin/v1/service/message/delete',
+		method: 'post',
+		data,
+	})
+}
+// 留言处理
+export function messageHandle(data) {
+	return request({
+		url: '/admin/v1/service/message/handle',
+		method: 'post',
+		data,
+	})
+}

src/store/modules/permission.js

@@ -90,9 +90,10 @@ function handleStr(str, flag) {
 }
 
 function handleComponent(src, flag) {
-	if (flag && src.kind == 1 && src.children.length > 0) {
+	if (flag && src.kind == 1) {
-		// return src.children[0].component
+		if (src.children.length > 0 || src.component.length <= 0) {
-		return 'ParentView'
+			return 'ParentView'
+		}
 	}
 	return src.component
 }

src/views/system/menu/index.vue

@@ -481,6 +481,9 @@ export default {
     submitForm: function () {
       this.$refs["form"].validate((valid) => {
         if (valid) {
+          if (this.form.kind === 1) {
+            this.form.component = "Layout";
+          }
           if (this.form.id) {
             updateMenu(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
@@ -488,9 +491,6 @@ export default {
               this.getList();
             });
           } else {
-            if (this.form.kind === 1) {
-              this.form.component = "Layout";
-            }
             addMenu(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;

src/views/website/aboutUs/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>关于我们</div>
+</template>

src/views/website/activity/active/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>活动列表</div>
+</template>

src/views/website/activity/active/signUp.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>活动报名2222222222222</div>
+</template>

src/views/website/activity/apply/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>申请</div>
+</template>

src/views/website/message/index.vue

@@ -25,13 +25,17 @@
           style="width: 240px"
           @clear="delete queryParams.status"
         >
-          <el-option label="已处理" :value="1" />
+          <el-option
-          <el-option label="未处理" :value="2" />
+            v-for="item in statusOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="需求内容" prop="name">
+      <el-form-item label="需求内容" prop="content">
         <el-input
-          v-model="queryParams.name"
+          v-model="queryParams.content"
           placeholder="请输入需求内容"
           clearable
           size="small"
@@ -53,7 +57,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <!-- <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -64,24 +68,42 @@
           >新增</el-button
         >
       </el-col>
-      <right-toolbar
+      
-        :showSearch.sync="showSearch"
+    </el-row> -->
-        @queryTable="getList"
+    <right-toolbar
-      ></right-toolbar>
+      :showSearch.sync="showSearch"
-    </el-row>
+      @queryTable="getList"
+    ></right-toolbar>
 
-    <el-table v-loading="loading" :data="tenantList">
+    <el-table v-loading="loading" :data="dataList">
-      <el-table-column label="需求内容" prop="name" width="120" />
+      <el-table-column label="数据编号" prop="id" width="120" />
-      <el-table-column label="姓名" prop="contact" align="center" />
+      <el-table-column
-      <el-table-column label="单位" prop="contact_mobile" align="center" />
+        label="需求内容"
-      <el-table-column label="联系方式" prop="domain" align="center" />
+        prop="content"
-      <el-table-column label="邮箱" prop="area" align="center" />
+        align="center"
-      <el-table-column label="提交网页地址" prop="area" align="center" />
+        show-overflow-tooltip
-      <el-table-column label="处理状态" prop="area" align="center" />
+      />
-      <el-table-column label="处理结果" prop="area" align="center" />
+      <el-table-column label="姓名" prop="name" align="center" />
-      <el-table-column label="创建时间" prop="created_at" align="center">
+      <el-table-column label="单位" prop="company" align="center" />
+      <el-table-column label="联系方式" prop="mobile" align="center" />
+      <el-table-column label="邮箱" prop="email" align="center" />
+      <el-table-column label="提交网页地址" prop="area_domain" align="center" />
+      <el-table-column label="处理状态" prop="status" align="center">
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.created_at) }}</span>
+          {{
+            statusOptions.find((item) => item.value == scope.row.status).label
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="处理结果"
+        prop="handle_content"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column label="处理时间" prop="handle_created_at" align="center">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.handle_created_at) }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -94,7 +116,7 @@
             size="mini"
             type="text"
             icon="el-icon-view"
-            @click="handleUpdate(scope.row)"
+            @click="(form = scope.row), (open = true)"
             >查看</el-button
           >
           <el-button
@@ -105,10 +127,11 @@
             >删除</el-button
           >
           <el-button
+            v-if="scope.row.status != 2"
             size="mini"
             type="text"
             icon="el-icon-edit"
-            @click="handleDelete(scope.row)"
+            @click="handleUpdate(scope.row)"
             >处理</el-button
           >
         </template>
@@ -121,21 +144,85 @@
       :limit.sync="queryParams.page_size"
       @pagination="getList"
     />
+    <el-dialog title="查看" :visible.sync="open" width="500px">
+      <el-form ref="form" :model="form" label-width="100px" disabled>
+        <el-form-item label="姓名:">
+          <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="单位:">
+          <el-input v-model="form.company" />
+        </el-form-item>
+        <el-form-item label="联系方式:">
+          <el-input v-model="form.mobile" />
+        </el-form-item>
+        <el-form-item label="邮箱:">
+          <el-input v-model="form.email" />
+        </el-form-item>
+        <el-form-item label="网页地址:">
+          <el-input v-model="form.area_domain" />
+        </el-form-item>
+        <el-form-item label="需求内容:">
+          <el-input
+            v-model="form.content"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 6 }"
+          />
+        </el-form-item>
+        <el-form-item label="处理状态:">
+          <el-select v-model="form.status">
+            <el-option
+              v-for="item in statusOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="处理结果:">
+          <el-input
+            v-model="form.handle_content"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 6 }"
+          />
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 <script>
+import {
+  messageList,
+  messageDelete,
+  messageHandle,
+} from "@/api/website/message";
 export default {
   data() {
     return {
-      loading: false,
+      loading: true,
       showSearch: true,
+      statusOptions: [
+        {
+          label: "未处理",
+          value: 1,
+        },
+        {
+          label: "已处理",
+          value: 2,
+        },
+      ],
       queryParams: {
         name: undefined,
+        status: undefined,
+        content: undefined,
         page_num: 1,
         page_size: 10,
       },
       total: 0,
-      tenantList: [1],
+      dataList: [],
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
     };
   },
   methods: {
@@ -149,42 +236,45 @@ export default {
     },
     getList() {
       this.loading = true;
-      tenant(this.queryParams).then((res) => {
+      messageList(this.queryParams).then((res) => {
-        this.tenantList = res.data.data;
+        this.dataList = res.data.data;
         this.total = res.data.count;
         this.loading = false;
       });
     },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.memberOpen = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: undefined,
-        name: undefined,
-        domain: undefined,
-        province: "",
-        city: "",
-        contact: undefined,
-        contact_mobile: undefined,
-      };
-      this.resetForm("form");
-    },
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加子系统";
-    },
     handleUpdate(row) {
-      this.reset();
+      this.$prompt('请输入数据编号为"' + row.id + '"的处理结果', "处理", {
-      this.form = Object.assign({}, row);
+        confirmButtonText: "确定",
-      this.open = true;
+        cancelButtonText: "取消",
-      this.title = "修改子系统";
+        closeOnClickModal: false,
+        inputType: "textarea",
+        // inputPattern: /^.{5,20}$/,
+        // inputErrorMessage: "长度必须介于 5 和 20 之间",
+      })
+        .then(({ value }) => {
+          messageHandle({ id: row.id, content: value }).then((response) => {
+            this.getList();
+            this.$modal.msgSuccess("处理成功");
+          });
+        })
+        .catch(() => {});
     },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal
+        .confirm('是否确认删除编号为"' + row.id + '"的数据项？')
+        .then(function () {
+          return messageDelete({ id: row.id });
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+  created() {
+    this.getList();
   },
 };
 </script>