| 1 |
- {"ast":null,"code":"export default {\n name: \"Address\",\n data() {\n return {\n tableData: [],\n // 所有的数据\n userList: [],\n pageNum: 1,\n // 当前的页码\n pageSize: 10,\n // 每页显示的个数\n total: 0,\n userName: null,\n fromVisible: false,\n form: {},\n user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n rules: {\n address: [{\n required: true,\n message: '请输入地址',\n trigger: 'blur'\n }],\n doorNo: [{\n required: true,\n message: '请输入门牌号',\n trigger: 'blur'\n }],\n userName: [{\n required: true,\n message: '请输入联系人',\n trigger: 'blur'\n }],\n phone: [{\n required: true,\n message: '请输入电话',\n trigger: 'blur'\n }]\n },\n ids: []\n };\n },\n created() {\n this.load(1);\n },\n methods: {\n handleAdd() {\n // 新增数据\n this.form = {}; // 新增数据的时候清空数据\n this.fromVisible = true; // 打开弹窗\n },\n\n handleEdit(row) {\n // 编辑数据\n this.form = JSON.parse(JSON.stringify(row)); // 给form对象赋值 注意要深拷贝数据\n this.$request.get('/user/selectAll').then(res => {\n this.userList = res.data || [];\n this.fromVisible = true; // 打开弹窗\n });\n },\n\n save() {\n // 保存按钮触发的逻辑 它会触发新增或者更新\n this.$refs.formRef.validate(valid => {\n if (valid) {\n this.$request({\n url: this.form.id ? '/address/update' : '/address/add',\n method: this.form.id ? 'PUT' : 'POST',\n data: this.form\n }).then(res => {\n if (res.code === '200') {\n // 表示成功保存\n this.$message.success('保存成功');\n this.load(1);\n this.fromVisible = false;\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }\n });\n },\n\n del(id) {\n // 单个删除\n this.$confirm('您确定删除吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/address/delete/' + id).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n handleSelectionChange(rows) {\n // 当前选中的所有的行数据\n this.ids = rows.map(v => v.id); // [1,2]\n },\n\n delBatch() {\n // 批量删除\n if (!this.ids.length) {\n this.$message.warning('请选择数据');\n return;\n }\n this.$confirm('您确定批量删除这些数据吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/address/delete/batch', {\n data: this.ids\n }).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n load(pageNum) {\n // 分页查询\n if (pageNum) this.pageNum = pageNum;\n this.$request.get('/address/selectPage', {\n params: {\n pageNum: this.pageNum,\n pageSize: this.pageSize,\n userName: this.userName\n }\n }).then(res => {\n this.tableData = res.data?.list;\n this.total = res.data?.total;\n });\n },\n reset() {\n this.userName = null;\n this.load(1);\n },\n handleCurrentChange(pageNum) {\n this.load(pageNum);\n }\n }\n};","map":{"version":3,"names":["name","data","tableData","userList","pageNum","pageSize","total","userName","fromVisible","form","user","JSON","parse","localStorage","getItem","rules","address","required","message","trigger","doorNo","phone","ids","created","load","methods","handleAdd","handleEdit","row","stringify","$request","get","then","res","save","$refs","formRef","validate","valid","url","id","method","code","$message","success","error","msg","del","$confirm","type","response","delete","catch","handleSelectionChange","rows","map","v","delBatch","length","warning","params","list","reset","handleCurrentChange"],"sources":["src/views/manager/Address.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"search\">\r\n <el-input placeholder=\"请输入联系人查询\" style=\"width: 200px\" v-model=\"userName\"></el-input>\r\n <el-button type=\"info\" plain style=\"margin-left: 10px\" @click=\"load(1)\">查询</el-button>\r\n <el-button type=\"warning\" plain style=\"margin-left: 10px\" @click=\"reset\">重置</el-button>\r\n </div>\r\n\r\n <div class=\"operation\">\r\n <el-button type=\"primary\" plain @click=\"handleAdd\">新增</el-button>\r\n <el-button type=\"danger\" plain @click=\"delBatch\">批量删除</el-button>\r\n </div>\r\n\r\n <div class=\"table\">\r\n <el-table :data=\"tableData\" strip @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\" align=\"center\"></el-table-column>\r\n <el-table-column prop=\"id\" label=\"序号\" width=\"70\" align=\"center\" sortable></el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\"></el-table-column>\r\n <el-table-column prop=\"doorNo\" label=\"门牌号\"></el-table-column>\r\n <el-table-column prop=\"userName\" label=\"联系人\"></el-table-column>\r\n <el-table-column prop=\"phone\" label=\"联系电话\"></el-table-column>\r\n <el-table-column prop=\"userId\" label=\"关联用户ID\" align=\"center\"></el-table-column>\r\n <el-table-column prop=\"user\" label=\"关联用户\"></el-table-column>\r\n <el-table-column label=\"操作\" align=\"center\" width=\"180\">\r\n <template v-slot=\"scope\">\r\n <el-button size=\"mini\" type=\"primary\" plain @click=\"handleEdit(scope.row)\">编辑</el-button>\r\n <el-button size=\"mini\" type=\"danger\" plain @click=\"del(scope.row.id)\">删除</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <div class=\"pagination\">\r\n <el-pagination\r\n background\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"pageNum\"\r\n :page-sizes=\"[5, 10, 20]\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, prev, pager, next\"\r\n :total=\"total\">\r\n </el-pagination>\r\n </div>\r\n </div>\r\n\r\n\r\n <el-dialog title=\"信息\" :visible.sync=\"fromVisible\" width=\"40%\" :close-on-click-modal=\"false\" destroy-on-close>\r\n <el-form :model=\"form\" label-width=\"100px\" style=\"padding-right: 50px\" :rules=\"rules\" ref=\"formRef\">\r\n <el-form-item label=\"地址\" prop=\"address\">\r\n <el-input v-model=\"form.address\" placeholder=\"地址\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"门牌号\" prop=\"doorNo\">\r\n <el-input v-model=\"form.doorNo\" placeholder=\"门牌号\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"联系人\" prop=\"userName\">\r\n <el-input v-model=\"form.userName\" placeholder=\"联系人\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"联系电话\" prop=\"phone\">\r\n <el-input v-model=\"form.phone\" placeholder=\"联系电话\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"关联用户\" prop=\"userId\">\r\n <el-select style=\"width: 100%\" v-model=\"form.userId\">\r\n <el-option v-for=\"item in userList\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"fromVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Address\",\r\n data() {\r\n return {\r\n tableData: [], // 所有的数据\r\n userList: [],\r\n pageNum: 1, // 当前的页码\r\n pageSize: 10, // 每页显示的个数\r\n total: 0,\r\n userName: null,\r\n fromVisible: false,\r\n form: {},\r\n user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\r\n rules: {\r\n address: [\r\n {required: true, message: '请输入地址', trigger: 'blur'},\r\n ],\r\n doorNo: [\r\n {required: true, message: '请输入门牌号', trigger: 'blur'},\r\n ],\r\n userName: [\r\n {required: true, message: '请输入联系人', trigger: 'blur'},\r\n ],\r\n phone: [\r\n {required: true, message: '请输入电话', trigger: 'blur'},\r\n ]\r\n },\r\n ids: []\r\n }\r\n },\r\n created() {\r\n this.load(1)\r\n },\r\n methods: {\r\n handleAdd() { // 新增数据\r\n this.form = {} // 新增数据的时候清空数据\r\n this.fromVisible = true // 打开弹窗\r\n },\r\n handleEdit(row) { // 编辑数据\r\n this.form = JSON.parse(JSON.stringify(row)) // 给form对象赋值 注意要深拷贝数据\r\n this.$request.get('/user/selectAll').then(res => {\r\n this.userList = res.data || []\r\n\r\n this.fromVisible = true // 打开弹窗\r\n })\r\n },\r\n save() { // 保存按钮触发的逻辑 它会触发新增或者更新\r\n this.$refs.formRef.validate((valid) => {\r\n if (valid) {\r\n this.$request({\r\n url: this.form.id ? '/address/update' : '/address/add',\r\n method: this.form.id ? 'PUT' : 'POST',\r\n data: this.form\r\n }).then(res => {\r\n if (res.code === '200') { // 表示成功保存\r\n this.$message.success('保存成功')\r\n this.load(1)\r\n this.fromVisible = false\r\n } else {\r\n this.$message.error(res.msg) // 弹出错误的信息\r\n }\r\n })\r\n }\r\n })\r\n },\r\n del(id) { // 单个删除\r\n this.$confirm('您确定删除吗？', '确认删除', {type: \"warning\"}).then(response => {\r\n this.$request.delete('/address/delete/' + id).then(res => {\r\n if (res.code === '200') { // 表示操作成功\r\n this.$message.success('操作成功')\r\n this.load(1)\r\n } else {\r\n this.$message.error(res.msg) // 弹出错误的信息\r\n }\r\n })\r\n }).catch(() => {\r\n })\r\n },\r\n handleSelectionChange(rows) { // 当前选中的所有的行数据\r\n this.ids = rows.map(v => v.id) // [1,2]\r\n },\r\n delBatch() { // 批量删除\r\n if (!this.ids.length) {\r\n this.$message.warning('请选择数据')\r\n return\r\n }\r\n this.$confirm('您确定批量删除这些数据吗？', '确认删除', {type: \"warning\"}).then(response => {\r\n this.$request.delete('/address/delete/batch', {data: this.ids}).then(res => {\r\n if (res.code === '200') { // 表示操作成功\r\n this.$message.success('操作成功')\r\n this.load(1)\r\n } else {\r\n this.$message.error(res.msg) // 弹出错误的信息\r\n }\r\n })\r\n }).catch(() => {\r\n })\r\n },\r\n load(pageNum) { // 分页查询\r\n if (pageNum) this.pageNum = pageNum\r\n this.$request.get('/address/selectPage', {\r\n params: {\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n userName: this.userName,\r\n }\r\n }).then(res => {\r\n this.tableData = res.data?.list\r\n this.total = res.data?.total\r\n })\r\n },\r\n reset() {\r\n this.userName = null\r\n this.load(1)\r\n },\r\n handleCurrentChange(pageNum) {\r\n this.load(pageNum)\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style><?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<!DOCTYPE mapper\r\n PUBLIC \"-//mybatis.org//DTD Mapper 3.0//EN\"\r\n \"http://mybatis.org/dtd/mybatis-3-mapper.dtd\">\r\n<mapper namespace=\"com.example.mapper.AddressMapper\">\r\n\r\n<sql id=\"Base_Column_List\">\r\n id,address,door_no,user_name,phone,user_id\r\n</sql>\r\n\r\n<select id=\"selectAll\" resultType=\"com.example.entity.Address\">\r\n select\r\n <include refid=\"Base_Column_List\" />\r\n from address\r\n <where>\r\n <if test=\"id != null\"> and id = #{id}</if>\r\n <if test=\"address != null\"> and address like concat('%', #{address}, '%')</if>\r\n <if test=\"doorNo != null\"> and door_no like concat('%', #{doorNo}, '%')</if>\r\n <if test=\"userName != null\"> and user_name like concat('%', #{userName}, '%')</if>\r\n <if test=\"phone != null\"> and phone like concat('%', #{phone}, '%')</if>\r\n <if test=\"userId != null\"> and user_id = #{userId}</if>\r\n </where>\r\n order by id desc\r\n</select>\r\n\r\n<select id=\"selectById\" resultType=\"com.example.entity.Address\">\r\n select\r\n <include refid=\"Base_Column_List\" />\r\n from address\r\n where id = #{id}\r\n</select>\r\n\r\n<delete id=\"deleteById\">\r\n delete from address\r\n where id = #{id}\r\n</delete>\r\n\r\n<insert id=\"insert\" parameterType=\"com.example.entity.Address\" useGeneratedKeys=\"true\" keyProperty=\"id\">\r\n insert into address\r\n <trim prefix=\"(\" suffix=\")\" suffixOverrides=\",\">\r\n <if test=\"id != null\">id,</if>\r\n <if test=\"address != null\">address,</if>\r\n <if test=\"doorNo != null\">door_no,</if>\r\n <if test=\"userName != null\">user_name,</if>\r\n <if test=\"phone != null\">phone,</if>\r\n <if test=\"userId != null\">user_id,</if>\r\n </trim>\r\n <trim prefix=\"values (\" suffix=\")\" suffixOverrides=\",\">\r\n <if test=\"id != null\">#{id},</if>\r\n <if test=\"address != null\">#{address},</if>\r\n <if test=\"doorNo != null\">#{doorNo},</if>\r\n <if test=\"userName != null\">#{userName},</if>\r\n <if test=\"phone != null\">#{phone},</if>\r\n <if test=\"userId != null\">#{userId},</if>\r\n </trim>\r\n</insert>\r\n\r\n<update id=\"updateById\" parameterType=\"com.example.entity.Address\">\r\n update address\r\n <set>\r\n <if test=\"address != null\">\r\n address = #{address},\r\n </if>\r\n <if test=\"doorNo != null\">\r\n door_no = #{doorNo},\r\n </if>\r\n <if test=\"userName != null\">\r\n user_name = #{userName},\r\n </if>\r\n <if test=\"phone != null\">\r\n phone = #{phone},\r\n </if>\r\n <if test=\"userId != null\">\r\n user_id = #{userId},\r\n </if>\r\n </set>\r\n where id = #{id}\r\n</update>\r\n\r\n</mapper>"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
