c-zhangr1/UNION_NSI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
c-zhangr1
2026-09-08 19:49:21 +08:00
commit ebffbab428
7320 changed files with 1477614 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
target/classes/views/platform/wx/reply/img/index.html
+416
View File
@@ -0,0 +1,416 @@
<!--#
layout("/layouts/platform.html"){
#-->
<style>
.el-upload input[type=file] {
display: none;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
}
.avatar {
width: 80px;
height: 80px;
display: block;
}
</style>
<div id="app" v-cloak>
<el-row class="header navbar bg-white shadow">
<div class="btn-group tool-button mt5">
<span>微信公众号：</span>
<el-select size="medium" v-model="pageForm.wxid" placeholder="请选择" @change="change">
<el-option
v-for="item in wxConfigs"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button size="medium" @click="openAdd">
<i class="ti-plus"></i>
新建图片
</el-button>
</div>
<div class="pull-right offscreen-right mt5">
<el-button size="medium" @click="delMore" type="danger" :disabled="selectData.length==0">
<i class="el-icon-delete"></i>
删除
</el-button>
</div>
</el-row>
<el-row class="el-table-container">
<el-table
:data="tableData"
@sort-change='pageOrder'
size="small"
header-align="center"
style="width: 100%"
@selection-change="handleSelectionChange"
:default-sort="{prop: 'createdAt', order: 'descending'}"
>
<el-table-column
type="selection"
width="35">
</el-table-column>
<el-table-column label="图片" header-align="left" prop="picurl"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<img v-if="scope.row.picurl!=''" :src="'${AppFileDomain!}'+scope.row.picurl" width="50" height="50">
</template>
</el-table-column>
<el-table-column label="MediaId" header-align="left" prop="mediaId"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="id"
label="操作"
width="120">
<template slot-scope="scope">
<el-dropdown @command="dropdownCommand">
<el-button size="mini">
<i class="ti-settings"></i>
<span class="ti-angle-down"></span>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{type:'edit',id:scope.row.id}">
修改
</el-dropdown-item>
<el-dropdown-item
:command="{type:'delete',id:scope.row.id,picurl:scope.row.picurl}">
删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row class="el-pagination-container">
<el-pagination
@size-change="pageSizeChange"
@current-change="pageNumberChange"
:current-page="pageForm.pageNumber"
:page-sizes="[10, 20, 30, 50]"
:page-size="pageForm.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageForm.totalCount">
</el-pagination>
</el-row>
<el-dialog
title="新建图片"
:visible.sync="addDialogVisible"
width="30%">
<el-form :model="formData" ref="addForm" :rules="formRules" size="small" label-width="80px">
<el-form-item prop="picurl" label="发送图片(2M以内)">
<el-upload
class="avatar-uploader"
tabindex="5"
action="${base}/platform/wx/msg/mass/uploadImage/<!--#if(!isEmpty(wxConfig)){#-->${wxConfig.id!}<!--#}#-->"
name="Filedata"
:before-upload="beforeImageUpload"
:show-file-list="false"
:on-success="function(resp,file,fileList){return handlePicSuccess(resp,file,fileList,'picurl')}">
<img v-if="formData.picurl" :src="'${AppFileDomain!}'+formData.picurl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="addDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="doAdd">确 定</el-button>
</span>
</el-dialog>
<el-dialog
title="修改图片"
:visible.sync="editDialogVisible"
width="40%">
<el-form :model="formData" ref="editForm" :rules="formRules" size="small" label-width="80px">
<el-form-item prop="picurl" label="发送图片(2M以内)">
<el-upload
class="avatar-uploader"
tabindex="5"
action="${base}/platform/wx/msg/mass/uploadImage/<!--#if(!isEmpty(wxConfig)){#-->${wxConfig.id!}<!--#}#-->"
name="Filedata"
:before-upload="beforeImageUpload"
:show-file-list="false"
:on-success="function(resp,file,fileList){return handlePicSuccess(resp,file,fileList,'picurl')}">
<img v-if="formData.picurl" :src="'${AppFileDomain!}'+formData.picurl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="editDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="doEdit">确 定</el-button>
</span>
</el-dialog>
</div>
<script>
new Vue({
el: "#app",
data: function () {
var wxConfigs = [];
<!--#for(o in wxList){#-->
wxConfigs.push({value: "${o.id!}", label: "${o.appname!}"});
<!--#}#-->
return {
wxConfigs: wxConfigs,
addDialogVisible: false,
editDialogVisible: false,
selectData: [],
pageForm: {
wxid: "<!--#if(!isEmpty(wxConfig)){#-->${wxConfig.id!}<!--#}#-->",
searchName: "",
searchKeyword: "",
pageNumber: 1,
pageSize: 10,
totalCount: 0,
pageOrderName: "createdAt",
pageOrderBy: "descending"
},
tableData: [],
formData: {
id: "",
},
formRules: {
picurl: [
{required: true, message: '图片', trigger: 'blur'}
]
},
}
},
methods: {
pageOrder: function (column) {//按字段排序
this.pageForm.pageOrderName = column.prop;
this.pageForm.pageOrderBy = column.order;
this.pageData();
},
pageNumberChange: function (val) {//页码更新操作
this.pageForm.pageNumber = val;
this.pageData();
},
pageSizeChange: function (val) {//分页大小更新操作
this.pageForm.pageSize = val;
this.pageData();
},
pageData: function () {//加载分页数据
var self = this;
sublime.showLoadingbar();//显示loading
$.post(base + "/platform/wx/reply/img/data", self.pageForm, function (data) {
sublime.closeLoadingbar();//关闭loading
if (data.code == 0) {
self.tableData = data.data.list;
self.pageForm.totalCount = data.data.totalCount;
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
},
formatAt: function (val) {
if (val > 0)
return moment(val).format("YYYY-MM-DD HH:mm");
return "";
},
handleSelectionChange: function (val) {
this.selectData = val;
},
openAdd: function () {
var self = this;
self.addDialogVisible = true;
self.formData = {
id: "",
wxid: "<!--#if(!isEmpty(wxConfig)){#-->${wxConfig.id!}<!--#}#-->",
mediaId:""
};//打开新增窗口,表单先清空
if (self.$refs["addForm"])
self.$refs["addForm"].resetFields();
},
doAdd: function () {
var self = this;
var url = base + "/platform/wx/reply/img/addDo";
self.$refs["addForm"].validate(function (valid) {
if (valid) {//表单验证通过
$.post(url, self.formData, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.addDialogVisible = false;
self.pageData();
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
});
},
doEdit: function () {
var self = this;
var url = base + "/platform/wx/reply/img/editDo";
self.$refs["editForm"].validate(function (valid) {
if (valid) {//表单验证通过
$.post(url, self.formData, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.editDialogVisible = false;
self.pageData();
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
});
},
delMore: function () {
var self = this;
if (self.selectData.length == 0) {
self.$message({
message: "请选择消息",
type: 'warning'
});
return false;
}
var ids = [];
self.selectData.forEach(function (val) {
ids.push(val.id);
});
self.$confirm('您确定要删除选中的 ' + ids.length + ' 条数据？ ', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
callback: function (a, b) {
if ("confirm" == a) {//确认后再执行
$.post(base + "/platform/wx/reply/img/delete", {ids: ids.toString()}, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.pageData();
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
}
});
},
dropdownCommand: function (command) {//监听下拉框事件
var self = this;
if ("edit" == command.type) {
$.post(base + "/platform/wx/reply/img/edit/" + command.id, {}, function (data) {
if (data.code == 0) {
self.formData = data.data;//加载后台表单数据
self.editDialogVisible = true;//打开编辑窗口
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
if ("delete" == command.type) {
self.$confirm('此操作将删除图片： ' + command.picurl, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
callback: function (a, b) {
if ("confirm" == a) {//确认后再执行
$.post(base + "/platform/wx/reply/img/delete/" + command.id, {}, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.pageData();
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
}
});
}
},
handlePicSuccess: function (response, file, fileList, attrName) {
if (response.code == 0) {
// 对象属性直接赋值不会触发试图更新，采用 Vue.set 、this.$set或者Object.assign({}，this.obj)创建新对象
// 或者也可以定义一个 refresh 属性 ，当数据发生改变时，该属性同时变化，也会触发视图更新
// this.formData.site_logo =response.data;
this.$set(this.formData, "picurl", response.data.picurl);
this.$set(this.formData, "mediaId", response.data.id);
} else {
this.$set(this.formData, "picurl", "");
this.$set(this.formData, "mediaId", "");
}
},
beforeImageUpload: function (file) {
var isLt2M = file.size / 1024 / 1024 < 2;
if ("image/jpeg" != file.type && "image/png" != file.type) {
this.$message.error('上传图片只能是 JPG 或 PNG 格式');
return false;
}
if (!isLt2M) {
this.$message.error('上传图片大小不能超过 2MB');
return false;
}
return true;
},
change: function (val) {
window.location.href = "${base}/platform/wx/reply/img/index/" + val;
}
},
created: function () {
this.pageData();
}
});
</script>
<!--#
}
#-->