new

vue-admin-template-master/src/api/message.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+//获取信息列表
+export function getMessage() {
+  return request({
+    url: '/showMessage',
+    method: 'get'
+  })
+}
+
+//添加信息列表
+export function addMessage(data) {
+  return request({
+    url: '/insertAllMessage',
+    method: 'post',
+    data
+  })
+}

vue-admin-template-master/src/icons/svg/message.svg

@@ -0,0 +1 @@
+<svg t="1676595877849" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2795" width="200" height="200"><path d="M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z" fill="#1296db" p-id="2796"></path><path d="M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z" fill="#1296db" p-id="2797"></path><path d="M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z" fill="#1296db" p-id="2798"></path></svg>

vue-admin-template-master/src/router/index.js

@@ -127,6 +127,25 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/message',
+    component: Layout,
+    meta: { title: 'Message', icon: 'message' },
+    children: [
+      {
+        path: 'messageList',
+        name: 'messageList',
+        component: () => import('@/views/message/messageList'),
+        meta: { title: '信息列表', icon: 'message' }
+      },
+      {
+        path: 'addMessage',
+        name: 'addMessage',
+        component: () => import('@/views/message/addMessage'),
+        meta: { title: '添加信息', icon: 'message' }
+      }
+    ]
+  },
 
   {
     path: '/nested',

vue-admin-template-master/src/views/message/addMessage.vue

@@ -0,0 +1,144 @@
+/* 
+  添加信息
+  author:zsy
+  date:2023-2-17
+ */
+<template>
+  <div class="add-message">
+    <el-form
+      :model="ruleForm"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+      :rules="rules"
+    >
+      <el-form-item label="用户名称" prop="uname">
+        <el-input v-model="ruleForm.uname"></el-input>
+      </el-form-item>
+
+      <el-form-item label="地址" prop="addressid">
+        <el-select v-model="ruleForm.addressid" placeholder="请选择">
+          <el-option
+            v-for="item in addressData"
+            :key="item.addressid"
+            :label="item.addressname"
+            :value="item.addressid"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="等级" prop="levelid">
+        <el-select v-model="ruleForm.levelid" placeholder="请选择">
+          <el-option
+            v-for="item in levelData"
+            :key="item.jrid"
+            :label="item.levelname"
+            :value="item.jrid"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="电话号码" prop="tel">
+        <el-input v-model="ruleForm.tel"></el-input>
+      </el-form-item>
+
+      <!-- <el-form-item label="添加头像" prop="tcoin">
+        <el-upload
+          class="avatar-uploader"
+          action="https://39.105.160.25:4000/getMessageA"
+          :on-success="handleAvatarSuccess"
+          name="sfile"
+        >
+          <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item> -->
+
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >提交</el-button
+        >
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getLocation } from "@/api/location";
+import { getLevel } from "@/api/level";
+import {addMessage} from '@/api/message'
+export default {
+  data() {
+    return {
+      ruleForm: {
+        uname: "",
+        addressid: "",
+        leveid: "",
+        tel: "",
+      },
+      rules: {},
+      addressData: [],
+      levelData: [],
+    };
+  },
+  methods: {
+    //获取地址列表
+    getLocationList() {
+      getLocation().then((res) => {
+        this.addressData = res.data;
+        console.log(this.addressData);
+      });
+    },
+    //获取等级列表
+    getLevelList() {
+      getLevel().then((res) => {
+        this.levelData = res.data;
+        console.log(this.levelData);
+      });
+    },
+    // //图片上传成功的事件
+    // handleAvatarSuccess(response) {
+    //   console.log(this.response)
+    //   // this.imageUrl = URL.createObjectURL(file.raw);
+    // },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          addMessage({
+            uname: this.ruleForm.uname,
+            addressid: this.ruleForm.addressid,
+            levelid: this.ruleForm.levelid,
+            tel: this.ruleForm.tel,
+          })
+            .then((res) => {
+              this.$message({
+                type: "success",
+                message: res.message,
+              });
+              this.$refs[formName].resetFields();
+              this.$router.push("/message/messageList");
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+  },
+  created() {
+    this.getLocationList();
+    this.getLevelList();
+  },
+};
+</script>
+
+<style>
+</style>

vue-admin-template-master/src/views/message/messageList.vue

@@ -0,0 +1,59 @@
+/* 
+  信息列表
+  author:zsy
+  date: 2023-2-17
+ */
+<template>
+  <div class="message-list">
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="jrid" label="信息" width="180"> </el-table-column>
+      <el-table-column prop="jraddressesid" label="ID" width="180">
+      </el-table-column>
+      <el-table-column prop="jrname" label="姓名" width="180">
+      </el-table-column>
+      <el-table-column prop="jrlevel" label="等级ID" width="180">
+      </el-table-column>
+      <el-table-column prop="levelname" label="等级名称" width="180">
+      </el-table-column>
+      <el-table-column prop="addressname" label="地址名称" width="180">
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" width="120">
+        <template slot-scope="scope">
+          <el-button
+            @click.native.prevent="deleteRow(scope.row)"
+            type="text"
+            size="small"
+          >
+            移除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {getMessage} from '@/api/message'
+export default {
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  methods:{
+    //获取信息列表
+    getMessageList(){
+      getMessage().then((res)=>{
+        this.tableData = res.data
+      })
+    }
+  },
+  created(){
+    this.getMessageList()
+  }
+};
+</script>
+
+<style>
+</style>