feat(sms): 短信相关模块移除
This commit is contained in:
woody
parent
ec365d55a5
commit
120e336818
|
|
@ -1351,33 +1351,6 @@ export const constantRoutes = [
|
|||
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/informCentre',
|
||||
component: Layout,
|
||||
name: 'informCentre',
|
||||
meta: { title: '通知中心', icon: 'tz', icon1: 'tzSel' },
|
||||
children: [
|
||||
{
|
||||
path: 'noticeList',
|
||||
name: 'noticeList',
|
||||
component: () => import('@/views/informCentre/noticeList/index'),
|
||||
meta: { title: '公告列表' }
|
||||
},
|
||||
{
|
||||
path: 'noticeDetails',
|
||||
name: 'noticeDetails',
|
||||
component: () => import('@/views/informCentre/noticeList/noticeDetails'),
|
||||
meta: { title: '公告详情' },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'message',
|
||||
name: 'message',
|
||||
component: () => import('@/views/informCentre/message/index'),
|
||||
meta: { title: '站内信' }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/announcement',
|
||||
component: Layout,
|
||||
|
|
@ -1873,56 +1846,6 @@ export const constantRoutes = [
|
|||
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'smsRecord',
|
||||
name: 'smsRecord',
|
||||
meta: { title: '短信配置' },
|
||||
component: ParentView,
|
||||
redirect: 'smsRecord/index',
|
||||
children: [
|
||||
{
|
||||
path: 'smsRecordList',
|
||||
name: 'smsRecordList',
|
||||
component: () => import('@/views/configManage/smsRecord/index'),
|
||||
meta: { title: '短信配置' }
|
||||
},
|
||||
{
|
||||
path: 'smsTemplate',
|
||||
name: 'SmsTemplate',
|
||||
component: () => import('@/views/configManage/smsTemplate/index'),
|
||||
meta: { title: '短信模板' },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'addSms',
|
||||
name: 'AddSms',
|
||||
component: () => import('@/views/configManage/addSms/index'),
|
||||
meta: { title: '新增短信' },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'selectOrder',
|
||||
name: 'SelectOrder',
|
||||
component: () => import('@/views/configManage/selectOrder/index'),
|
||||
meta: { title: '选择订单' },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'selectMember',
|
||||
name: 'SelectMember',
|
||||
component: () => import('@/views/configManage/selectMember/index'),
|
||||
meta: { title: '选择会员' },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'smsTemplateAdd',
|
||||
name: 'SmsTemplateAdd',
|
||||
component: () => import('@/views/configManage/smsTemplateAdd/index'),
|
||||
meta: { title: '短信模板' },
|
||||
hidden: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'mailbox',
|
||||
name: 'Mailbox',
|
||||
|
|
|
|||
|
|
@ -1,719 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<div class="thetopbox">
|
||||
<el-form ref="form" :model="queryParams" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'会员编号'">
|
||||
<el-input v-model="queryParams.memberCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'会员姓名'" prop="teamCode">
|
||||
<el-input v-model="queryParams.memberName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'联系方式'" prop="teamCode">
|
||||
<el-input v-model="queryParams.phone" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'注册等级'" prop="status">
|
||||
<el-select
|
||||
clearable
|
||||
:placeholder="'请选择'"
|
||||
v-model="queryParams.pkRegisterGrade"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in gradeRangList"
|
||||
:key="item.pkId"
|
||||
:label="item.gradeName"
|
||||
:value="item.pkId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'结算等级'" prop="status">
|
||||
<el-select
|
||||
clearable
|
||||
:placeholder="'请选择'"
|
||||
v-model="queryParams.pkSettleGrade"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in gradeRangList"
|
||||
:key="item.pkId"
|
||||
:label="item.gradeName"
|
||||
:value="item.pkId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'真实奖衔'" prop="pkAwards">
|
||||
<el-select
|
||||
clearable
|
||||
:placeholder="'请选择'"
|
||||
v-model="queryParams.pkAwards"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in awardsList"
|
||||
:key="item.awardsValue"
|
||||
:label="item.awardsName"
|
||||
:value="item.awardsValue"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="margin: 0 0 20px 30px">
|
||||
<div class="searchbox">
|
||||
<el-button class="searchbtn" @click="research()"> {{ '搜索' }}</el-button>
|
||||
<el-button @click="reChongzhi"> {{ '重置' }}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button size="small" @click="handleImport" style="background-color: #008077" class="thebtn1"> {{ '导入' }}</el-button>
|
||||
<el-button size="small" @click="importTemplate" style="background-color: #009B58" class="thebtn1"> {{ '下载模板' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
:span-method="objectSpanMethod"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column align="center" prop="memberCode" :label="'会员编号'" />
|
||||
<el-table-column align="center" prop="memberName" :label="'会员姓名'" />
|
||||
<el-table-column align="center" prop="phone" :label="'联系方式'" />
|
||||
<el-table-column align="center" prop="registerGradeVal" :label="'注册等级'" />
|
||||
<el-table-column align="center" prop="settleGradeVal" :label="'结算等级'" />
|
||||
<el-table-column align="center" prop="awardsVal" :label="'真实奖衔'" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="ruleShow"
|
||||
width="50%"
|
||||
center
|
||||
:close-on-click-modal="false"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-form ref="forms" :rules="rules" :model="table" label-width="80px">
|
||||
<el-form-item :label="'角色姓名'" prop="roleName">
|
||||
<el-input
|
||||
v-model="table.roleName"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'显示排序'" prop="roleSort">
|
||||
<el-input
|
||||
v-model="table.roleSort"
|
||||
type="number"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'权限字符'" prop="roleKey">
|
||||
<el-input
|
||||
v-model="table.roleKey"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'状态'" prop="status">
|
||||
<el-checkbox-group v-model="table.status" @change="statusChange">
|
||||
<el-checkbox
|
||||
v-for="(item, index) in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
name="type"
|
||||
/>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<div style="padding-top: 100px;display: flex;justify-content: center">
|
||||
<el-button type="text" size="small" class="button-style" @click="handleClose"> {{ '取消' }}</el-button>
|
||||
<el-button v-preventReClick="3000" type="text" size="small" class="button-style" style="margin-left: 40px;background-color: #48B2FD;" @click="submitBtn()">
|
||||
{{ '确认' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
<div class="footer">
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
@click="$router.push('/configManage/smsRecord/addSms?state=1');"
|
||||
> {{ '取消' }}</el-button>
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn1"
|
||||
@click="submit"
|
||||
> {{ '确认' }}</el-button>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="upload.title"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="upload.open"
|
||||
width="600px"
|
||||
append-to-body
|
||||
>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">
|
||||
{{'将文件拖到此处，或'}}
|
||||
<em>{{'点击上传'}}</em>
|
||||
</div>
|
||||
<div class="el-upload__tip" slot="tip">
|
||||
<el-link type="info" style="font-size: 12px" @click="importTemplate"
|
||||
> {{ '下载模板' }}</el-link
|
||||
>
|
||||
</div>
|
||||
<div class="el-upload__tip" style="color: red" slot="tip">
|
||||
{{'提示：仅允许导入“xls”或“xlsx”格式文件！'}}
|
||||
</div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">{{'确认'}}</el-button>
|
||||
<el-button @click="upload.open = false">{{'取消'}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
import * as api from '@/api/sms'
|
||||
import { Message } from 'element-ui'
|
||||
import { deleteAgreement } from '@/api/configManage'
|
||||
import {getToken} from "@/utils/auth";
|
||||
export default {
|
||||
name: 'Qxpz',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
forms: '',
|
||||
rules: {
|
||||
roleName: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
roleSort: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
ruleStr: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
table: { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] },
|
||||
ruleShow: false,
|
||||
moren: 'smsRecordList',
|
||||
topList: [
|
||||
{
|
||||
name: '短信记录',
|
||||
path: 'smsRecordList'
|
||||
},
|
||||
{
|
||||
name: '短信模板',
|
||||
path: 'smsTemplate'
|
||||
},
|
||||
{
|
||||
name: '新增短信',
|
||||
path: 'addSms'
|
||||
}
|
||||
],
|
||||
defaultParams: {
|
||||
label: 'label',
|
||||
value: 'value',
|
||||
children: 'enumList'
|
||||
},
|
||||
multipleSelection: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
},
|
||||
gradeRangList: [],
|
||||
awardsList: [],
|
||||
statusList: [{ 'name': '正常', 'id': '0' }, { 'name': '停用', 'id': '1' }],
|
||||
menuOptions: [],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
types: '',
|
||||
formId: '',
|
||||
upload: {
|
||||
// 是否显示弹出层（物流导入）
|
||||
open: false,
|
||||
// 弹出层标题（物流导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的物流数据
|
||||
updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url:
|
||||
process.env.VUE_APP_BASE_API +
|
||||
"/member/manager/member/member-select-import",
|
||||
},
|
||||
changeMemberTable: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.research()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
/** 导入按钮操作 */
|
||||
handleImport() {
|
||||
console.error(11)
|
||||
this.upload.title = "选择会员导入";
|
||||
this.upload.open = true;
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
var fileName = response.fileName;
|
||||
if (fileName != undefined && fileName != "") {
|
||||
}
|
||||
if (response.code == 200) {
|
||||
this.changeMemberTable = response.data;
|
||||
}
|
||||
|
||||
this.upload.open = false;
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.upload.clearFiles();
|
||||
this.$alert(response.msg, '导入结果', { dangerouslyUseHTMLString: true });
|
||||
// this.getList();
|
||||
},
|
||||
// 上传文件数量超出后的动作
|
||||
handleExceed() {
|
||||
this.upload.isUploading = false;
|
||||
this.msgInfo('仅可上传一个文件哦');
|
||||
},
|
||||
// 提交上传文件
|
||||
submitFileForm() {
|
||||
this.$refs.upload.submit();
|
||||
},
|
||||
//下载模板
|
||||
importTemplate() {
|
||||
this.download(
|
||||
"/member/manager/member/member-select-template",
|
||||
{},
|
||||
`选择会员-${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
submit() {
|
||||
const section = this.$refs.multipleTable.selection
|
||||
if (section.length == 0) {
|
||||
Message({
|
||||
message: '请选择数据'
|
||||
})
|
||||
return
|
||||
}
|
||||
localStorage.setItem('memberList', JSON.stringify(section))
|
||||
this.$router.push('/configManage/smsRecord/addSms?status=1&state=1')
|
||||
},
|
||||
getData() {
|
||||
// 真实奖衔下拉选
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
// 注册等级下拉
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
addRules() {
|
||||
this.types = 1
|
||||
this.ruleShow = true
|
||||
},
|
||||
submitBtn() {
|
||||
// 添加角色
|
||||
this.ruleSubmit()
|
||||
},
|
||||
updateShow(item) {
|
||||
this.types = 2
|
||||
// 更新角色信息
|
||||
this.formId = item.roleId
|
||||
api.roleDetails(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.ruleShow = true
|
||||
this.table = { 'roleName': res.data.roleName, 'roleSort': res.data.roleSort,
|
||||
'roleKey': res.data.roleKey, 'status': res.data.status === 0 ? ['正常'] : ['停用'] }
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
delRole(item) {
|
||||
// 删除角色信息
|
||||
this.$confirm('确认要删除该角色吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api.delRole(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
})
|
||||
this.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
ruleSubmit() {
|
||||
const datas = this.table
|
||||
const that = this
|
||||
this.$refs['forms'].validate(valid => {
|
||||
if (!valid) {
|
||||
return false
|
||||
} else {
|
||||
if (this.types === 1) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
api.addRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '添加成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
if (this.types === 2) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
datas.roleId = this.formId
|
||||
api.putRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '修改成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
statusChange(value) {
|
||||
if (this.table.status.length > 1) {
|
||||
this.table.status.splice(0, 1)
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.ruleShow = false
|
||||
this.table = { 'ruleName': '', 'sort': '', 'ruleStr': '', 'status': ['正常'] }
|
||||
},
|
||||
changeBox(row) {
|
||||
console.error(row)
|
||||
},
|
||||
addFrom() {
|
||||
},
|
||||
addRule() {
|
||||
},
|
||||
changeTime(value) {
|
||||
// this.queryParams.creationTime = value[0]
|
||||
// this.queryParams.endCreationTime = value[1]
|
||||
},
|
||||
handleChangeMunu(value) {
|
||||
console.log('🌈', value[value.length - 1])
|
||||
this.queryParams.menuId = value[value.length - 1]
|
||||
},
|
||||
// 菜单下拉选
|
||||
getPubenumsList() {
|
||||
getPubenumsList().then((res) => {
|
||||
this.menuOptions = res.data
|
||||
})
|
||||
},
|
||||
// 等级范围选择
|
||||
getgradeRanglist() {
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
// 奖衔下拉列表
|
||||
getAwardsListChiose() {
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
},
|
||||
research() {
|
||||
// // 日期传入改为起止两个字段
|
||||
// if ("" != this.queryParams.creationTime) {
|
||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||
// }
|
||||
|
||||
// creationTime: '', // 开始时间
|
||||
// modifiedTime: '' // 结束时间
|
||||
api.memberSelect(this.queryParams).then((res) => {
|
||||
// res.rows.forEach((element) => {
|
||||
// element.alist = []
|
||||
// element.blist = []
|
||||
// element.clist = []
|
||||
// element.themenus = ''
|
||||
// element.theaward = ''
|
||||
// element.thegrade = ''
|
||||
// element.menuList.forEach((item) => {
|
||||
// element.alist.push(item.menuVal)
|
||||
// element.themenus = element.alist.join('/')
|
||||
// })
|
||||
// element.awardList.forEach((item) => {
|
||||
// element.blist.push(item.awardVal)
|
||||
// element.theaward = element.blist.join('/')
|
||||
// })
|
||||
// element.gradeList.forEach((item) => {
|
||||
// element.clist.push(item.gradeVal)
|
||||
// element.thegrade = element.clist.join('/')
|
||||
// })
|
||||
// })
|
||||
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
startDate: '', // 开始时间
|
||||
endDate: [] // 结束时间
|
||||
}
|
||||
this.research()
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex === 0) {
|
||||
// if (rowIndex % 2 === 0) {
|
||||
// return {
|
||||
// rowspan: 2,
|
||||
// colspan: 1,
|
||||
// };
|
||||
// } else {
|
||||
// return {
|
||||
// rowspan: 0,
|
||||
// colspan: 0,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.footer {
|
||||
height: 68px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px -3px 20px 0px rgba(204, 204, 204, 0.5);
|
||||
// margin: 0 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.thebtn1 {
|
||||
background: #3181e5;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
.thebtn2 {
|
||||
background: #cccccc;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 10px 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,581 +0,0 @@
|
|||
<!-- 订单 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<div class="thetopbox">
|
||||
<el-form ref="form" :model="queryParams" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'订单编号'">
|
||||
<el-input v-model="queryParams.orderCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'会员编号'">
|
||||
<el-input v-model="queryParams.memberCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'产品名称'" prop="teamCode">
|
||||
<el-input v-model="queryParams.productName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'收货人'" prop="teamCode">
|
||||
<el-input v-model="queryParams.recName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'收货电话'">
|
||||
<el-input v-model="queryParams.recPhone" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'二次物流单号'" prop="teamCode">
|
||||
<el-input v-model="queryParams.logisticsCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="二次物流公司" prop="teamCode">
|
||||
<el-input v-model="queryParams.logisticsCompany" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item :label="'详细地址'" prop="pkAwards">
|
||||
<el-cascader
|
||||
v-model="queryParams.changeAreaList"
|
||||
style="width: 100%"
|
||||
:options="allAreaList"
|
||||
popper-class="mypopperclass"
|
||||
:props="defaultParams"
|
||||
@change="handleChange1"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" class="lables">
|
||||
<el-form-item label="" prop="teamCode">
|
||||
<el-input v-model="queryParams.recAddress" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="margin: 0 0 20px 30px">
|
||||
<div class="searchbox">
|
||||
<el-button class="searchbtn" @click="research()"> {{ '搜索' }}</el-button>
|
||||
<el-button @click="reChongzhi"> {{ '重置' }}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button size="small" style="background-color: #008077" class="thebtn1" @click="handleImport"> {{ '导入' }}</el-button>
|
||||
<el-button size="small" style="background-color: #009B58" class="thebtn1" @click="importTemplate"> {{ '下载模板' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
:span-method="objectSpanMethod"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column align="center" prop="orderCode" :label="'订单编号'" />
|
||||
<el-table-column align="center" prop="memberCode" :label="'会员编号'" />
|
||||
<el-table-column align="center" prop="productName" :label="'产品名称'" />
|
||||
<el-table-column align="center" prop="quantity" :label="'产品数量'" />
|
||||
<el-table-column align="center" prop="recName" :label="'收货人'" />
|
||||
<el-table-column align="center" prop="recPhone" :label="'收货人'" />
|
||||
<el-table-column align="center" prop="recProvinceVal" :label="'省'" />
|
||||
<el-table-column align="center" prop="recCityVal" :label="'市'" />
|
||||
<el-table-column align="center" prop="recCountyVal" :label="'区/县'" />
|
||||
<el-table-column align="center" prop="recAddress" :label="'详细地址'" />
|
||||
<el-table-column align="center" prop="logisticsCode" :label="'二次物流单号'" />
|
||||
<el-table-column align="center" prop="logisticsCompany" label="二次物流公司" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
<div class="footer">
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
@click="$router.push('/configManage/smsRecord/addSms?state=1');"
|
||||
> {{ '取消' }}</el-button>
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn1"
|
||||
:disabled="disabled"
|
||||
@click="submit"
|
||||
> {{ '确认' }}</el-button>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="upload.title"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="upload.open"
|
||||
width="600px"
|
||||
append-to-body
|
||||
>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload" />
|
||||
<div class="el-upload__text">
|
||||
{{ '将文件拖到此处，或' }}
|
||||
<em>{{ '点击上传' }}</em>
|
||||
</div>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
<el-link
|
||||
type="info"
|
||||
style="font-size: 12px"
|
||||
@click="importTemplate"
|
||||
> {{ '下载模板' }}</el-link>
|
||||
</div>
|
||||
<div slot="tip" class="el-upload__tip" style="color: red">
|
||||
{{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
|
||||
</div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">{{ '确认' }}</el-button>
|
||||
<el-button @click="upload.open = false">{{ '取消' }}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import { findAllArea } from '@/api/product'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
import * as api from '@/api/sms'
|
||||
import { Message } from 'element-ui'
|
||||
import { deleteAgreement } from '@/api/configManage'
|
||||
import { getToken } from '@/utils/auth'
|
||||
export default {
|
||||
name: 'Qxpz',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
disabled: false,
|
||||
forms: '',
|
||||
rules: {
|
||||
roleName: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
roleSort: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
ruleStr: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
table: { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] },
|
||||
ruleShow: false,
|
||||
moren: 'smsRecordList',
|
||||
topList: [
|
||||
{
|
||||
name: '短信记录',
|
||||
path: 'smsRecordList'
|
||||
},
|
||||
{
|
||||
name: '短信模板',
|
||||
path: 'smsTemplate'
|
||||
},
|
||||
{
|
||||
name: '新增短信',
|
||||
path: 'addSms'
|
||||
}
|
||||
],
|
||||
defaultParams: {
|
||||
label: 'name',
|
||||
value: 'pkId',
|
||||
children: 'children'
|
||||
},
|
||||
multipleSelection: [],
|
||||
queryParams: {
|
||||
changeAreaList: [],
|
||||
recProvince: '',
|
||||
recCity: '',
|
||||
recCounty: '',
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '' // 状态
|
||||
},
|
||||
gradeRangList: [],
|
||||
awardsList: [],
|
||||
statusList: [{ 'name': '正常', 'id': '0' }, { 'name': '停用', 'id': '1' }],
|
||||
menuOptions: [],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
types: '',
|
||||
formId: '',
|
||||
allAreaList: [],
|
||||
upload: {
|
||||
// 是否显示弹出层（物流导入）
|
||||
open: false,
|
||||
// 弹出层标题（物流导入）
|
||||
title: '',
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的物流数据
|
||||
updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: 'Bearer ' + getToken() },
|
||||
// 上传的地址
|
||||
url:
|
||||
process.env.VUE_APP_BASE_API +
|
||||
'/sale/manage/order/order-select-import'
|
||||
},
|
||||
changeMemberTable: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.research()
|
||||
// this.getData()
|
||||
this.findAllArea()
|
||||
},
|
||||
methods: {
|
||||
/** 导入按钮操作 */
|
||||
handleImport() {
|
||||
this.upload.title = '选择订单导入'
|
||||
this.upload.open = true
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
var fileName = response.fileName
|
||||
if (fileName != undefined && fileName != '') {
|
||||
}
|
||||
if (response.code == 200) {
|
||||
this.changeMemberTable = response.data
|
||||
}
|
||||
|
||||
this.upload.open = false
|
||||
this.upload.isUploading = false
|
||||
this.$refs.upload.clearFiles()
|
||||
this.$alert(response.msg, '导入结果', { dangerouslyUseHTMLString: true })
|
||||
// this.getList();
|
||||
},
|
||||
// 上传文件数量超出后的动作
|
||||
handleExceed() {
|
||||
this.upload.isUploading = false
|
||||
this.msgInfo('仅可上传一个文件哦')
|
||||
},
|
||||
// 提交上传文件
|
||||
submitFileForm() {
|
||||
this.$refs.upload.submit()
|
||||
},
|
||||
// 下载模板
|
||||
importTemplate() {
|
||||
this.download(
|
||||
'/sale/manage/order/order-select-template',
|
||||
{},
|
||||
`${'选择订单'}-${new Date().getTime()}.xlsx`
|
||||
)
|
||||
},
|
||||
handleChange1(res) {
|
||||
this.queryParams.recProvince = res[0]
|
||||
this.queryParams.recCity = res[1]
|
||||
this.queryParams.recCounty = res[2]
|
||||
},
|
||||
// 查询全部地区
|
||||
findAllArea() {
|
||||
findAllArea().then((res) => {
|
||||
this.allAreaList = res.data
|
||||
this.allAreaList.forEach((item) => {
|
||||
item.children.forEach((ctm, cdx) => {
|
||||
ctm.isShow = true
|
||||
})
|
||||
item.isShow = true
|
||||
})
|
||||
this.allTsAreaList = JSON.parse(JSON.stringify(this.allAreaList))
|
||||
this.allTsAreaList.forEach((item, index) => {
|
||||
this.$set(this.allTsAreaList[index], 'changeTsCldList', [])
|
||||
})
|
||||
this.allNoAreaList = JSON.parse(JSON.stringify(this.allAreaList))
|
||||
this.allNoAreaList.forEach((item, index) => {
|
||||
this.$set(this.allNoAreaList[index], 'changeNoCldList', [])
|
||||
})
|
||||
})
|
||||
},
|
||||
getData() {
|
||||
// 真实奖衔下拉选
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
// 注册等级下拉
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
|
||||
submit() {
|
||||
const section = this.$refs.multipleTable.selection
|
||||
if (section.length == 0) {
|
||||
Message({
|
||||
message: '请选择数据'
|
||||
})
|
||||
return
|
||||
}
|
||||
localStorage.setItem('orderList', JSON.stringify(section))
|
||||
this.$router.push('/configManage/smsRecord/addSms?status=1&state=1')
|
||||
},
|
||||
statusChange(value) {
|
||||
if (this.table.status.length > 1) {
|
||||
this.table.status.splice(0, 1)
|
||||
}
|
||||
},
|
||||
handleChangeMunu(value) {
|
||||
console.log('🌈', value[value.length - 1])
|
||||
this.queryParams.menuId = value[value.length - 1]
|
||||
},
|
||||
// 菜单下拉选
|
||||
getPubenumsList() {
|
||||
getPubenumsList().then((res) => {
|
||||
this.menuOptions = res.data
|
||||
})
|
||||
},
|
||||
// 等级范围选择
|
||||
getgradeRanglist() {
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
// 奖衔下拉列表
|
||||
getAwardsListChiose() {
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
},
|
||||
research() {
|
||||
// // 日期传入改为起止两个字段
|
||||
// if ("" != this.queryParams.creationTime) {
|
||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||
// }
|
||||
|
||||
// creationTime: '', // 开始时间
|
||||
// modifiedTime: '' // 结束时间
|
||||
api.orderSelect(this.queryParams).then((res) => {
|
||||
console.error(res)
|
||||
// res.rows.forEach((element) => {
|
||||
// element.alist = []
|
||||
// element.blist = []
|
||||
// element.clist = []
|
||||
// element.themenus = ''
|
||||
// element.theaward = ''
|
||||
// element.thegrade = ''
|
||||
// element.menuList.forEach((item) => {
|
||||
// element.alist.push(item.menuVal)
|
||||
// element.themenus = element.alist.join('/')
|
||||
// })
|
||||
// element.awardList.forEach((item) => {
|
||||
// element.blist.push(item.awardVal)
|
||||
// element.theaward = element.blist.join('/')
|
||||
// })
|
||||
// element.gradeList.forEach((item) => {
|
||||
// element.clist.push(item.gradeVal)
|
||||
// element.thegrade = element.clist.join('/')
|
||||
// })
|
||||
// })
|
||||
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
startDate: '', // 开始时间
|
||||
endDate: [] // 结束时间
|
||||
}
|
||||
this.research()
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex === 0) {
|
||||
// if (rowIndex % 2 === 0) {
|
||||
// return {
|
||||
// rowspan: 2,
|
||||
// colspan: 1,
|
||||
// };
|
||||
// } else {
|
||||
// return {
|
||||
// rowspan: 0,
|
||||
// colspan: 0,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .lables .el-form-item__content{
|
||||
margin-left: 20px!important;
|
||||
}
|
||||
.footer {
|
||||
height: 68px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px -3px 20px 0px rgba(204, 204, 204, 0.5);
|
||||
// margin: 0 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.thebtn1 {
|
||||
background: #3181e5;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
.thebtn2 {
|
||||
background: #cccccc;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 10px 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,564 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div class="thetopbox">
|
||||
<el-form ref="form" :model="queryParams" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'手机号码'">
|
||||
<el-input v-model="queryParams.phone" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'短信编号'" prop="templateCode">
|
||||
<el-input v-model="queryParams.templateCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'短信标题'" prop="templateName">
|
||||
<el-input v-model="queryParams.templateName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'发送方式'" prop="status">
|
||||
<el-select v-model="queryParams.sendType" clearable placeholder="">
|
||||
<el-option
|
||||
v-for="item,index in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'发送状态'" prop="status">
|
||||
<el-select v-model="queryParams.sendStatus" clearable placeholder="">
|
||||
<el-option
|
||||
v-for="item,index in statusList1"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item :label="'发送时间'" prop="creationTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.modifiedTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
range-separator=""
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'"
|
||||
@change="changeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="margin-left: 40px">
|
||||
<div class="searchbox">
|
||||
<el-button class="my_search" @click="research()"> {{ '搜索' }}</el-button>
|
||||
<el-button class="my_reset" @click="reChongzhi"> {{ '重置' }}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button style="background-color: #FFAD41" class="thebtn1" @click="exports"> {{ '导出' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
height="690px"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
:span-method="objectSpanMethod"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column align="center" prop="indexs" :label="'序号'" />
|
||||
<el-table-column align="center" prop="phone" :label="'手机号码'" />
|
||||
<el-table-column align="center" prop="templateCode" :label="'短信编号'" />
|
||||
<el-table-column align="center" prop="templateName" :label="'短信标题'" />
|
||||
<el-table-column align="center" :show-overflow-tooltip="true" prop="content" label="短信内容" />
|
||||
<el-table-column align="center" prop="sendStatusVal" :label="'发送方式'" />
|
||||
<el-table-column align="center" prop="sendTypeVal" :label="'发送状态'" />
|
||||
<el-table-column align="center" prop="modifiedTime" :label="'发送时间'" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="ruleShow"
|
||||
width="50%"
|
||||
center
|
||||
:close-on-click-modal="false"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-form ref="forms" :rules="rules" :model="table" label-width="80px">
|
||||
<el-form-item :label="'角色姓名'" prop="roleName">
|
||||
<el-input
|
||||
v-model="table.roleName"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'显示排序'" prop="roleSort">
|
||||
<el-input
|
||||
v-model="table.roleSort"
|
||||
type="number"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'权限字符'" prop="roleKey">
|
||||
<el-input
|
||||
v-model="table.roleKey"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'状态'" prop="status">
|
||||
<el-checkbox-group v-model="table.status" @change="statusChange">
|
||||
<el-checkbox
|
||||
v-for="(item, index) in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
name="type"
|
||||
/>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<div style="padding-top: 100px;display: flex;justify-content: center">
|
||||
<el-button type="text" size="small" class="button-style" @click="handleClose"> {{ '取消' }}</el-button>
|
||||
<el-button v-preventReClick="3000" type="text" size="small" class="button-style" style="margin-left: 40px;background-color: #48B2FD;" @click="submitBtn()">
|
||||
{{ '确认' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
import * as api from '@/api/sms.js'
|
||||
import { Message } from 'element-ui'
|
||||
import { deleteAgreement } from '@/api/configManage'
|
||||
export default {
|
||||
name: 'Qxpz',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
forms: '',
|
||||
rules: {
|
||||
roleName: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
roleSort: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
ruleStr: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
table: { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] },
|
||||
ruleShow: false,
|
||||
moren: 'smsRecordList',
|
||||
topList: [
|
||||
{
|
||||
name: '短信记录',
|
||||
path: 'smsRecordList'
|
||||
},
|
||||
{
|
||||
name: '短信模板',
|
||||
path: 'smsTemplate'
|
||||
},
|
||||
{
|
||||
name: '新增短信',
|
||||
path: 'addSms'
|
||||
}
|
||||
],
|
||||
defaultParams: {
|
||||
label: 'label',
|
||||
value: 'value',
|
||||
children: 'enumList'
|
||||
},
|
||||
multipleSelection: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
phone: '',
|
||||
templateName: '',
|
||||
templateCode: ''
|
||||
},
|
||||
gradeRangList: [],
|
||||
awardsList: [],
|
||||
statusList: [{ 'name': '立即发送', 'id': '1' }, { 'name': '定时发送', 'id': '2' }],
|
||||
statusList1: [{ 'name': '未发送', 'id': '0' }, { 'name': '已发送', 'id': '1' }],
|
||||
menuOptions: [],
|
||||
tableData: [],
|
||||
loading: false,
|
||||
total: 0,
|
||||
types: '',
|
||||
formId: ''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.research()
|
||||
},
|
||||
methods: {
|
||||
exports() {
|
||||
this.download(
|
||||
'/sms/manage/sms-record/export',
|
||||
{ ...this.queryParams },
|
||||
`发送记录-${new Date().getTime()}.xlsx`
|
||||
)
|
||||
},
|
||||
addRules() {
|
||||
this.types = 1
|
||||
this.ruleShow = true
|
||||
},
|
||||
submitBtn() {
|
||||
// 添加角色
|
||||
this.ruleSubmit()
|
||||
},
|
||||
|
||||
delRole(item) {
|
||||
// 删除角色信息
|
||||
this.$confirm('确认要删除该角色吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api.delRole(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
})
|
||||
this.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
ruleSubmit() {
|
||||
const datas = this.table
|
||||
const that = this
|
||||
this.$refs['forms'].validate(valid => {
|
||||
if (!valid) {
|
||||
return false
|
||||
} else {
|
||||
if (this.types === 1) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
api.addRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '添加成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
if (this.types === 2) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
datas.roleId = this.formId
|
||||
api.putRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '修改成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
statusChange(value) {
|
||||
if (this.table.status.length > 1) {
|
||||
this.table.status.splice(0, 1)
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.ruleShow = false
|
||||
this.table = { 'ruleName': '', 'sort': '', 'ruleStr': '', 'status': ['正常'] }
|
||||
},
|
||||
changeBox(row) {
|
||||
console.error(row)
|
||||
},
|
||||
addFrom() {
|
||||
},
|
||||
addRule() {
|
||||
},
|
||||
changeTime(value) {
|
||||
// this.queryParams.creationTime = value[0]
|
||||
// this.queryParams.endCreationTime = value[1]
|
||||
},
|
||||
handleChangeMunu(value) {
|
||||
console.log('🌈', value[value.length - 1])
|
||||
this.queryParams.menuId = value[value.length - 1]
|
||||
},
|
||||
// 菜单下拉选
|
||||
getPubenumsList() {
|
||||
getPubenumsList().then((res) => {
|
||||
this.menuOptions = res.data
|
||||
})
|
||||
},
|
||||
// 等级范围选择
|
||||
getgradeRanglist() {
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
// 奖衔下拉列表
|
||||
getAwardsListChiose() {
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
},
|
||||
research() {
|
||||
// // 日期传入改为起止两个字段
|
||||
// if ("" != this.queryParams.creationTime) {
|
||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||
// }
|
||||
|
||||
// creationTime: '', // 开始时间
|
||||
// modifiedTime: '' // 结束时间
|
||||
this.loading = true
|
||||
api.smsRecordList(this.queryParams).then((res) => {
|
||||
res.rows.forEach((element, i) => {
|
||||
element.indexs = i + 1
|
||||
})
|
||||
// res.rows.forEach((element) => {
|
||||
// element.alist = []
|
||||
// element.blist = []
|
||||
// element.clist = []
|
||||
// element.themenus = ''
|
||||
// element.theaward = ''
|
||||
// element.thegrade = ''
|
||||
// element.menuList.forEach((item) => {
|
||||
// element.alist.push(item.menuVal)
|
||||
// element.themenus = element.alist.join('/')
|
||||
// })
|
||||
// element.awardList.forEach((item) => {
|
||||
// element.blist.push(item.awardVal)
|
||||
// element.theaward = element.blist.join('/')
|
||||
// })
|
||||
// element.gradeList.forEach((item) => {
|
||||
// element.clist.push(item.gradeVal)
|
||||
// element.thegrade = element.clist.join('/')
|
||||
// })
|
||||
// })
|
||||
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
startDate: '', // 开始时间
|
||||
endDate: [] // 结束时间
|
||||
}
|
||||
this.research()
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex === 0) {
|
||||
// if (rowIndex % 2 === 0) {
|
||||
// return {
|
||||
// rowspan: 2,
|
||||
// colspan: 1,
|
||||
// };
|
||||
// } else {
|
||||
// return {
|
||||
// rowspan: 0,
|
||||
// colspan: 0,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-range-editor.el-input__inner{
|
||||
width: 100%;
|
||||
}
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
//margin-top: 15px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
//margin-top: 20px;
|
||||
background: #f9f9f9;
|
||||
//border-radius: 8px;
|
||||
//box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 0px 0;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
height: 32px;
|
||||
width: 68px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,577 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div class="thetopbox">
|
||||
<el-form ref="form" :model="queryParams" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'模板名称'">
|
||||
<el-input v-model="queryParams.templateName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="margin-left: 20px">
|
||||
<el-form-item :label="'模板状态'" prop="status">
|
||||
<el-select v-model="queryParams.enable" clearable placeholder="">
|
||||
<el-option
|
||||
v-for="item,index in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" style="margin-left: 20px">
|
||||
<el-form-item :label="'创建日期'" prop="creationTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.creationTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
:range-separator="'至'"
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'"
|
||||
@change="changeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="margin-left: 40px">
|
||||
<div class="searchbox">
|
||||
<el-button class="my_search" @click="research()"> {{ '搜索' }}</el-button>
|
||||
<el-button class="my_reset" @click="reChongzhi"> {{ '重置' }}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button
|
||||
size="small"
|
||||
style="background-color: #48B2FD"
|
||||
class="thebtn1"
|
||||
@click="$router.push('/configManage/smsRecord/smsTemplateAdd');"
|
||||
>{{ '添加' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
height="730px"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
:span-method="objectSpanMethod"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column align="center" prop="indexs" :label="'序号'" />
|
||||
<el-table-column align="center" prop="templateCode" :label="'短信编号'" />
|
||||
<el-table-column align="center" prop="templateName" :label="'模板名称'" />
|
||||
<el-table-column align="center" prop="enable1" :label="'模板状态'" />
|
||||
<el-table-column align="center" prop="creationTime" :label="'创建日期'" />
|
||||
<el-table-column align="center" prop="" :label="'操作'" fixed="right" width="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
class="button-s"
|
||||
type="text"
|
||||
size="small"
|
||||
style="color: #E70DEC"
|
||||
@click="$router.push('/configManage/smsRecord/smsTemplateAdd?state=2&pkId='+scope.row.pkId);"
|
||||
>
|
||||
{{ '查看' }}
|
||||
</el-button>
|
||||
<el-button v-if="scope.row.enable==0" style="color: #C73030" type="text" size="small" class="button-s" @click="buttonSubmit(scope.row)"> {{ '禁止' }} </el-button>
|
||||
<el-button v-if="scope.row.enable==1" style="color: #37BF46" type="text" size="small" class="button-s" @click="buttonSubmit(scope.row)">
|
||||
{{ '允许' }} </el-button>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
class="button-s"
|
||||
style="color: #6962F6"
|
||||
@click="$router.push('/configManage/smsRecord/smsTemplateAdd?pkId='+scope.row.pkId);"
|
||||
>
|
||||
{{ '修改' }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="ruleShow"
|
||||
width="50%"
|
||||
center
|
||||
:close-on-click-modal="false"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-form ref="forms" :rules="rules" :model="table" label-width="80px">
|
||||
<el-form-item :label="'角色姓名'" prop="roleName">
|
||||
<el-input
|
||||
v-model="table.roleName"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'显示排序'" prop="roleSort">
|
||||
<el-input
|
||||
v-model="table.roleSort"
|
||||
type="number"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'权限字符'" prop="roleKey">
|
||||
<el-input
|
||||
v-model="table.roleKey"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'状态'" prop="status">
|
||||
<el-checkbox-group v-model="table.status" @change="statusChange">
|
||||
<el-checkbox
|
||||
v-for="(item, index) in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
name="type"
|
||||
/>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<div style="padding-top: 100px;display: flex;justify-content: center">
|
||||
<el-button type="text" size="small" class="button-style" @click="handleClose"> {{ '取消' }}</el-button>
|
||||
<el-button v-preventReClick="3000" type="text" size="small" class="button-style" style="margin-left: 40px;background-color: #48B2FD;" @click="submitBtn()">
|
||||
{{ '确认' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
import * as api from '@/api/sms.js'
|
||||
import { Message } from 'element-ui'
|
||||
import { deleteAgreement } from '@/api/configManage'
|
||||
import * as del from '@/api/delivery'
|
||||
export default {
|
||||
name: 'Qxpz',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
forms: '',
|
||||
rules: {
|
||||
roleName: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
roleSort: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
ruleStr: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
table: { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] },
|
||||
ruleShow: false,
|
||||
moren: 'smsTemplate',
|
||||
topList: [
|
||||
{
|
||||
name: '短信记录',
|
||||
path: 'smsRecordList'
|
||||
},
|
||||
{
|
||||
name: '短信模板',
|
||||
path: 'smsTemplate'
|
||||
},
|
||||
{
|
||||
name: '新增短信',
|
||||
path: 'addSms'
|
||||
}
|
||||
],
|
||||
defaultParams: {
|
||||
label: 'label',
|
||||
value: 'value',
|
||||
children: 'enumList'
|
||||
},
|
||||
multipleSelection: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50
|
||||
},
|
||||
gradeRangList: [],
|
||||
awardsList: [],
|
||||
statusList: [{ 'name': '允许', 'id': '0' }, { 'name': '禁止', 'id': '1' }],
|
||||
menuOptions: [],
|
||||
tableData: [],
|
||||
loading: false,
|
||||
total: 0,
|
||||
types: '',
|
||||
formId: ''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.research()
|
||||
},
|
||||
methods: {
|
||||
buttonSubmit(item) {
|
||||
this.$confirm(`是否${item.enable == 0 ? '禁止' : '允许'}该模板数据?`, '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then((_) => {
|
||||
const data = {
|
||||
pkId: item.pkId,
|
||||
enable: item.enable == 0 ? 1 : 0
|
||||
}
|
||||
api.changeEnable(data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'success'
|
||||
})
|
||||
this.research()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
addRules() {
|
||||
|
||||
},
|
||||
submitBtn() {
|
||||
// 添加角色
|
||||
this.ruleSubmit()
|
||||
},
|
||||
|
||||
delRole(item) {
|
||||
// 删除角色信息
|
||||
this.$confirm('确认要删除该角色吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api.delRole(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
})
|
||||
this.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
ruleSubmit() {
|
||||
const datas = this.table
|
||||
const that = this
|
||||
this.$refs['forms'].validate(valid => {
|
||||
if (!valid) {
|
||||
return false
|
||||
} else {
|
||||
if (this.types === 1) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
api.addRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '添加成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
if (this.types === 2) {
|
||||
if (datas.status[0] === '正常') {
|
||||
datas.status = ''
|
||||
datas.status = 0
|
||||
} else if (datas.status[0] === '停用') {
|
||||
datas.status = ''
|
||||
datas.status = 1
|
||||
}
|
||||
datas.roleId = this.formId
|
||||
api.putRole(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '修改成功',
|
||||
type: 'success'
|
||||
})
|
||||
that.ruleShow = false
|
||||
that.table = { 'roleName': '', 'roleSort': '', 'roleKey': '', 'status': ['正常'] }
|
||||
that.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
statusChange(value) {
|
||||
if (this.table.status.length > 1) {
|
||||
this.table.status.splice(0, 1)
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.ruleShow = false
|
||||
this.table = { 'ruleName': '', 'sort': '', 'ruleStr': '', 'status': ['正常'] }
|
||||
},
|
||||
changeBox(row) {
|
||||
console.error(row)
|
||||
},
|
||||
addFrom() {
|
||||
},
|
||||
addRule() {
|
||||
},
|
||||
changeTime(value) {
|
||||
// this.queryParams.creationTime = value[0]
|
||||
// this.queryParams.endCreationTime = value[1]
|
||||
},
|
||||
handleChangeMunu(value) {
|
||||
console.log('🌈', value[value.length - 1])
|
||||
this.queryParams.menuId = value[value.length - 1]
|
||||
},
|
||||
// 菜单下拉选
|
||||
getPubenumsList() {
|
||||
getPubenumsList().then((res) => {
|
||||
this.menuOptions = res.data
|
||||
})
|
||||
},
|
||||
// 等级范围选择
|
||||
getgradeRanglist() {
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
// 奖衔下拉列表
|
||||
getAwardsListChiose() {
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
},
|
||||
research() {
|
||||
// // 日期传入改为起止两个字段
|
||||
// if ("" != this.queryParams.creationTime) {
|
||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||
// }
|
||||
this.loading = true
|
||||
// creationTime: '', // 开始时间
|
||||
// modifiedTime: '' // 结束时间
|
||||
api.smsTemplateList(this.queryParams).then((res) => {
|
||||
res.rows.forEach((element, i) => {
|
||||
element.indexs = i + 1
|
||||
element.enable1 = element.enable === 0 ? '允许' : '禁止'
|
||||
})
|
||||
// res.rows.forEach((element) => {
|
||||
// element.alist = []
|
||||
// element.blist = []
|
||||
// element.clist = []
|
||||
// element.themenus = ''
|
||||
// element.theaward = ''
|
||||
// element.thegrade = ''
|
||||
// element.menuList.forEach((item) => {
|
||||
// element.alist.push(item.menuVal)
|
||||
// element.themenus = element.alist.join('/')
|
||||
// })
|
||||
// element.awardList.forEach((item) => {
|
||||
// element.blist.push(item.awardVal)
|
||||
// element.theaward = element.blist.join('/')
|
||||
// })
|
||||
// element.gradeList.forEach((item) => {
|
||||
// element.clist.push(item.gradeVal)
|
||||
// element.thegrade = element.clist.join('/')
|
||||
// })
|
||||
// })
|
||||
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
startDate: '', // 开始时间
|
||||
endDate: [] // 结束时间
|
||||
}
|
||||
this.research()
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex === 0) {
|
||||
// if (rowIndex % 2 === 0) {
|
||||
// return {
|
||||
// rowspan: 2,
|
||||
// colspan: 1,
|
||||
// };
|
||||
// } else {
|
||||
// return {
|
||||
// rowspan: 0,
|
||||
// colspan: 0,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-range-editor.el-input__inner{
|
||||
width: 100%;
|
||||
}
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
//margin-top: 15px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
//margin-top: 20px;
|
||||
background: #f9f9f9;
|
||||
//border-radius: 8px;
|
||||
//box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 0px 0;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,612 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div class="main">
|
||||
<div class="maintop">
|
||||
<span class="colors" />
|
||||
<div style="margin: 0 0 0 15px;font-weight: bold">{{ '短信模板' }}</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-form ref="forms" :rules="rules" :model="table" label-width="80px">
|
||||
<el-form-item :label="'短信编号'" prop="templateCode">
|
||||
<el-input
|
||||
v-model="table.templateCode"
|
||||
:disabled="disableds"
|
||||
class="heights"
|
||||
clearable
|
||||
:placeholder="'请输入短信编号'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'模板名称'" prop="templateName">
|
||||
<el-input
|
||||
v-model="table.templateName"
|
||||
:disabled="disableds"
|
||||
class="heights"
|
||||
clearable
|
||||
:placeholder="'请输入模板名称'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="短信内容" prop="templateContent">
|
||||
<el-input
|
||||
v-model="table.templateContent"
|
||||
:disabled="disableds"
|
||||
type="textarea"
|
||||
:rows="5"
|
||||
class="height"
|
||||
clearable
|
||||
:placeholder="'请输入短信内容'"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="ruleShow"
|
||||
width="50%"
|
||||
center
|
||||
:close-on-click-modal="false"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-form ref="forms" :rules="rules" :model="table" label-width="80px">
|
||||
<el-form-item :label="'角色姓名'" prop="roleName">
|
||||
<el-input
|
||||
v-model="table.roleName"
|
||||
clearable
|
||||
:placeholder="'请输入短信编号'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'显示排序'" prop="roleSort">
|
||||
<el-input
|
||||
v-model="table.roleSort"
|
||||
type="number"
|
||||
clearable
|
||||
:placeholder="'请输入模板名称'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'权限字符'" prop="roleKey">
|
||||
<el-input
|
||||
v-model="table.roleKey"
|
||||
clearable
|
||||
:placeholder="'请输入短信内容'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'状态'" prop="status">
|
||||
<el-checkbox-group v-model="table.status" @change="statusChange">
|
||||
<el-checkbox
|
||||
v-for="(item, index) in statusList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
name="type"
|
||||
/>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<div style="padding-top: 100px;display: flex;justify-content: center">
|
||||
<el-button type="text" size="small" class="button-style" @click="handleClose"> {{ '取消' }}</el-button>
|
||||
<el-button v-preventReClick="3000" type="text" size="small" class="button-style" style="margin-left: 40px;background-color: #48B2FD;" @click="submitBtn()">
|
||||
{{ '确认' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
<div class="footer">
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
@click="$router.push('/configManage/smsRecord/smsTemplate');"
|
||||
> {{ '取消' }}</el-button>
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn1"
|
||||
:disabled="disableds"
|
||||
@click="submit"
|
||||
> {{ '确认' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import { findAllArea } from '@/api/product'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
const { getQueryString } = require('@/utils/index')
|
||||
import * as api from '@/api/sms'
|
||||
import { Message } from 'element-ui'
|
||||
import { deleteAgreement } from '@/api/configManage'
|
||||
export default {
|
||||
name: 'Qxpz',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
disableds: false,
|
||||
forms: '',
|
||||
rules: {
|
||||
templateCode: [
|
||||
{ required: true, message: '请输入短信编号', trigger: 'blur' }
|
||||
],
|
||||
templateName: [
|
||||
{ required: true, message: '请输入模板名称', trigger: 'blur' }
|
||||
],
|
||||
templateContent: [
|
||||
{ required: true, message: '请输入短信内容', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
table: { 'templateCode': '', 'templateName': '', 'templateContent': '' },
|
||||
ruleShow: false,
|
||||
moren: 'smsTemplate',
|
||||
topList: [
|
||||
{
|
||||
name: '短信记录',
|
||||
path: 'smsRecordList'
|
||||
},
|
||||
{
|
||||
name: '短信模板',
|
||||
path: 'smsTemplate'
|
||||
},
|
||||
{
|
||||
name: '新增短信',
|
||||
path: 'addSms'
|
||||
}
|
||||
],
|
||||
defaultParams: {
|
||||
label: 'name',
|
||||
value: 'pkId',
|
||||
children: 'children'
|
||||
},
|
||||
multipleSelection: [],
|
||||
queryParams: {
|
||||
changeAreaList: [],
|
||||
recProvince: '',
|
||||
recCity: '',
|
||||
recCounty: '',
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '' // 状态
|
||||
},
|
||||
gradeRangList: [],
|
||||
awardsList: [],
|
||||
statusList: [{ 'name': '正常', 'id': '0' }, { 'name': '停用', 'id': '1' }],
|
||||
menuOptions: [],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
types: 1,
|
||||
pkId: '',
|
||||
allAreaList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.research()
|
||||
// this.getData()
|
||||
// this.findAllArea()
|
||||
const geturl = window.location.href
|
||||
const getqyinfo = geturl.split('?')[1]
|
||||
const getqys = new URLSearchParams('?' + getqyinfo)
|
||||
const state = getqys.get('state')
|
||||
const pkId = getqys.get('pkId')
|
||||
if (state == 2) {
|
||||
this.disableds = true
|
||||
}
|
||||
if (pkId) {
|
||||
console.error("111")
|
||||
this.pkId = pkId
|
||||
this.types = 2
|
||||
this.getSmsDetail(pkId)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 获取模板详情
|
||||
getSmsDetail(id) {
|
||||
api.detail(id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.pkId = res.data.pkId
|
||||
this.table = {
|
||||
templateName: res.data.templateName,
|
||||
templateCode: res.data.templateCode,
|
||||
templateContent: res.data.templateContent
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleChange1(res) {
|
||||
this.queryParams.recProvince = res[0]
|
||||
this.queryParams.recCity = res[1]
|
||||
this.queryParams.recCounty = res[2]
|
||||
},
|
||||
// 查询全部地区
|
||||
findAllArea() {
|
||||
findAllArea().then((res) => {
|
||||
this.allAreaList = res.data
|
||||
this.allAreaList.forEach((item) => {
|
||||
item.children.forEach((ctm, cdx) => {
|
||||
ctm.isShow = true
|
||||
})
|
||||
item.isShow = true
|
||||
})
|
||||
this.allTsAreaList = JSON.parse(JSON.stringify(this.allAreaList))
|
||||
this.allTsAreaList.forEach((item, index) => {
|
||||
this.$set(this.allTsAreaList[index], 'changeTsCldList', [])
|
||||
})
|
||||
this.allNoAreaList = JSON.parse(JSON.stringify(this.allAreaList))
|
||||
this.allNoAreaList.forEach((item, index) => {
|
||||
this.$set(this.allNoAreaList[index], 'changeNoCldList', [])
|
||||
})
|
||||
})
|
||||
},
|
||||
getData() {
|
||||
// 真实奖衔下拉选
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
// 注册等级下拉
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
addRules() {
|
||||
this.types = 1
|
||||
this.ruleShow = true
|
||||
},
|
||||
submit() {
|
||||
this.ruleSubmit()
|
||||
},
|
||||
submitBtn() {
|
||||
// 添加角色
|
||||
},
|
||||
updateShow(item) {
|
||||
this.types = 2
|
||||
// 更新角色信息
|
||||
this.formId = item.roleId
|
||||
api.roleDetails(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.ruleShow = true
|
||||
this.table = { 'roleName': res.data.roleName, 'roleSort': res.data.roleSort,
|
||||
'roleKey': res.data.roleKey, 'status': res.data.status === 0 ? ['正常'] : ['停用'] }
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
delRole(item) {
|
||||
// 删除角色信息
|
||||
this.$confirm('确认要删除该角色吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api.delRole(item.roleId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
})
|
||||
this.research()
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
ruleSubmit() {
|
||||
const datas = this.table
|
||||
this.$refs['forms'].validate(valid => {
|
||||
if (!valid) {
|
||||
return false
|
||||
} else {
|
||||
if (this.types === 1) {
|
||||
api.save(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push('/configManage/smsRecord/smsTemplate')
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
if (this.types === 2) {
|
||||
datas.pkId = this.pkId
|
||||
api.save(datas).then((res) => {
|
||||
if (res.code === 200) {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push('/configManage/smsRecord/smsTemplate')
|
||||
} else {
|
||||
Message({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
statusChange(value) {
|
||||
if (this.table.status.length > 1) {
|
||||
this.table.status.splice(0, 1)
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.ruleShow = false
|
||||
this.table = { 'ruleName': '', 'sort': '', 'ruleStr': '', 'status': ['正常'] }
|
||||
},
|
||||
changeBox(row) {
|
||||
console.error(row)
|
||||
},
|
||||
addFrom() {
|
||||
},
|
||||
addRule() {
|
||||
},
|
||||
changeTime(value) {
|
||||
// this.queryParams.creationTime = value[0]
|
||||
// this.queryParams.endCreationTime = value[1]
|
||||
},
|
||||
handleChangeMunu(value) {
|
||||
console.log('🌈', value[value.length - 1])
|
||||
this.queryParams.menuId = value[value.length - 1]
|
||||
},
|
||||
// 菜单下拉选
|
||||
getPubenumsList() {
|
||||
getPubenumsList().then((res) => {
|
||||
this.menuOptions = res.data
|
||||
})
|
||||
},
|
||||
// 等级范围选择
|
||||
getgradeRanglist() {
|
||||
getgradeRanglist().then((res) => {
|
||||
this.gradeRangList = res.data
|
||||
})
|
||||
},
|
||||
// 奖衔下拉列表
|
||||
getAwardsListChiose() {
|
||||
getAwardsListChiose().then((res) => {
|
||||
this.awardsList = res.rows
|
||||
})
|
||||
},
|
||||
research() {
|
||||
// // 日期传入改为起止两个字段
|
||||
// if ("" != this.queryParams.creationTime) {
|
||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||
// }
|
||||
|
||||
// creationTime: '', // 开始时间
|
||||
// modifiedTime: '' // 结束时间
|
||||
api.orderSelect(this.queryParams).then((res) => {
|
||||
// res.rows.forEach((element) => {
|
||||
// element.alist = []
|
||||
// element.blist = []
|
||||
// element.clist = []
|
||||
// element.themenus = ''
|
||||
// element.theaward = ''
|
||||
// element.thegrade = ''
|
||||
// element.menuList.forEach((item) => {
|
||||
// element.alist.push(item.menuVal)
|
||||
// element.themenus = element.alist.join('/')
|
||||
// })
|
||||
// element.awardList.forEach((item) => {
|
||||
// element.blist.push(item.awardVal)
|
||||
// element.theaward = element.blist.join('/')
|
||||
// })
|
||||
// element.gradeList.forEach((item) => {
|
||||
// element.clist.push(item.gradeVal)
|
||||
// element.thegrade = element.clist.join('/')
|
||||
// })
|
||||
// })
|
||||
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
userName: '', // 角色姓名
|
||||
roleString: '', // 权限字符
|
||||
status: '', // 状态
|
||||
startDate: '', // 开始时间
|
||||
endDate: [] // 结束时间
|
||||
}
|
||||
this.research()
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex === 0) {
|
||||
// if (rowIndex % 2 === 0) {
|
||||
// return {
|
||||
// rowspan: 2,
|
||||
// colspan: 1,
|
||||
// };
|
||||
// } else {
|
||||
// return {
|
||||
// rowspan: 0,
|
||||
// colspan: 0,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .heights .el-input__inner{
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
}
|
||||
.maintable{
|
||||
padding:0 20px;
|
||||
}
|
||||
.colors{
|
||||
width: 5px;
|
||||
height: 19px;
|
||||
background: #4391FD;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
::v-deep .lables .el-form-item__content{
|
||||
margin-left: 20px!important;
|
||||
}
|
||||
.footer {
|
||||
height: 68px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px -3px 20px 0px rgba(204, 204, 204, 0.5);
|
||||
// margin: 0 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.thebtn1 {
|
||||
background: #3181e5;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
.thebtn2 {
|
||||
background: #cccccc;
|
||||
color: #ffffff;
|
||||
padding: 9px 45px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 20px 10px 10px 0;
|
||||
//justify-content: space-between;
|
||||
//align-items: center;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
margin-bottom: 30px;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,240 +0,0 @@
|
|||
<!-- 站内信 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div v-if="tableData" class="box">
|
||||
<div v-for="(item,index) in tableData" :key="index" class="lists" @click="clickHref(item)">
|
||||
<div v-if="index==0" class="style1">最新</div>
|
||||
<div v-if="index!=0 && item.readState==1" class="style2 style1">未读</div>
|
||||
<div v-if="index!=0 && item.readState==0" class="style3 style1">已读</div>
|
||||
<div class="name" :style="index==0?'color:#C8161D;text-decoration:underline':''">{{ item.content }}</div>
|
||||
<div class="time">{{ item.creationTime }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="research"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import * as api from '@/api/translate'
|
||||
export default {
|
||||
name: 'Message',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
},
|
||||
total:0,
|
||||
tableData: [],
|
||||
moren: '/informCentre/message',
|
||||
topList: [
|
||||
{
|
||||
name: '站内信',
|
||||
path: '/informCentre/message'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
setTimeout(() => {
|
||||
this.research()
|
||||
}, 300)
|
||||
},
|
||||
methods: {
|
||||
getDataList(){
|
||||
|
||||
},
|
||||
clickHref(item) {
|
||||
const that = this
|
||||
api.updateReadState({ 'pkId': item.pkId, 'readState': item.readState == 0 ? 1 : 0 }).then((res) => {
|
||||
if (res.code == '200') {
|
||||
window.location.href = item.url
|
||||
}
|
||||
})
|
||||
},
|
||||
async getUserId(data) {
|
||||
return this.$store.state.user.user.userId
|
||||
},
|
||||
async research(data) {
|
||||
const id = await this.getUserId()
|
||||
if (id) {
|
||||
api.getShowPuShInfo(Object.assign({}, this.queryParams, { 'userId': id })).then((res) => {
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.time{
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.name{
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
flex: 1;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.style3{
|
||||
background: rgba(0,155,88,0.3)!important;
|
||||
color: #009B58!important;
|
||||
}
|
||||
.style2{
|
||||
background: rgba(58,58,58,0.3)!important;
|
||||
color: #3F3F3F!important;
|
||||
}
|
||||
.style1{
|
||||
width: 44px;
|
||||
height: 22px;
|
||||
background: rgba(255,134,134,0.3);
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
color: #C42525;
|
||||
font-size: 14px;
|
||||
}
|
||||
.box{
|
||||
box-shadow: 0px 2px 20px 0px rgba(238,238,238,0.5);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background-color: #fff;
|
||||
height: 1000px;
|
||||
padding-bottom: 20px;
|
||||
height: 85vh;
|
||||
overflow: auto;
|
||||
}
|
||||
.lists{
|
||||
padding: 5px 20px 5px 20px;
|
||||
border-bottom:1px solid rgba(0,0,0,0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
:hover{
|
||||
color:#C8161D;
|
||||
text-decoration:underline
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
overflow-y: auto;
|
||||
//margin-bottom: 100px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
padding-bottom: 10px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 10px 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div v-if="tableData" class="box">
|
||||
<div v-for="(item,index) in tableData" :key="index" class="lists">
|
||||
<div class="time">
|
||||
<div class="border-bottom">{{ item.monthTime }}</div>
|
||||
<div v-for="items in item.noticeList" :key="items.pkId" class="div-box" @click="clickHref(items.pkId)">
|
||||
<div class="title">
|
||||
<div style="font-weight: 600">{{ items.title }}</div>
|
||||
<div class="overflow1" style="font-size: 14px;color: #333;margin-top: 10px;font-weight: inherit" v-html="items.content" />
|
||||
</div>
|
||||
<div class="time-s">{{ items.creationTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from '@/components/topBar'
|
||||
import * as api from '@/api/translate'
|
||||
|
||||
export default {
|
||||
name: 'Notice',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
moren: '/informCentre/noticeList',
|
||||
topList: [
|
||||
{
|
||||
name: '公告列表',
|
||||
path: '/informCentre/noticeList'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.research()
|
||||
},
|
||||
methods: {
|
||||
clickHref(id) {
|
||||
this.$router.push({
|
||||
name: 'noticeDetails',
|
||||
query: {
|
||||
pkId: id
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
async research(data) {
|
||||
api.getNoticeList().then((res) => {
|
||||
console.error(res)
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.overflow1{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 1200px;
|
||||
}
|
||||
.time-s{
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
.div-box{
|
||||
padding: 15px 20px 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.lists{
|
||||
width: 100%;
|
||||
}
|
||||
.border-bottom{
|
||||
border-bottom: 2px solid rgba(0,0,0,0.1);
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.title{
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
}
|
||||
.time{
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box{
|
||||
box-shadow: 0px 2px 20px 0px rgba(238,238,238,0.5);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background-color: #fff;
|
||||
height: 1000px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.lists{
|
||||
padding: 20px 0 0 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
overflow-y: auto;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,267 +0,0 @@
|
|||
<!-- 系统配置 - 权限配置 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<div class="content">
|
||||
<div class="title">{{datas.title}}</div>
|
||||
<div class="creatTime">{{datas.creationTime}}</div>
|
||||
<div class="line"></div>
|
||||
<div class="contents" v-html="datas.content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getcountryAllList } from '@/api/exchangerate'
|
||||
import topBar from '@/components/topBar'
|
||||
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||
import { noticeDetails } from '@/api/notice'
|
||||
|
||||
import * as apis from '@/api/financialCase.js'
|
||||
import { Message } from 'element-ui'
|
||||
import * as api from '@/api/translate'
|
||||
import {getNoticeList} from "@/api/translate";
|
||||
// import {noticeDetails} from "@/api/notice";
|
||||
|
||||
export default {
|
||||
name: 'notice',
|
||||
components: {
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tableData:[],
|
||||
datas:'',
|
||||
moren: '/informCentre/noticeList',
|
||||
topList: [
|
||||
{
|
||||
name: '公告列表',
|
||||
path: '/informCentre/noticeList',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const geturl = window.location.href
|
||||
const getqyinfo = geturl.split('?')[1]
|
||||
const getqys = new URLSearchParams('?' + getqyinfo)
|
||||
const pkId = getqys.get('pkId')
|
||||
this.research(pkId)
|
||||
},
|
||||
methods: {
|
||||
async research(data) {
|
||||
noticeDetails({"pkId":data}).then((res) => {
|
||||
this.datas = res.data
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep strong{
|
||||
font-weight: inherit!important;
|
||||
}
|
||||
.contents{
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
padding-bottom: 70px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.line{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
margin: 20px 0 10px 0;
|
||||
}
|
||||
.creatTime{
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
padding-left: 360px;
|
||||
}
|
||||
.title{
|
||||
color: #333;
|
||||
font-size: 28px;
|
||||
}
|
||||
.content{
|
||||
padding: 20px 0;
|
||||
background-color: #fff;
|
||||
font-size: 28px;
|
||||
color: #333;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238,238,238,0.5);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
text-align: center;
|
||||
min-height: 850px;
|
||||
}
|
||||
.time-s{
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.div-box{
|
||||
padding: 15px 0 0 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.lists{
|
||||
width: 100%;
|
||||
}
|
||||
.border-bottom{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.title{
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
}
|
||||
.time{
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
}
|
||||
.name{
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
flex: 1;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.style3{
|
||||
background: rgba(0,155,88,0.3)!important;
|
||||
color: #009B58!important;
|
||||
}
|
||||
.style2{
|
||||
background: rgba(58,58,58,0.3)!important;
|
||||
color: #3F3F3F!important;
|
||||
}
|
||||
.style1{
|
||||
width: 44px;
|
||||
height: 22px;
|
||||
background: rgba(255,134,134,0.3);
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
color: #C42525;
|
||||
font-size: 14px;
|
||||
}
|
||||
.box{
|
||||
box-shadow: 0px 2px 20px 0px rgba(238,238,238,0.5);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background-color: #fff;
|
||||
height: 1000px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.lists{
|
||||
padding: 20px 0;
|
||||
border-bottom:1px solid rgba(0,0,0,0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
}
|
||||
::v-deep .el-dialog__title{
|
||||
font-weight: bold;
|
||||
}
|
||||
.button-style{
|
||||
width: 209px;
|
||||
height: 48px;
|
||||
background: #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
line-height: 48px;
|
||||
padding: 0!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.button-s{
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
::v-deep .el-button{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__close-icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range-separator{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-date-editor .el-range__icon{
|
||||
margin-top: -10px;
|
||||
}
|
||||
::v-deep .el-input__inner{
|
||||
//height:28px;
|
||||
//line-height: 28px;
|
||||
}
|
||||
::v-deep .el-form-item{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
color: #333;
|
||||
font-weight: inherit;
|
||||
}
|
||||
::v-deep .el-row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-table .warning-row {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
::v-deep .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
::v-deep .el-table thead {
|
||||
color: #000000;
|
||||
}
|
||||
.openClose {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
.page {
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
overflow-y: auto;
|
||||
//margin-bottom: 100px;
|
||||
.thetopbox {
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
padding-bottom: 10px;
|
||||
.searchbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.searchtitle {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchbtn {
|
||||
background: #08143f;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||||
|
||||
.maintop {
|
||||
display: flex;
|
||||
padding: 10px 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.mainbtn {
|
||||
.thebtn1 {
|
||||
color: #ffffff;
|
||||
background: rgba(67, 145, 253, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue