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',
|
path: '/announcement',
|
||||||
component: Layout,
|
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',
|
path: 'mailbox',
|
||||||
name: '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