Merge branch 'dev-cjl' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cl
commit
9472c5ea56
@ -1,7 +1,140 @@ |
||||
<template> |
||||
<div> 每日快报 </div> |
||||
<div class="pl-20px pr-20px"> |
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto" v-loading="formLoading"> |
||||
<el-form-item label="开启通知"> |
||||
<el-radio-group v-model="form.kaiqitongzhi"> |
||||
<el-radio :label="1"> 开启 </el-radio> |
||||
<el-radio :label="0"> 关闭 </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="发送途径"> |
||||
<el-checkbox-group v-model="form.fasongtujing"> |
||||
<el-checkbox :label="1">系统通知</el-checkbox> |
||||
<el-checkbox :label="2">微信公众号</el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-form-item> |
||||
<el-form-item label="发送时间"> |
||||
<el-time-picker |
||||
v-model="form.sendTime" |
||||
placeholder="任意时间点" |
||||
format="HH:mm:ss" |
||||
value-format="HH:mm:ss" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="发送内容"> |
||||
<el-tree |
||||
ref="treeRef" |
||||
:data="contentOptions" |
||||
empty-text="加载中，请稍候" |
||||
node-key="value" |
||||
show-checkbox |
||||
default-expand-all |
||||
:default-checked-keys="form.sendContent" |
||||
style="width: 100%" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button :disabled="formLoading" type="primary" @click="submitForm"> 保 存 </el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup name="ReportDaily"></script> |
||||
<script setup name="ReportDaily"> |
||||
import { handleTree } from '@/utils/tree' |
||||
|
||||
const message = useMessage() // 消息弹窗 |
||||
const props = defineProps({ |
||||
roleId: { |
||||
type: Number |
||||
} |
||||
}) |
||||
|
||||
const formLoading = ref(false) |
||||
const form = ref({ |
||||
checkedMenuIds: [] |
||||
}) |
||||
|
||||
onMounted(() => { |
||||
init() |
||||
}) |
||||
|
||||
const formRef = ref() |
||||
|
||||
const rules = {} |
||||
|
||||
const contentOptions = ref([]) |
||||
|
||||
async function init() { |
||||
getOptions() |
||||
getReportInfo() |
||||
} |
||||
|
||||
const treeRef = ref() |
||||
function getOptions() { |
||||
const arr = [ |
||||
{ |
||||
value: 1, |
||||
label: '销售快报', |
||||
children: [ |
||||
{ value: 11, label: '今日跟进线索数', pId: 1 }, |
||||
{ value: 12, label: '今日待跟进数', pId: 1 }, |
||||
{ value: 13, label: '今日接受线索数', pId: 1 } |
||||
] |
||||
}, |
||||
|
||||
{ |
||||
value: 2, |
||||
label: '管理快报', |
||||
children: [ |
||||
{ value: 21, label: '当日业绩（成交数，成交额）', pId: 2 }, |
||||
{ value: 22, label: '当月业绩（成交数，成交额）', pId: 2 }, |
||||
{ value: 23, label: '本月业绩完成情况（数值，比例）', pId: 2 } |
||||
] |
||||
} |
||||
] |
||||
|
||||
contentOptions.value = arr |
||||
handleTree(arr) |
||||
} |
||||
|
||||
async function getReportInfo() { |
||||
try { |
||||
formLoading.value = true |
||||
form.value = { |
||||
kaiqitongzhi: 1, |
||||
fasongtujing: [1, 2], |
||||
sendTime: '21:00:00', |
||||
sendContent: [21, 22, 23] |
||||
} |
||||
formLoading.value = false |
||||
} catch (error) { |
||||
console.log(error) |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
|
||||
/** 提交表单 */ |
||||
const submitForm = async () => { |
||||
// 提交请求 |
||||
formLoading.value = true |
||||
try { |
||||
const data = { |
||||
roleId: props.roleId, |
||||
menuIds: [ |
||||
...treeRef.value.getCheckedKeys(false), // 获得当前选中节点 |
||||
...treeRef.value.getHalfCheckedKeys() // 获得半选中的父节点 |
||||
] |
||||
} |
||||
// await PermissionApi.assignRoleMenu(data) |
||||
console.log(data) |
||||
|
||||
message.success('保存成功') |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
|
||||
@ -0,0 +1,65 @@ |
||||
<template> |
||||
<div class="p-20px"> |
||||
<p class="mb-30px font-bold text-20px">微信授权登陆</p> |
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto"> |
||||
<el-form-item label="用户名" prop="username"> |
||||
<el-input v-model="form.username" placeholder="请输入用户名" /> |
||||
</el-form-item> |
||||
<el-form-item label="密码" prop="password"> |
||||
<el-input v-model="form.password" placeholder="请输入密码" show-password type="password" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-button type="primary" class="w-full" @click="onSubmit">授权登陆</el-button> |
||||
<div v-if="form.code">code: {{ form.code }}</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup name="MPLogin"> |
||||
const form = ref({ |
||||
code: undefined, |
||||
username: undefined, |
||||
password: undefined |
||||
}) |
||||
const formRef = ref() |
||||
const rules = { |
||||
username: { required: true, message: '用户名不可为空', trigger: 'blur' }, |
||||
password: { required: true, message: '密码不可为空', trigger: 'blur' } |
||||
} |
||||
|
||||
// 微信授权登陆地址 |
||||
const WX_AUTH_URL = 'https://open.weixin.qq.com/connect/oauth2/authorize?' |
||||
// 重定向参数-固定写法 |
||||
const REDIRECT = '#wechat_redirect' |
||||
|
||||
const params = ref({ |
||||
appid: 'wxf87aa1f474c0494f', // 公众号 APP ID |
||||
redirect_uri: ``, // 授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理 |
||||
response_type: 'code', // 固定写法 |
||||
scope: 'snsapi_base' // snsapi_base 静默授权获取 open id ；snsapi_userinfo 需要用户授权，获取详细信息 |
||||
// state:'code', // a-zA-Z0-9的参数值，最多128字节 |
||||
}) |
||||
function onSubmit() { |
||||
// 这些需要判断没有 code 情况拉起授权登陆，有就结束放在重复拉起授权登陆 |
||||
if (!form.value.code) { |
||||
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT |
||||
location.href = access_url |
||||
} else { |
||||
alert(`授权成功!`) |
||||
} |
||||
} |
||||
|
||||
onMounted(() => { |
||||
const uri = location.origin + location.pathname |
||||
params.value.redirect_uri = encodeURI(uri) |
||||
// 获取地址参数 |
||||
const param = new URLSearchParams(location.search) |
||||
form.value.code = param.get('code') |
||||
|
||||
if (!form.value.code) { |
||||
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT |
||||
location.href = access_url |
||||
} |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue