src/api/User.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/Home.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/cause/Group.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/common/Publicity.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/manager/User.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/api/User.js
@@ -7,6 +7,7 @@ params }) } export function addPublicityList(params) { return request({ url: '/user/add', @@ -14,3 +15,10 @@ data:params }) } export function toManager(id) { return request({ url: '/user/toManager/' + id, method: 'get' }) } src/views/Home.vue
@@ -118,8 +118,9 @@ <!-- 右侧内容主题 --> <el-main style="background-color: #F5FAFF"> <router-view></router-view> <!-- <div style="position: absolute;bottom: 0;right: 50%;color: #ccc">当前版本 v2.1.3</div>--> </el-main> <div style="position: absolute;bottom: 0;right: 50%;color: #ccc">当前版本 v2.1.3</div> </el-container> </el-container> </template> src/views/cause/Group.vue
@@ -22,7 +22,7 @@ <el-button style="margin-left: 5px" type="primary" @click="search">搜索</el-button> </div> <div class="group-right-left-seach-body-box"> <ul v-infinite-scroll="load" style="overflow:auto;height: 569px" class="group-right-left-seach-body-box-ul"> <ul v-infinite-scroll="load" style="overflow:auto;height: 558px" class="group-right-left-seach-body-box-ul"> <li v-for="messageOne in messageList" class="group-right-left-seach-body-box-li" > <div class="group-right-left-seach-body-box-imgmessage"> <img class="group-img" v-if="messageOne.pic != null && messageOne.pic != ''" :src="messageOne.pic" @@ -254,14 +254,22 @@ background-color: #fff; .group-left{ width: 300px; .inputleft{ margin-top: 10px; margin-left: 5px; } } .group-right{ margin-left: 10px; border-left: 1px solid #ccc; padding-left: 10px; background-color: #fff; //flex-grow: 1; .group-right-name{ margin-bottom: 10px; font-size: 16px; font-weight: 900; margin-top: 10px; } .group-right-box{ display: flex; src/views/common/Publicity.vue
@@ -77,6 +77,20 @@ :style="{ width: '100%' }"></el-input> </el-form-item> </el-col> <el-col> <el-form-item label="正文图片"> <el-upload action="/api/minio/upload" list-type="picture-card" :with-credentials="true" :on-preview="handlePictureCardPreview" :on-success="uploadSuccess3" :on-remove="handleRemove" :file-list="addPublicityForm.img"> <i slot="default" class="el-icon-plus"></i> </el-upload> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="内容 " prop="content"> <el-input v-model="addPublicityForm.text" type="textarea" placeholder="请输入公告内容" clearable @@ -91,15 +105,36 @@ </span> </el-dialog> <!-- 图片放大弹窗 --> <el-dialog :visible.sync="dialogVisible"> <img width="100%" :src="dialogImageUrl" alt=""> </el-dialog> <!--公共宣传详情弹窗--> <el-dialog title="公共宣传详情" :visible.sync="detailsVisible" width="50%" :append-to-body="true" :before-close="detailsVisibleclose"> <el-row :gutter="15"> <el-form ref="addGroupForm" :model="addGroupForm" size="medium" label-width="100px"> <el-form ref="addGroupForm" :model="detailsRow" size="medium" label-width="100px"> <el-col :span="12"> <el-form-item label="标题" prop="effectiveEtime"> <el-input v-model="detailsRow.publicityTitle" disabled></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="正文图片"> <el-upload action="/api/minio/upload" list-type="picture-card" :with-credentials="true" :on-preview="handlePictureCardPreview" :on-success="uploadSuccess3" :on-remove="handleRemove" :file-list="detailsRow.img" disabled class="freePic"> <i slot="default" class="el-icon-plus"></i> </el-upload> </el-form-item> </el-col> <el-col :span="24"> @@ -188,8 +223,9 @@ name: "Publicity", data() { return { fileList: [], dialogImageUrl: '', dialogVisible: false, //详细内容弹框 detailsVisible: false, //详细内容 @@ -197,7 +233,8 @@ //表单提交内容 addPublicityForm: { publicityTitle: '', text: '' text: '', img: [] }, //添加弹框 addPublicityVisibel: false, @@ -255,6 +292,26 @@ }, methods: { uploadSuccess3(res, file) { if (res.code === 200) { this.addPublicityForm.img.push({ name: res.data, url: '/minio/img/' + res.data, uid: this.addPublicityForm.img.length }) } else { this.$message.error(res.msg) } }, // 正文图片上传,删除操作 handleRemove(file, fileList) { // file是点击删除的文件,fileList时删除后剩下的文件列表 this.addPublicityForm.img = fileList }, handlePictureCardPreview(file) { this.dialogImageUrl = file.url this.dialogVisible = true }, //删除 remove(val) { this.$http.delete('/api/publicity/' + val).then(res => { @@ -294,14 +351,25 @@ //详情 details(val) { this.detailsVisible = true; this.$http.get('/api/publicity/' + val).then(res => this.detailsRow = res.data.data); this.$http.get('/api/publicity/' + val).then(res => { this.detailsRow = res.data.data this.detailsRow.img = this.detailsRow['photoStr'].split(',').map(item => { return { name: item, url: '/minio/img/' + item, uid: this.detailsRow['photoStr'].split(',').length } }) this.fileList = this.detailsRow.img }); }, //添加 add() { this.$refs.addPublicityForm.validate(async (vaild) => { if (!vaild) return this.$message.error('输入有误') let param = null; param = this.addPublicityForm; param = JSON.parse(JSON.stringify(this.addPublicityForm)); param.photoStr = param.img.map(item => item.name).join(','); addPublicityList(param).then(res => { this.$message({ message: '操作成功', @@ -385,4 +453,7 @@ ::v-deep(.el-table thead) { color: #000000; } .freePic ::v-deep .el-upload--picture-card { display: none; } </style> src/views/manager/User.vue
@@ -32,7 +32,9 @@ <el-button type="text" size="medium" @click="details(scope.row)">编辑</el-button> <!-- <el-button type="text" size="medium" @click="reset(scope.row.id)">重置密码</el-button>--> <!-- <el-button type="text" size="medium" @click="remove(scope.row.id)" style="color:#ff0000">删除--> <el-button type="text" size="medium" @click="updateStatus(scope.row.id,scope.row.status)">{{scope.row.status==1?"禁用":"启用"}} <el-button type="text" size="medium" @click="handleToManager(scope.row)">设为警员</el-button> <el-button type="text" size="medium" @click="updateStatus(scope.row.id,scope.row.status)"> {{ scope.row.status == 1 ? "禁用" : "启用" }} </el-button> </template> </el-table-column> @@ -94,13 +96,15 @@ </el-col> <el-col :span="12"> <el-form-item label="手机号码" prop="userMobile"> <el-input v-model="detailsRow.userMobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }"> <el-input v-model="detailsRow.userMobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="身份证号" prop="userIdcard"> <el-input v-model="detailsRow.userIdcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }"> <el-input v-model="detailsRow.userIdcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }"> </el-input> </el-form-item> </el-col> @@ -118,7 +122,8 @@ <script> import { getPublicityList, addPublicityList addPublicityList, toManager } from '@/api/User' @@ -153,8 +158,7 @@ detailsVisible: false, //详细内容 detailsRow: { } {} , //表单提交内容 addPublicityForm: { @@ -203,6 +207,15 @@ }, methods: { handleToManager(data) { toManager(data.id).then(res => { this.$message({ message: '设置成功', type: 'success' }) this.search(); }) }, //更新用户状态 updateStatus(id,status) { var _this = this;