xuziqiang
10 months ago
634 changed files with 0 additions and 180215 deletions
@ -1,10 +0,0 @@ |
|||
# port |
|||
VITE_PORT = 3401 |
|||
#mode |
|||
VITE_GLOB_APP_RUN_TYPE = saas |
|||
|
|||
# spa-title |
|||
VITE_GLOB_APP_TITLE = Smart Parking Depositor |
|||
|
|||
# spa shortname |
|||
VITE_GLOB_APP_SHORT_NAME = smart-parking-depositor |
|||
@ -1,22 +0,0 @@ |
|||
# Whether to open mock |
|||
VITE_USE_MOCK = true |
|||
|
|||
# public path |
|||
VITE_PUBLIC_PATH = / |
|||
|
|||
# Cross-domain proxy, you can configure multiple |
|||
# Please note that no line breaks http://100.73.70.51 |
|||
|
|||
#VITE_PROXY = {"/community":{ "target":"http://100.73.70.51","changeOrigin": true,"prependPath":false},"/parking":{ "target":"http://100.73.70.246:8080","changeOrigin": true,"iprependPath":false}} |
|||
# VITE_PROXY=[["/api","http://100.73.70.51"],["/parking","http://100.73.70.246:8080"]] |
|||
# Delete console |
|||
VITE_DROP_CONSOLE = false |
|||
|
|||
# Basic interface address SPA |
|||
VITE_GLOB_API_URL=/basic-api |
|||
|
|||
# File upload address， optional |
|||
VITE_GLOB_UPLOAD_URL=/upload |
|||
|
|||
# Interface prefix |
|||
VITE_GLOB_API_URL_PREFIX= |
|||
@ -1,35 +0,0 @@ |
|||
# Whether to open mock |
|||
VITE_USE_MOCK = true |
|||
|
|||
# public path |
|||
VITE_PUBLIC_PATH = / |
|||
|
|||
# Delete console |
|||
VITE_DROP_CONSOLE = true |
|||
|
|||
# Whether to enable gzip or brotli compression |
|||
# Optional: gzip | brotli | none |
|||
# If you need multiple forms, you can use `,` to separate |
|||
VITE_BUILD_COMPRESS = 'none' |
|||
|
|||
# Whether to delete origin files when using compress, default false |
|||
VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false |
|||
|
|||
# Basic interface address SPA |
|||
VITE_GLOB_API_URL=/basic-api |
|||
|
|||
# File upload address， optional |
|||
# It can be forwarded by nginx or write the actual address directly |
|||
VITE_GLOB_UPLOAD_URL=/upload |
|||
|
|||
# Interface prefix |
|||
VITE_GLOB_API_URL_PREFIX= |
|||
|
|||
# Whether to enable image compression |
|||
VITE_USE_IMAGEMIN= true |
|||
|
|||
# use pwa |
|||
VITE_USE_PWA = false |
|||
|
|||
# Is it compatible with older browsers |
|||
VITE_LEGACY = false |
|||
@ -1 +0,0 @@ |
|||
1.0.10 |
|||
@ -1,74 +0,0 @@ |
|||
#!/bin/bash |
|||
SOURCE="$0" |
|||
while [ -h "$SOURCE" ]; do # resolve $SOURCE until the file is no longer a symlink |
|||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|||
SOURCE="$(readlink "$SOURCE")" |
|||
[[ $SOURCE != /* ]] && SOURCE="$DIR/$SOURCE" # if $SOURCE was a relative symlink, we need to resolve it relative to the path where the symlink file was located |
|||
done |
|||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|||
|
|||
if [ -z $WORKSPACE ];then |
|||
echo "WORKSPACE not exists" |
|||
else |
|||
set DIR=$WORKSPACE |
|||
fi |
|||
|
|||
echo "current dir" |
|||
echo "$DIR" |
|||
|
|||
cd "$DIR" |
|||
projectname=$(basename `pwd`) |
|||
|
|||
npm run mobile-build |
|||
|
|||
if [ -d "$DIR/dist" ];then |
|||
|
|||
cd "$DIR/dist" |
|||
|
|||
# copy module.json |
|||
cp ../module.json ./ |
|||
|
|||
# package |
|||
VERSION=$(cat ../.version) |
|||
lastdir=../release/ |
|||
if [ -d ${lastdir} ];then |
|||
echo "删除旧release文件夹" |
|||
rm -rf ${lastdir} |
|||
else |
|||
echo "文件夹不存在！" |
|||
fi |
|||
mkdir -p ${lastdir} |
|||
|
|||
dir=../release/nerv/$projectname/$VERSION |
|||
mkdir -p ${dir} |
|||
tar -zcvf "${dir}/$projectname-$VERSION.tgz" ./* |
|||
|
|||
templatedir=../release/resources/templates/nerv/$projectname/$VERSION/$projectname |
|||
mkdir -p ${templatedir} |
|||
cp -r ../resources/templates/* ${templatedir} |
|||
|
|||
cd ../ |
|||
|
|||
releasefile=nerv-$projectname-$VERSION.tgz |
|||
if [ -f ${releasefile} ];then |
|||
echo "删除旧包！" |
|||
rm -rf ${releasefile} |
|||
fi |
|||
|
|||
tar -zcvf ${releasefile} ./release/* release.yaml |
|||
|
|||
mkdir -p ./release/nervui |
|||
cp -r ./release/nerv/* ./release/nervui |
|||
|
|||
if [ -f ${releasefile} ];then |
|||
echo "编译成功！" |
|||
mv ${releasefile} ./release |
|||
else |
|||
echo "编译失败!!!" |
|||
exit 1 |
|||
fi |
|||
|
|||
else |
|||
echo "编译失败!!!" |
|||
exit 1 |
|||
fi |
|||
@ -1,14 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<link rel="icon" href="/favicon.ico" /> |
|||
<!-- <link rel="shortcut icon" href="/asset/image/logo.ico" type="image/ico" /> --> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>mobile-application</title> |
|||
</head> |
|||
<body> |
|||
<div id="app"></div> |
|||
<script type="module" src="./src/main.ts"></script> |
|||
</body> |
|||
</html> |
|||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 218 KiB |
|
Before Width: | Height: | Size: 225 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 904 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 6.0 KiB |
@ -1,12 +0,0 @@ |
|||
# 上传release目录信息到nerv-file仓库 |
|||
release: |
|||
- {src: release, dest: /upload/pkg, include: [".*(.tgz)$"]} |
|||
- {src: release/resources/templates, dest: /upload/templates} |
|||
register: |
|||
name: nervui-mobile-application |
|||
version: 1.0.10 |
|||
components: |
|||
- type: nervui-mobile-application |
|||
resources: |
|||
- {type: template, relativePath: /nervui-mobile-application/deploy.json} |
|||
|
|||
@ -1,35 +0,0 @@ |
|||
echo "=====================================================create=====================================================" |
|||
|
|||
#!/usr/bin/env bash |
|||
|
|||
function create() { |
|||
|
|||
if [ -d "$nervui_app_home" ];then |
|||
echo "$nervui_app_home exists!" |
|||
else |
|||
echo "start mkdir $nervui_app_home" |
|||
mkdir -p "$nervui_app_home" |
|||
fi |
|||
|
|||
pkg_file_name=${pkg_url##*/} |
|||
pkg_file_path="$nervui_app_home$pkg_file_name" |
|||
|
|||
|
|||
echo "start download $pkg_url" |
|||
curl -L -o $pkg_file_path $pkg_url |
|||
|
|||
|
|||
echo "start install $pkg_file_path" |
|||
tar -xf $pkg_file_path -C $nervui_app_home |
|||
|
|||
} |
|||
|
|||
if [ "$pkg_url" == "" ]; then |
|||
echo {\"error\":\"pkg_url is empty\"} |
|||
exit 1 |
|||
elif [ "$nervui_app_home" == "" ]; then |
|||
echo {\"error\":\"nervui_app_home is empty\"} |
|||
exit 1 |
|||
else |
|||
create |
|||
fi |
|||
@ -1 +0,0 @@ |
|||
echo "=====================================================delete=====================================================" |
|||
@ -1 +0,0 @@ |
|||
echo "=====================================================setup=====================================================" |
|||
@ -1 +0,0 @@ |
|||
echo "=====================================================start=====================================================" |
|||
@ -1 +0,0 @@ |
|||
echo "=====================================================stop=====================================================" |
|||
@ -1,30 +0,0 @@ |
|||
{ |
|||
"name": "/nervui/nervui-mobile-application", |
|||
"operations": [ |
|||
{ |
|||
"name": "Create", |
|||
"type": "shell", |
|||
"implementor": "create.sh" |
|||
}, |
|||
{ |
|||
"name": "Delete", |
|||
"type": "shell", |
|||
"implementor": "delete.sh" |
|||
}, |
|||
{ |
|||
"name": "Setup", |
|||
"type": "shell", |
|||
"implementor": "setup.sh" |
|||
}, |
|||
{ |
|||
"name": "Start", |
|||
"type": "shell", |
|||
"implementor": "start.sh" |
|||
}, |
|||
{ |
|||
"name": "Stop", |
|||
"type": "shell", |
|||
"implementor": "stop.sh" |
|||
} |
|||
] |
|||
} |
|||
@ -1,64 +0,0 @@ |
|||
{ |
|||
"name": "/nervui/nervui-mobile-application", |
|||
"version": 1, |
|||
"inputs": [ |
|||
{ |
|||
"name": "server_ip", |
|||
"type": "string", |
|||
"required": true, |
|||
"description": "应用安装IP地址", |
|||
"inputType": "ipSelectType" |
|||
}, |
|||
{ |
|||
"name": "version", |
|||
"type": "string", |
|||
"required": true, |
|||
"description": "软件版本", |
|||
"inputType": "versionSelectType" |
|||
}, |
|||
{ |
|||
"name": "install_dir", |
|||
"type": "string", |
|||
"required": true, |
|||
"defaultValue": "/data", |
|||
"inputType": "textInputType", |
|||
"description": "安装目录" |
|||
} |
|||
], |
|||
"nodes": [ |
|||
{ |
|||
"name": "nervui-mobile-application", |
|||
"type": "/nerv/nerv-orchestrator/cluster/Nervui", |
|||
"parameters": [ |
|||
{ |
|||
"name": "file_repository", |
|||
"value": "${nerv_file_repository}" |
|||
}, |
|||
{ |
|||
"name": "install_dir", |
|||
"value": "${install_dir}" |
|||
}, |
|||
{ |
|||
"name": "pkg_url", |
|||
"value": "/api/pkg/nerv/nervui-mobile-application/${version}/nervui-mobile-application-${version}.tgz" |
|||
} |
|||
], |
|||
"dependencies": [ |
|||
{ |
|||
"type": "contained", |
|||
"target": "host" |
|||
} |
|||
] |
|||
}, |
|||
{ |
|||
"name": "host", |
|||
"type": "/nerv/nerv-orchestrator/compute/Host", |
|||
"parameters": [ |
|||
{ |
|||
"name": "address", |
|||
"value": "${server_ip}" |
|||
} |
|||
] |
|||
} |
|||
] |
|||
} |
|||
@ -1,61 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<a-config-provider :locale="locale"> |
|||
<router-view /> |
|||
</a-config-provider> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent, watch, ref } from 'vue'; |
|||
import zhCN from 'ant-design-vue/es/locale/zh_CN'; |
|||
import { useRouter } from 'vue-router'; |
|||
import Cookies from 'js-cookie'; |
|||
import { message } from 'ant-design-vue'; |
|||
export default defineComponent({ |
|||
name: 'App', |
|||
|
|||
setup() { |
|||
const router = useRouter(); |
|||
|
|||
// router.beforeEach((to, from) => { |
|||
// if (Cookies.get('nervsid') === undefined && to.fullPath !== '/login') { |
|||
// if (from.name !== undefined) { |
|||
// message.warn('登陆信息已过期，请重新登录!', 1); |
|||
// } |
|||
// router.push('/login'); |
|||
// } |
|||
// }); |
|||
|
|||
const cachedViews = ['Status']; |
|||
|
|||
// watch( |
|||
// () => router.currentRoute.value, |
|||
// (e) => { |
|||
// // if (Cookies.get('nervsid') === undefined && e.fullPath !== '/login') { |
|||
// // message.warn('登陆信息已过期，请重新登录!', 1); |
|||
// // router.push('/login'); |
|||
// // } |
|||
// // } else { |
|||
// // if (Cookies.get('nervsid') !== undefined && e === '/login') { |
|||
// // let url = window.sessionStorage.getItem('url'); |
|||
// // url === null ? window.sessionStorage.setItem('url', '/doorway/visitor/audit') : ''; |
|||
// // router.push(url === null ? '/doorway' : url); |
|||
// // } |
|||
// // } |
|||
// } |
|||
// ); |
|||
return { |
|||
cachedViews, |
|||
locale: zhCN, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
|
|||
<style> |
|||
#app { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
</style> |
|||
@ -1,6 +0,0 @@ |
|||
/*** |
|||
*配置接口 格式 module:Array<resource> |
|||
*/ |
|||
export const apiModule = { |
|||
parking: ['User', 'CurrentUser', 'Organizational'], |
|||
}; |
|||
@ -1,20 +0,0 @@ |
|||
import { http } from '/nerv-lib/saas'; |
|||
|
|||
enum Api { |
|||
// USER_LOGIN = '/api/community/objs/Login', //用户登录
|
|||
// USER_INFO = '/api/community/community/objs/CurrentUser', //获取用户信息
|
|||
|
|||
USER_LOGIN = 'api/web/objs/Login', //用户登录
|
|||
USER_INFO = 'api/web/objs/CurrentUser', //获取用户信息
|
|||
USER_RESOURCE = '/api/community/objs/User/Resource', //获取用户资源
|
|||
} |
|||
export const userLogin = (data: RoomListModel) => http.post(Api.USER_LOGIN, data); |
|||
export const userInfo = () => http.get(Api.USER_INFO); |
|||
export const userResource = () => http.get(Api.USER_RESOURCE); |
|||
/** |
|||
* @description 用户登录 |
|||
* @property `[fatherRegionUuid]` 父级区域唯一标识 |
|||
*/ |
|||
interface RoomListModel { |
|||
data: string; |
|||
} |
|||
@ -1,26 +0,0 @@ |
|||
/** @format */ |
|||
import headerConfig from './transform'; |
|||
// console.log(headerConfig);
|
|||
|
|||
export const appConfig = { |
|||
projectType: 'web', |
|||
baseApi: '/api', |
|||
// enablePermissions: true,
|
|||
timeout: 60 * 1000, |
|||
customLogin: () => import('/@/view/login.vue'), |
|||
userLoginApi: 'api/content/objs/Login', |
|||
userResourceApi: '/api/community/objs/User/Resource', |
|||
userInfoApi: 'api/content/objs/CurrentUser', |
|||
headers: Object.assign( |
|||
{ |
|||
site: 'brainMobile', |
|||
}, |
|||
headerConfig, |
|||
), |
|||
// 修改密码配置
|
|||
updatePassWordInfo: { |
|||
title: '修改密码', |
|||
subtitle: '移动端应用管理', |
|||
api: '/api/content/objs/User/changePassword', |
|||
}, |
|||
}; |
|||
@ -1,2 +0,0 @@ |
|||
import { appConfig } from '/@/config/app.config'; |
|||
export { appConfig }; |
|||
@ -1,26 +0,0 @@ |
|||
/** @format */ |
|||
import Cookies from 'js-cookie'; |
|||
|
|||
const transformParams = () => { |
|||
const HEADER_CONFIG = window.location.search.substring(1); |
|||
if (!HEADER_CONFIG) return null; |
|||
const KEY_VALUE = HEADER_CONFIG.split('&'); |
|||
return KEY_VALUE.reduce((memo: any, cur) => { |
|||
const keyvalue = cur.split('='); |
|||
memo[keyvalue[0]] = keyvalue[1]; |
|||
return memo; |
|||
}, {}); |
|||
}; |
|||
|
|||
const headers = transformParams(); |
|||
let headerConfig = {}; |
|||
if (headers) { |
|||
Object.keys(headers).map((key) => { |
|||
Cookies.set(key, headers[key]); |
|||
}); |
|||
headerConfig = Object.assign({}, headers); |
|||
} else { |
|||
headerConfig['qsToken'] = Cookies.get('qsToken'); |
|||
} |
|||
|
|||
export default headerConfig; |
|||
@ -1,22 +0,0 @@ |
|||
export enum ResultEnum { |
|||
SUCCESS = 0, |
|||
ERROR = 1, |
|||
TIMEOUT = 401, |
|||
TOKEN_INVALID = 403, |
|||
} |
|||
|
|||
export enum RequestEnum { |
|||
GET = 'GET', |
|||
POST = 'POST', |
|||
PUT = 'PUT', |
|||
DELETE = 'DELETE', |
|||
} |
|||
|
|||
export enum ContentTypeEnum { |
|||
// json
|
|||
JSON = 'application/json;charset=UTF-8', |
|||
// form-data qs
|
|||
FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8', |
|||
// form-data upload
|
|||
FORM_DATA = 'multipart/form-data;charset=UTF-8', |
|||
} |
|||
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 971 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 714 B |
|
Before Width: | Height: | Size: 8.3 KiB |
@ -1,13 +0,0 @@ |
|||
import { createApp } from 'vue'; |
|||
import App from '/@/App.vue'; |
|||
import { saasInit } from '/nerv-lib/saas'; |
|||
import { apiModule } from '/@/api'; |
|||
import { appConfig } from '/@/config'; |
|||
|
|||
const app = createApp(App); |
|||
saasInit({ |
|||
app, |
|||
apiModule, |
|||
appConfig, |
|||
}); |
|||
app.mount('#app'); |
|||
@ -1,510 +0,0 @@ |
|||
/** @format */ |
|||
|
|||
import Cookies from 'js-cookie'; |
|||
import headerConfig from '/@/config/transform'; |
|||
|
|||
console.log(headerConfig); |
|||
|
|||
const Base = () => import('/nerv-lib/saas/view/system/layout/content.vue'); |
|||
|
|||
const contentManage = { |
|||
path: '/contentManage', |
|||
name: 'contentManage', |
|||
meta: { title: '', icon: '', index: 1 }, |
|||
redirect: { name: 'Content' }, |
|||
children: [ |
|||
{ |
|||
path: 'content', |
|||
name: 'Content', |
|||
meta: { title: '内容管理', icon: 'neirongguanli' }, |
|||
component: Base, |
|||
redirect: { name: 'Announcements' }, |
|||
children: [ |
|||
{ |
|||
path: 'announcements', |
|||
name: 'Announcements', |
|||
meta: { title: '通知公告管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'AnnouncementsIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'AnnouncementsIndex', |
|||
component: () => import('/@/view/contentManage/announcements/index.vue'), |
|||
meta: { |
|||
title: '通知公告管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'AnnouncementsDetail', |
|||
component: () => import('/@/view/contentManage/announcements/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'AnnouncementsAdd', |
|||
component: () => import('/@/view/contentManage/announcements/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'AnnouncementsEdit', |
|||
component: () => import('/@/view/contentManage/announcements/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'news', |
|||
name: 'News', |
|||
meta: { title: '新闻管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'NewsIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'NewsIndex', |
|||
component: () => import('/@/view/contentManage/news/index.vue'), |
|||
meta: { |
|||
title: '通知公告管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'NewsDetail', |
|||
component: () => import('/@/view/contentManage/news/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'NewsAdd', |
|||
component: () => import('/@/view/contentManage/news/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'NewsEdit', |
|||
component: () => import('/@/view/contentManage/news/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'article', |
|||
name: 'Article', |
|||
meta: { title: '文章管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'ArticleIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'ArticleIndex', |
|||
component: () => import('/@/view/contentManage/article/index.vue'), |
|||
meta: { |
|||
title: '文章管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'ArticleDetail', |
|||
component: () => import('/@/view/contentManage/article/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'ArticleAdd', |
|||
component: () => import('/@/view/contentManage/article/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'ArticleEdit', |
|||
component: () => import('/@/view/contentManage/article/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'audit', |
|||
name: 'Audit', |
|||
meta: { title: '审核管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'AuditIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'AuditIndex', |
|||
component: () => import('/@/view/contentManage/audit/index.vue'), |
|||
meta: { |
|||
title: '审核管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'AuditDetail', |
|||
component: () => import('/@/view/contentManage/audit/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'audit', |
|||
name: 'AuditAction', |
|||
component: () => import('/@/view/contentManage/audit/audit.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '审核', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'systemManage', |
|||
name: 'SystemManage', |
|||
meta: { title: '系统管理', icon: 'xitongguanli' }, |
|||
component: Base, |
|||
redirect: { name: 'SystemManage' }, |
|||
children: [ |
|||
{ |
|||
path: 'bannerManage', |
|||
name: 'BannerManage', |
|||
meta: { title: '渠道banner管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'BannerManageIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'BannerManageIndex', |
|||
component: () => import('/@/view/systemManage/bannerManage/index.vue'), |
|||
meta: { |
|||
title: '渠道banner管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'BannerManageDetail', |
|||
component: () => import('/@/view/systemManage/bannerManage/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detailCheck', |
|||
name: 'BannerManageDetailCheck', |
|||
component: () => import('/@/view/systemManage/bannerManage/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '审批', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'BannerManageAdd', |
|||
component: () => import('/@/view/systemManage/bannerManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'BannerManageEdit', |
|||
component: () => import('/@/view/systemManage/bannerManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'openScreenManage', |
|||
name: 'OpenScreenManage', |
|||
component: Base, |
|||
redirect: { name: 'OpenScreenManageIndex' }, |
|||
meta: { title: '开屏广告管理', hideChildren: true, type: 'menus' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'OpenScreenManageIndex', |
|||
component: () => import('/@/view/systemManage/openScreenManage/index.vue'), |
|||
meta: { |
|||
type: 'menus', |
|||
operates: [ |
|||
{ |
|||
title: '失效', |
|||
code: 'OpenScreenManageInvalidation', |
|||
backApi: [ |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/invalidationOpenScreen', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '删除', |
|||
code: 'OpenScreenManageRemove', |
|||
backApi: [ |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/deleteOpenScreen', |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
title: '开屏广告管理', |
|||
keepAlive: true, |
|||
backApi: [ |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/AdvertisingMarketing/openScreenList', |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'OpenScreenManageAdd', |
|||
component: () => import('/@/view/systemManage/openScreenManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [ |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/releasePoppup', |
|||
}, |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/savePoppup', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/AdvertisingMarketing/popupDetail', |
|||
}, |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/FileUpload', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/ParkPic', |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'OpenScreenManageEdit', |
|||
component: () => import('/@/view/systemManage/openScreenManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [ |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/releasePoppup', |
|||
}, |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/AdvertisingMarketing/savePoppup', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/AdvertisingMarketing/popupDetail', |
|||
}, |
|||
{ |
|||
method: 'POST', |
|||
url: '/api/objs/admin/FileUpload', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/ParkPic', |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'OpenScreenManageDetail', |
|||
component: () => import('/@/view/systemManage/openScreenManage/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [ |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/AdvertisingMarketing/popupDetail', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/ParkPic', |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detailCheck', |
|||
name: 'OpenScreenManageDetailCheck', |
|||
component: () => import('/@/view/systemManage/openScreenManage/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '审核', |
|||
backApi: [ |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/AdvertisingMarketing/popupDetail', |
|||
}, |
|||
{ |
|||
method: 'GET', |
|||
url: '/api/objs/admin/ParkPic', |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'appVersionManage', |
|||
name: 'AppVersionManage', |
|||
meta: { title: 'APP版本管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'AppVersionManageIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'AppVersionManageIndex', |
|||
component: () => import('/@/view/systemManage/appVersionManage/index.vue'), |
|||
meta: { |
|||
title: 'APP版本管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'detail', |
|||
name: 'AppVersionManageDetail', |
|||
component: () => import('/@/view/systemManage/appVersionManage/detail.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '查看', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'add', |
|||
name: 'AppVersionManageAdd', |
|||
component: () => import('/@/view/systemManage/appVersionManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '新增', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
{ |
|||
path: 'edit', |
|||
name: 'AppVersionManageEdit', |
|||
component: () => import('/@/view/systemManage/appVersionManage/add.vue'), |
|||
meta: { |
|||
type: 'op', |
|||
title: '编辑', |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: 'logManage', |
|||
name: 'LogManage', |
|||
meta: { title: '日志管理', hideChildren: true }, |
|||
component: Base, |
|||
redirect: { name: 'LogManageIndex' }, |
|||
children: [ |
|||
{ |
|||
path: 'index', |
|||
name: 'LogManageIndex', |
|||
component: () => import('/@/view/systemManage/logManage/index.vue'), |
|||
meta: { |
|||
title: '日志管理', |
|||
keepAlive: true, |
|||
backApi: [], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}; |
|||
|
|||
function removeByName(name: string) { |
|||
const index = contentManage.children[1].children.reduce((pre, item, index) => { |
|||
if (item.name == name) pre = index; |
|||
return pre; |
|||
}, 0); |
|||
contentManage.children[1].children.splice(index, 1); |
|||
} |
|||
if (Cookies.get('type') == 'pc') { |
|||
removeByName('AppVersionManage'); |
|||
} |
|||
if (Cookies.get('type') != 'mobile') { |
|||
removeByName('OpenScreenManage'); |
|||
} |
|||
export default contentManage; |
|||
@ -1,11 +0,0 @@ |
|||
/** @format */ |
|||
|
|||
// const RootRoute = {
|
|||
// path: '/',
|
|||
// name: 'root',
|
|||
// redirect: { name: 'AnnouncementsIndex' },
|
|||
// meta: {
|
|||
// title: 'Root',
|
|||
// },
|
|||
// };
|
|||
// export default RootRoute;
|
|||
@ -1,8 +0,0 @@ |
|||
/** @format */ |
|||
|
|||
const RootRoute = { |
|||
path: '/root', |
|||
name: 'root', |
|||
redirect: { name: 'AnnouncementsIndex' }, |
|||
}; |
|||
export default RootRoute; |
|||
@ -1,12 +0,0 @@ |
|||
import { defineStore } from 'pinia'; |
|||
|
|||
export const items = defineStore({ |
|||
id: 'items', |
|||
state() { |
|||
return { list: [], count: 10 }; |
|||
}, |
|||
getters: { |
|||
double: (state: any) => state.count * 2, |
|||
}, |
|||
actions: {}, |
|||
}); |
|||
@ -1,53 +0,0 @@ |
|||
@font-face { |
|||
font-family: 'QuartzMS'; |
|||
src: url('/asset/font/QuartzMS.TTF') format('truetype'); |
|||
} |
|||
|
|||
//侧边导航 |
|||
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { |
|||
background: #e5f7f9 !important; |
|||
} |
|||
|
|||
.ant-menu.ant-menu-dark .ant-menu-item-selected { |
|||
color: #fff; |
|||
background: rgba(45, 120, 238, 1) !important; |
|||
} |
|||
|
|||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover { |
|||
background-color: rgba(45, 120, 238, 1) !important; |
|||
cursor: default; |
|||
} |
|||
|
|||
.ant-menu-inline .ant-menu-item, |
|||
.ant-menu-inline .ant-menu-submenu-title { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.ns-basic-table .ant-btn:hover { |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.ns-basic-table .ant-btn-link:hover { |
|||
background: none !important; |
|||
} |
|||
|
|||
// .ns-detail { |
|||
// padding: 0px 24px 10px 24px !important; |
|||
// } |
|||
|
|||
.ant-tabs-nav-wrap { |
|||
padding: 0 24px; // 列表tab边距 |
|||
} |
|||
|
|||
.ant-tabs-nav { |
|||
margin: 0 !important; // 列表tab下边距 |
|||
} |
|||
|
|||
.ant-input-number { |
|||
width: 100%; //inputNumber组件宽度 |
|||
} |
|||
|
|||
// 富文本组件层级 |
|||
.ns-richText-ZIndex { |
|||
z-index: 1; |
|||
} |
|||
@ -1,2 +0,0 @@ |
|||
@import "variable"; |
|||
@import "global"; |
|||
@ -1,42 +0,0 @@ |
|||
// @import "./global-antd.less"; |
|||
|
|||
@primary-color: rgba(45, 120, 238, 1); // 全局主色 |
|||
// @link-color: #43BB79; // 链接色 |
|||
@layout-header-hover: rgba(45, 120, 238, .7); //hover |
|||
// @text-color: #323232; // 主文本色 |
|||
|
|||
|
|||
@layout-header-background: rgba(45, 120, 238, 1); // 头部背景色 |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
//btn |
|||
// @btn-height-base: 30px; |
|||
// @btn-height-lg: 30px; |
|||
// @btn-disable-bg: #dfe3e9; //禁用按钮background |
|||
// @btn-disable-border: 1px solid #ced0da; |
|||
|
|||
// @btn-link-hover-bg: #37ABC4; |
|||
// @btn-text-hover-bg: #46ebdb; |
|||
|
|||
|
|||
// //input |
|||
// @input-height-base: 30px; |
|||
|
|||
|
|||
// //form |
|||
// @label-color: #52616f; //form-lable颜色 |
|||
|
|||
|
|||
// @form-item-margin-bottom: 16px; |
|||
|
|||
// //menu |
|||
|
|||
|
|||
//spin |
|||
|
|||
|
|||
// @border-width-base: 1px; |
|||
// @border-style-base: solid; |
|||
@ -1,65 +0,0 @@ |
|||
// $primary-color: #37ABC4; // 全局主色 |
|||
// $link-color: #37ABC4; // 链接色 |
|||
// $success-color: #17BE6B; // 成功色 |
|||
// $warning-color: #FF9901; // 警告色 |
|||
// $error-color: #FF1744; // 错误色 |
|||
// $font-size-base: 14px; // 主字号 |
|||
// $font-size-lg:14px; |
|||
// $font-size-lg:14px; |
|||
// $heading-font-size-lg:16px;//标题字号 |
|||
// $heading-font-weight:600;//标题加粗 |
|||
// $font-line-height:22px;//文字行高 |
|||
// $heading-font-line-height:24px;//标题文字行高 |
|||
// $heading-color: rgba(0, 0, 0, 0.85); // 标题色 |
|||
// $text-color: #323232; // 主文本色 |
|||
// $text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色 |
|||
// $disabled-color: #BFBFBF; // 失效色 |
|||
// $border-radius-base: 2px; // 组件/浮层圆角 |
|||
// $border-color-base: #dcdfe2; // 边框色 |
|||
// $box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影 |
|||
// $layout-body-background: #f0f2f5; //框架背景色 |
|||
// $layout-header-background:#37ABC4; // 头部背景色 |
|||
|
|||
// $layout-sider-width:208px; //侧边导航宽度 |
|||
// $layout-sider-arrow-color:#808d96;//侧边导航箭头颜色 |
|||
// $border-style-base:solid; |
|||
// $layout-header-height:48px;//头部高度 |
|||
// $line-height-base:22px; |
|||
|
|||
// //btn |
|||
// $btn-height-base:30px; |
|||
// $btn-height-lg: 30px; |
|||
// $btn-disable-color: #9b9b9b;//禁用按钮color |
|||
// $btn-disable-bg: #dfe3e9;//禁用按钮background |
|||
// $btn-disable-border: 1px solid #ced0da; |
|||
// $btn-border-radius-base: $border-radius-base;//圆角边框 |
|||
// $btn-border-width: 1px; |
|||
// $btn-border-style: $border-style-base; |
|||
// $btn-link-hover-bg: #37ABC4; |
|||
// $btn-text-hover-bg: #46ebdb; |
|||
// $btn-font-size-lg: $font-size-lg; |
|||
|
|||
// //input |
|||
// $input-height-base: 30px; |
|||
// $input-hover-focus-border-color:#a5a5b5; |
|||
// // @input-hover-border-color: rgba(0,0,0,.85);//鼠标滑过input边框 |
|||
|
|||
// //form |
|||
// $label-color:#52616f; |
|||
// $form-vertical-label-padding: 0; |
|||
// $form-vertical-label-margin: 0,0,16,0px; |
|||
// $form-item-label-height:$input-height-base; |
|||
// $form-item-margin-bottom: 16px; |
|||
|
|||
// //menu |
|||
// $menu-item-height: 48px; |
|||
// $menu-item-active-bg: none; |
|||
// $menu-item-boundary-margin: 0px; |
|||
|
|||
// //spin |
|||
// $spin-dot-size-sm: 14px; |
|||
// $spin-dot-size: 20px; |
|||
// $spin-dot-size-lg: 32px; |
|||
|
|||
// $border-width-base: 1px; |
|||
// $border-style-base: solid; |
|||
@ -1 +0,0 @@ |
|||
declare module '*.vue'; |
|||
@ -1,70 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div ref="FCKEditor"> </div> |
|||
</template> |
|||
<script> |
|||
import { defineComponent, ref, inject } from 'vue'; |
|||
import Editor from 'wangeditor'; |
|||
export default defineComponent({ |
|||
name: 'FCKEditor', |
|||
props: { |
|||
htmlInfo: { |
|||
type: String, |
|||
default: '', |
|||
}, |
|||
}, |
|||
emits: ['change'], |
|||
setup() { |
|||
const editor = ref({}); |
|||
const content = ref(''); |
|||
const components = inject('components'); |
|||
return { |
|||
editor, |
|||
content, |
|||
components, |
|||
}; |
|||
}, |
|||
watch: { |
|||
htmlInfo: { |
|||
handler(val) { |
|||
console.log(123); |
|||
setTimeout(() => { |
|||
this.editor.cmd.do('insertHTML', val); |
|||
}, 10); |
|||
}, |
|||
}, |
|||
}, |
|||
mounted() { |
|||
this.initAre(this.htmlInfo); |
|||
}, |
|||
methods: { |
|||
initAre(val) { |
|||
// eslint-disable-next-line @typescript-eslint/no-this-alias |
|||
let that = this; |
|||
this.editor = new Editor(this.$refs.FCKEditor); |
|||
this.editor.config.uploadImgShowBase64 = true; |
|||
// this.editor.config.uploadImgServer = '/api/pension/pension/objs/FileUpload'; // |
|||
// this.editor.config.uploadFileName = 'file'; |
|||
// this.editor.config.uploadImgParams = { |
|||
// uploadType: '1', |
|||
// }; |
|||
this.editor.config.withCredentials = true; |
|||
//this.editor.config.uploadImgMaxSize = 5 * 1024 * 1024; //限制图片大小 2M |
|||
this.editor.config.onchange = function (html) { |
|||
// 第二步，监控变化，同步更新到 textarea |
|||
console.log(Object.prototype.toString.call(html)); |
|||
that.$emit('change', html); |
|||
}; |
|||
this.editor.create(); |
|||
if (val) { |
|||
this.editor.cmd.do('insertHTML', val); |
|||
} |
|||
}, |
|||
getInfo() { |
|||
console.log(this.editor.txt.html()); |
|||
}, |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped></style> |
|||
@ -1,153 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-add-form |
|||
ref="nsAddFormRef" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? '编辑公告' : '新增公告'" |
|||
:headActions="headActions" |
|||
:api="formApi" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide, computed } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import FCKEditor from '/@/view/components/FCKEditor.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'AnnouncementsAdd', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const { uuid } = router.currentRoute.value.query; |
|||
const nsAddFormRef = ref(); |
|||
const htmlInfo = ref(''); |
|||
const formApi = ref( |
|||
uuid |
|||
? '/api/content/objs/admin/cms/bg/article/update' |
|||
: '/api/content/objs/admin/cms/bg/article/add', |
|||
); |
|||
const data = ref({ |
|||
articleCommonHandleForm: { folderCode: 'mobileNoticeManager', content: '', title: '' }, |
|||
}); |
|||
provide('components', () => { |
|||
return { FCKEditor }; |
|||
}); |
|||
if (uuid) { |
|||
http.get('/api/content/objs/admin/cms/bg/article/detail', { uuid }).then((res) => { |
|||
console.log(res); |
|||
data.value = res.data.articleCommonVO; |
|||
data.value.articleCommonHandleForm = { |
|||
folderCode: 'mobileNoticeManager', |
|||
folderName: '通知公告', |
|||
sort: 0, |
|||
title: res.data.articleCommonVO.title, |
|||
content: res.data.articleCommonVO.content, |
|||
}; |
|||
data.value.folderCode = 'mobileNoticeManager'; |
|||
|
|||
// 编辑->未上架 |
|||
data.value.isPublish = 0; |
|||
htmlInfo.value = res.data.articleCommonVO.content || ''; |
|||
}); |
|||
} |
|||
const dataHandle = (data) => { |
|||
const newData = data; |
|||
newData['articleCommonHandleForm'] = data; |
|||
return newData; |
|||
}; |
|||
const validateResult = computed(() => { |
|||
return !nsAddFormRef.value?.validateResult; |
|||
}); |
|||
const headActions = ref({ |
|||
actions: [ |
|||
{ |
|||
label: '发布', |
|||
name: 'AnnouncementsDetail', |
|||
dynamicDisabled: validateResult, |
|||
handle: (record, name) => { |
|||
// formApi.value = uuid |
|||
// ? '/api/content/objs/admin/cms/bg/article/publish' |
|||
// : '/api/content/objs/admin/cms/bg/article/add'; |
|||
data.value.isPublish = 1; |
|||
nsAddFormRef.value?.submit(); |
|||
}, |
|||
}, |
|||
], |
|||
}); |
|||
|
|||
const formSchema = ref([ |
|||
{ |
|||
field: 'folderCode', |
|||
defaultValue: 'mobileNoticeManager', |
|||
}, |
|||
{ |
|||
field: 'articleCommonHandleForm', |
|||
defaultValue: { folderCode: 'mobileNoticeManager', folderName: '通知公告', sort: 0 }, |
|||
}, |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'isPublish', |
|||
defaultValue: 0, |
|||
}, |
|||
{ |
|||
field: 'title', |
|||
label: '公告主题', |
|||
component: 'NsInput', |
|||
|
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
onChange: (e) => { |
|||
data.value.articleCommonHandleForm['title'] = e.target.value; |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
pattern: /^((?!\\|\/|:|\*|\?|<|>|\||'|%|@|#|&|\$|\^|&|\*).){1,100}$/, |
|||
message: '可输入1~100个字符，不能包含‘ / ； ： * ？” < > ` 这些特殊符号', |
|||
trigger: 'blur', |
|||
}, |
|||
{ |
|||
required: true, |
|||
message: '请输入公告主题', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'content', |
|||
component: 'FCKEditor', |
|||
class: 'ns-form-item-full ns-form-item-padding ns-richText-ZIndex', |
|||
label: '公告内容', |
|||
componentProps: { |
|||
htmlInfo: htmlInfo, |
|||
onChange: (a) => { |
|||
data.value.articleCommonHandleForm['content'] = a; |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '内容不能为空', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
|
|||
return { |
|||
formSchema, |
|||
data, |
|||
headActions, |
|||
nsAddFormRef, |
|||
dataHandle, |
|||
uuid, |
|||
formApi, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,53 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<ns-view-detail api="/api/content/objs/admin/cms/bg/article/detail" :detail="detail"> |
|||
<template #content="data"> |
|||
<span v-html="data.value"></span> |
|||
</template> |
|||
</ns-view-detail> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
// import customerDetail from '../monthly/components/customerDetail.vue'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
export default defineComponent({ |
|||
name: 'AnnouncementsDetail', |
|||
// components: { customerDetail }, |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
const detail = reactive([ |
|||
{ |
|||
title: '公告主题：', |
|||
items: [ |
|||
{ |
|||
label: '', |
|||
name: 'pushTime', |
|||
format: (value, record) => { |
|||
return record.articleCommonVO.title; |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '公告内容：', |
|||
items: [ |
|||
{ |
|||
label: '', |
|||
type: 'html', |
|||
name: 'content', |
|||
style: { padding: 0 }, |
|||
format: (value, record) => { |
|||
return record.articleCommonVO.content; |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
return { detail }; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,258 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table ref="nsTableRef" v-bind="tableConfig" rowKey="uuid"> |
|||
<template #bodyCell="{ record, column, index }"> |
|||
<template v-if="column.dataIndex == 'content'"> |
|||
<a @click="modalContent(record)">点击预览</a> |
|||
</template> |
|||
</template> |
|||
</ns-view-list-table> |
|||
<ns-modal |
|||
v-model:visible="visible" |
|||
width="520px" |
|||
:destroyOnClose="true" |
|||
title="公告内容" |
|||
:footer="null"> |
|||
<div class="detail-info" v-html="modalInfo"></div> |
|||
</ns-modal> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent, createVNode, ref } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { Modal } from 'ant-design-vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'AnnouncementsIndex', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const nsTableRef = ref(); |
|||
const modalInfo = ref(''); |
|||
const visible = ref(false); |
|||
const request = (api: string, params: object) => { |
|||
http.post(api, params).then(() => { |
|||
NsMessage.success('操作成功'); |
|||
nsTableRef.value.nsTableRef.reload(); |
|||
}); |
|||
}; |
|||
const tableConfig = { |
|||
title: '公告管理', |
|||
api: { |
|||
method: 'POST', |
|||
url: '/api/content/objs/admin/cms/bg/article/pageList', |
|||
}, |
|||
// api:'/api/web/objs/bulletin/pageList' |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'titleLike', |
|||
label: '公告主题', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleStatus', |
|||
label: '状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '全部', value: '' }, |
|||
{ label: '未上架', value: 1 }, |
|||
{ label: '待审核', value: 2 }, |
|||
{ label: '已上架', value: 3 }, |
|||
{ label: '未通过', value: 6 }, |
|||
], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
folderCode: 'mobileNoticeManager', |
|||
}, |
|||
headerActions: [ |
|||
{ |
|||
label: '新增公告', |
|||
name: 'AnnouncementsAdd', |
|||
type: 'primary', |
|||
handle: ({}, name) => { |
|||
router.push({ name, query: {} }); |
|||
}, |
|||
}, |
|||
], |
|||
rowSelection: null, |
|||
// transformCellText: ({ record, column }) => { |
|||
// return record.articleCommonVO[column.dataIndex]; |
|||
// }, |
|||
columns: [ |
|||
{ |
|||
title: '公告ID', |
|||
dataIndex: 'articleCode', |
|||
textNumber: 7, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '公告主题', |
|||
dataIndex: 'extraColMap', |
|||
textNumber: 6, |
|||
textEllipsis: true, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO['title']; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '公告内容', |
|||
dataIndex: 'content', |
|||
// textEllipsis: true, |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '上架时间', |
|||
dataIndex: 'publishTime', |
|||
textNumber: 10, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex] || '-'; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'createTime', |
|||
// textNumber: 9, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '创建人', |
|||
dataIndex: 'createUserName', |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
dataIndex: 'articleStatus', |
|||
textNumber: 5, |
|||
customCell: ({ articleCommonVO: { articleStatus } }) => { |
|||
return { |
|||
style: { color: articleStatus == 3 ? 'green' : articleStatus == 6 ? 'red' : '' }, |
|||
}; |
|||
}, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return ['', '未上架', '待审核', '已上架', '', '', '未通过'][ |
|||
articleCommonVO[column.dataIndex] |
|||
]; |
|||
}, |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 100, |
|||
autoMergeAction: false, |
|||
actionNumber: 2, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
name: 'AnnouncementsDetail', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [2, 3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
name: 'AnnouncementsEdit', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '下架', |
|||
name: 'AnnouncementsReaded', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/withdrawn', { uuid }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
name: 'AnnouncementsDelete', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/batchDel', { uuids: [uuid] }); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
const modalContent = (record) => { |
|||
http |
|||
.get('/api/content/objs/admin/cms/bg/article/detail', { |
|||
uuid: record.articleCommonVO.uuid, |
|||
}) |
|||
.then((res) => { |
|||
modalInfo.value = res.data.articleCommonVO.content; |
|||
visible.value = true; |
|||
}); |
|||
}; |
|||
return { |
|||
tableConfig, |
|||
modalContent, |
|||
nsTableRef, |
|||
visible, |
|||
modalInfo, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
.detail-info { |
|||
:deep(table) { |
|||
border-top: 1px solid #ffffff; |
|||
border-left: 1px solid #ffffff; |
|||
:deep(p) { |
|||
font-size: 12px; |
|||
color: #898e91; |
|||
} |
|||
} |
|||
:deep(th) { |
|||
border-right: 1px solid #ffffff; |
|||
font-size: 13px; |
|||
padding-top: 5px; |
|||
padding-bottom: 5px; |
|||
font-weight: normal; |
|||
background: #eff0f2; |
|||
} |
|||
:deep(td) { |
|||
border-top: 1px solid #ffffff; |
|||
border-right: 1px solid #ffffff; |
|||
padding-top: 5px; |
|||
padding-bottom: 5px; |
|||
font-size: 12px; |
|||
color: #606060; |
|||
text-align: center; |
|||
:deep(text) { |
|||
border-bottom: 1px solid #ffffff; |
|||
} |
|||
background: rgba(240, 242, 245, 0.5); |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,271 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-add-form |
|||
ref="nsAddFormRef" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? '编辑文章' : '新增文章'" |
|||
:dataHandle="dataHandle" |
|||
:headActions="headActions" |
|||
:api="formApi" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide, computed } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import FCKEditor from '/@/view/components/FCKEditor.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'NewsAdd', |
|||
setup() { |
|||
provide('components', () => { |
|||
return { FCKEditor }; |
|||
}); |
|||
const router = useRouter(); |
|||
const { uuid } = router.currentRoute.value.query; |
|||
const nsAddFormRef = ref(); |
|||
const htmlInfo = ref(''); |
|||
const imageNetUrl = ref(''); |
|||
let uuidList = ref<any>([]); |
|||
const formApi = ref( |
|||
uuid |
|||
? '/api/content/objs/admin/cms/bg/article/update' |
|||
: '/api/content/objs/admin/cms/bg/article/add', |
|||
); |
|||
|
|||
const data = ref({ |
|||
articleCommonHandleForm: { folderCode: 'mobileArticleManager', content: '', title: '' }, |
|||
}); |
|||
|
|||
if (uuid) { |
|||
http.get('/api/content/objs/admin/cms/bg/article/detail', { uuid }).then((res) => { |
|||
console.log(res); |
|||
data.value = res.data.articleCommonVO; |
|||
data.value.tagUuidList = res.data.tagNameList; |
|||
uuidList.value = res.data.tagUuidList; |
|||
data.value.articleCommonHandleForm = { |
|||
folderCode: 'mobileArticleManager', |
|||
folderName: '文章', |
|||
sort: 0, |
|||
title: res.data.articleCommonVO.title, |
|||
content: res.data.articleCommonVO.content, |
|||
articleSource: res.data.articleCommonVO.articleSource, |
|||
imageNetUrl: res.data.articleCommonVO.imageNetUrl, |
|||
}; |
|||
data.value.folderCode = 'mobileArticleManager'; |
|||
// 编辑->未上架 |
|||
data.value.isPublish = 0; |
|||
imageNetUrl.value = res.data.articleCommonVO.imageNetUrl; |
|||
htmlInfo.value = res.data.articleCommonVO.content || ''; |
|||
}); |
|||
} |
|||
|
|||
const getTagUuid = async (list = []) => { |
|||
const res = await http.get('/api/content/objs/admin/cms/bg/articleTag/allList', { |
|||
folderCode: 'mobileArticleManager', |
|||
}); |
|||
console.log(res); |
|||
|
|||
const arr = []; |
|||
list?.map((cur) => { |
|||
res.data.some((item) => { |
|||
if (item.tagName == cur) { |
|||
arr.push(item.uuid); |
|||
return true; |
|||
} |
|||
}); |
|||
}); |
|||
uuidList.value = arr; |
|||
}; |
|||
const addTag = (tagName, tagNameList) => { |
|||
http |
|||
.post('/api/content/objs/admin/cms/bg/articleTag/add', { |
|||
folderCode: 'mobileArticleManager', |
|||
tagName, |
|||
}) |
|||
.then(() => { |
|||
getTagUuid(tagNameList); |
|||
}); |
|||
}; |
|||
const dataHandle = (data) => { |
|||
const newData = JSON.parse(JSON.stringify(data)); |
|||
newData['articleCommonHandleForm'] = Object.assign( |
|||
newData['articleCommonHandleForm'], |
|||
data, |
|||
); |
|||
newData['tagUuidList'] = uuidList.value; |
|||
return newData; |
|||
}; |
|||
const validateResult = computed(() => { |
|||
return !nsAddFormRef.value?.validateResult; |
|||
}); |
|||
const headActions = ref({ |
|||
actions: [ |
|||
{ |
|||
label: '发布', |
|||
name: 'NewsDetail', |
|||
dynamicDisabled: validateResult, |
|||
handle: (record, name) => { |
|||
// formApi.value = uuid |
|||
// ? '/api/content/objs/admin/cms/bg/article/publish' |
|||
// : '/api/content/objs/admin/cms/bg/article/add'; |
|||
data.value.isPublish = 1; |
|||
nsAddFormRef.value?.submit(); |
|||
}, |
|||
}, |
|||
], |
|||
}); |
|||
|
|||
const formSchema = ref([ |
|||
{ |
|||
field: 'folderCode', |
|||
defaultValue: 'mobileArticleManager', |
|||
}, |
|||
{ |
|||
field: 'articleCommonHandleForm', |
|||
defaultValue: { folderCode: 'mobileArticleManager', folderName: '文章', sort: 0 }, |
|||
}, |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'isPublish', |
|||
defaultValue: 0, |
|||
}, |
|||
{ |
|||
field: 'title', |
|||
label: '文章标题', |
|||
component: 'NsInput', |
|||
|
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['title'] = e.target.value; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入文章标题', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'articleSource', |
|||
label: '消息来源', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['articleSource'] = e.target.value; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入消息来源', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'tagUuidList', |
|||
label: '文章标签', |
|||
component: 'nsSelectApi', |
|||
componentProps: { |
|||
mode: 'tags', |
|||
api: '/api/content/objs/admin/cms/bg/articleTag/allList', |
|||
params: { folderCode: 'mobileArticleManager' }, |
|||
autoSelectFirst: false, |
|||
resultField: 'data', |
|||
labelField: 'tagName', |
|||
valueField: 'tagName', |
|||
immediate: true, |
|||
dropdownReload: true, |
|||
placeholder: '请选择', |
|||
filterOption: (input, option) => { |
|||
return option.tagName?.indexOf(input) >= 0; |
|||
}, |
|||
// onChange: (a, b) => { |
|||
// console.log(a, b, 'onchange'); |
|||
// // getTagUuid(a); |
|||
// }, |
|||
onSelect: (a, b) => { |
|||
if (JSON.stringify(b) == '{}') { |
|||
addTag(a, data.value.tagUuidList); |
|||
// console.log(data.value); |
|||
} else { |
|||
getTagUuid(data.value.tagUuidList); |
|||
} |
|||
console.log(a, JSON.stringify(b), 'onselect'); |
|||
}, |
|||
}, |
|||
// rules: [ |
|||
// { |
|||
// required: true, |
|||
// message: '请选择', |
|||
// type: 'array', |
|||
// }, |
|||
// ], |
|||
}, |
|||
|
|||
{ |
|||
field: 'imageNetUrl', |
|||
component: 'NsUpload', |
|||
label: '文章图片', |
|||
componentProps: { |
|||
// 上传的地址 |
|||
url: '/api/fileunify/objs/admin/MaterialFile', |
|||
// 上传的图片大小 |
|||
maxSize: 5242880, |
|||
// 上传的图片类型 |
|||
fileType: ['jpg', 'png', 'jpeg'], |
|||
// 展示图片数量 |
|||
count: 1, |
|||
// 上传的文件类型，0-证书，1-图片，2-身份证件 |
|||
uploadType: 1, |
|||
params: { |
|||
groupCode: 'mobile_img', |
|||
}, |
|||
baseImageUrl: imageNetUrl, |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['imageNetUrl'] = e; |
|||
// }, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'content', |
|||
component: 'FCKEditor', |
|||
class: 'ns-form-item-full ns-form-item-padding ns-richText-ZIndex', |
|||
label: '文章内容', |
|||
componentProps: { |
|||
htmlInfo: htmlInfo, |
|||
// onChange: (a) => { |
|||
// data.value.articleCommonHandleForm['content'] = a; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '内容不能为空', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
|
|||
return { |
|||
formSchema, |
|||
data, |
|||
headActions, |
|||
nsAddFormRef, |
|||
dataHandle, |
|||
uuid, |
|||
formApi, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,70 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<ns-view-detail api="/api/content/objs/admin/cms/bg/article/detail" :detail="detail"> |
|||
<template #content="data"> |
|||
<span v-html="data.value"></span> |
|||
</template> |
|||
</ns-view-detail> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'ArticleDetail', |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
const dataHandle = ({ articleCommonVO }) => { |
|||
return articleCommonVO; |
|||
}; |
|||
const detail = reactive([ |
|||
{ |
|||
title: '基本信息', |
|||
items: [ |
|||
{ |
|||
label: '新闻标题', |
|||
name: 'title', |
|||
format: (value, { articleCommonVO: { title } }) => title, |
|||
}, |
|||
{ |
|||
label: '消息来源', |
|||
name: 'articleSource', |
|||
format: (value, { articleCommonVO: { articleSource } }) => articleSource, |
|||
}, |
|||
{ |
|||
label: '文章标签', |
|||
name: 'tagNameList', |
|||
format: (value) => { |
|||
return value && value.join('，'); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '新闻图片', |
|||
name: 'imageNetUrl', |
|||
type: 'image', |
|||
format: (value, { articleCommonVO: { imageNetUrl } }) => imageNetUrl, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '新闻内容：', |
|||
items: [ |
|||
{ |
|||
label: '', |
|||
type: 'html', |
|||
name: 'content', |
|||
style: { padding: 0 }, |
|||
format: (value, { articleCommonVO: { content } }) => content, |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
return { detail, dataHandle }; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,251 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table ref="nsTableRef" v-bind="tableConfig" rowKey="uuid" /> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent, ref } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'ArticleIndex', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const nsTableRef = ref(); |
|||
|
|||
const request = (api: string, params: object) => { |
|||
http.post(api, params).then(() => { |
|||
NsMessage.success('操作成功'); |
|||
nsTableRef.value.nsTableRef.reload(); |
|||
}); |
|||
}; |
|||
const tableConfig = { |
|||
title: '文章管理', |
|||
api: { |
|||
method: 'POST', |
|||
url: '/api/content/objs/admin/cms/bg/article/pageList', |
|||
}, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
folderCode: 'mobileArticleManager', |
|||
}, |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'titleLike', |
|||
label: '文章标题', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleStatus', |
|||
label: '状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '全部', value: '' }, |
|||
{ label: '未上架', value: 1 }, |
|||
{ label: '审核中', value: 2 }, |
|||
{ label: '已上架', value: 3 }, |
|||
{ label: '未通过', value: 6 }, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'tagUuidList', |
|||
label: '文章标签', |
|||
component: 'nsSelectApi', |
|||
componentProps: { |
|||
params: { folderCode: 'mobileArticleManager' }, |
|||
mode: 'multiple', |
|||
api: '/api/content/objs/admin/cms/bg/articleTag/allList', |
|||
autoSelectFirst: false, |
|||
resultField: 'data', |
|||
labelField: 'tagName', |
|||
valueField: 'uuid', |
|||
immediate: true, |
|||
placeholder: '请选择', |
|||
showSearch: true, |
|||
filterOption: (input, option) => { |
|||
return option.tagName.indexOf(input) >= 0; |
|||
}, |
|||
dropdownReload: true, |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
headerActions: [ |
|||
{ |
|||
label: '新增文章', |
|||
name: 'ArticleAdd', |
|||
type: 'primary', |
|||
handle: ({}, name) => { |
|||
router.push({ name, query: {} }); |
|||
}, |
|||
}, |
|||
], |
|||
rowSelection: null, |
|||
columns: [ |
|||
{ |
|||
title: '文章ID', |
|||
dataIndex: 'articleCode', |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '文章标题', |
|||
dataIndex: 'title', |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '文章标签', |
|||
dataIndex: 'tagNameList', |
|||
textNumber: 5, |
|||
textEllipsis: true, |
|||
customRender: ({ record: { tagNameList }, column }) => { |
|||
return (tagNameList && tagNameList.join(',')) || '-'; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '信息来源', |
|||
dataIndex: 'articleSource', |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '上架时间', |
|||
dataIndex: 'publishTime', |
|||
textNumber: 10, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex] || '-'; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
dataIndex: 'articleStatus', |
|||
textNumber: 5, |
|||
customCell: ({ articleCommonVO: { articleStatus } }) => { |
|||
return { |
|||
style: { color: articleStatus == 3 ? 'green' : articleStatus == 6 ? 'red' : '' }, |
|||
}; |
|||
}, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return ['', '未上架', '待审核', '已上架', '', '', '未通过'][ |
|||
articleCommonVO[column.dataIndex] |
|||
]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '是否置顶', |
|||
textNumber: 4, |
|||
dataIndex: 'isTop', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return ['否', '是'][articleCommonVO[column.dataIndex]]; |
|||
}, |
|||
}, |
|||
|
|||
{ |
|||
title: '创建人', |
|||
dataIndex: 'createUserName', |
|||
textNumber: 5, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'createTime', |
|||
// textNumber: 9, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
autoMergeAction: false, |
|||
actionNumber: 3, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
name: 'ArticleDetail', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [2, 3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
name: 'ArticleEdit', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '置顶', |
|||
name: 'ArticleManageTop', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus, isTop } }) => |
|||
articleStatus == 3 && isTop == 0, |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/top', { uuid }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '取消置顶', |
|||
name: 'ArticleManageCancleTop', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus, isTop } }) => |
|||
articleStatus == 3 && isTop == 1, |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/top', { uuid }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: 'uuid', |
|||
name: 'ArticleManageDelete', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/batchDel', { uuids: [uuid] }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '下架', |
|||
dynamicParams: 'uuid', |
|||
name: 'ArticleManageReaded', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/withdrawn', { uuid }); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
return { |
|||
tableConfig, |
|||
nsTableRef, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped></style> |
|||
@ -1,162 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-add-form |
|||
ref="nsAddFormRef" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
title="审核" |
|||
:api="'/api/content/objs/admin/articleExamineRecord/update'" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide, computed } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import FCKEditor from '/@/view/components/FCKEditor.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'AnnouncementsAdd', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const { uuid } = router.currentRoute.value.query; |
|||
const nsAddFormRef = ref(); |
|||
const data = ref({}); |
|||
provide('components', () => { |
|||
return { FCKEditor }; |
|||
}); |
|||
if (uuid) { |
|||
http.get('/api/content/objs/admin/articleExamineRecord/detail', { uuid }).then((res) => { |
|||
data.value = res.data; |
|||
data.value.createTime = |
|||
res.data?.createTime && dateUtil(res.data.createTime).format('YYYY-MM-DD HH:mm:ss'); |
|||
}); |
|||
} |
|||
const validateResult = computed(() => { |
|||
return !nsAddFormRef.value?.validateResult; |
|||
}); |
|||
const headActions = ref({ |
|||
actions: [ |
|||
{ |
|||
label: '发布', |
|||
name: 'AnnouncementsDetail', |
|||
dynamicDisabled: validateResult, |
|||
handle: (record, name) => { |
|||
nsAddFormRef.value?.submit(); |
|||
}, |
|||
}, |
|||
], |
|||
}); |
|||
|
|||
const formSchema = reactive([ |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: '审核内容', |
|||
schemas: [ |
|||
{ |
|||
field: 'folderName', |
|||
label: '内容类型', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
disabled: true, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleTitle', |
|||
label: '内容名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
disabled: true, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'createTime', |
|||
label: '提交时间', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
disabled: true, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'createUserName', |
|||
label: '提交人', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
disabled: true, |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: '审核信息', |
|||
schemas: [ |
|||
{ |
|||
field: 'examStatus', |
|||
component: 'NsRadioGroup', |
|||
label: '审核结果', |
|||
defaultValue: 1, |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ |
|||
label: '通过', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '不通过', |
|||
value: 2, |
|||
}, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择', |
|||
type: 'number', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'examRemark', |
|||
label: '审批说明', |
|||
component: 'NsTextarea', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入', |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
]); |
|||
|
|||
return { |
|||
formSchema, |
|||
data, |
|||
headActions, |
|||
nsAddFormRef, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,85 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<ns-view-detail |
|||
:title="bulletinTopic" |
|||
api="/api/content/objs/admin/articleExamineRecord/detail" |
|||
:detail="detail"> |
|||
<template #content="data"> |
|||
<span v-html="data.value"></span> |
|||
</template> |
|||
</ns-view-detail> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'MonthlyCarDetail', |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
const { bulletinTopic } = rouer.currentRoute.value.query; |
|||
const detail = reactive([ |
|||
{ |
|||
title: '审核内容', |
|||
items: [ |
|||
{ |
|||
label: '内容类型', |
|||
name: 'folderName', |
|||
}, |
|||
{ |
|||
label: '内容名称', |
|||
name: 'articleTitle', |
|||
}, |
|||
{ |
|||
label: '内容ID', |
|||
name: 'articleCode', |
|||
}, |
|||
{ |
|||
label: '提交人', |
|||
name: 'createUserName', |
|||
}, |
|||
{ |
|||
label: '提交时间', |
|||
name: 'createTime', |
|||
format: (val) => { |
|||
return val && dateUtil(val).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '审核信息', |
|||
items: [ |
|||
{ |
|||
label: '审批结果', |
|||
name: 'examResult', |
|||
format: (val) => { |
|||
return ['', '通过', '不通过'][val]; |
|||
}, |
|||
}, |
|||
{ |
|||
label: '审批人', |
|||
name: 'examUserName', |
|||
}, |
|||
{ |
|||
label: '审批时间', |
|||
name: 'examTime', |
|||
format: (val) => { |
|||
return val && dateUtil(val).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '审批说明', |
|||
name: 'examRemark', |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
return { detail, bulletinTopic }; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,170 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table v-bind="tableConfig" rowKey="uuid" /> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { useRouter } from 'vue-router'; |
|||
export default defineComponent({ |
|||
name: 'AuditIndex', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const tableConfig = { |
|||
title: '审核管理', |
|||
api: { |
|||
method: 'GET', |
|||
url: '/api/content/objs/admin/articleExamineRecord/pageList', |
|||
}, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
}, |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'folderId', |
|||
label: '内容类型', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '全部', value: '' }, |
|||
{ label: '通知公告', value: 1 }, |
|||
{ label: '新闻', value: 2 }, |
|||
{ label: '文章', value: 3 }, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleTitleLike', |
|||
label: '内容名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleCodeLike', |
|||
label: '内容ID', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'examStatus', |
|||
label: '审核状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '全部', value: '' }, |
|||
{ label: '待审核', value: 1 }, |
|||
{ label: '已完成', value: 2 }, |
|||
], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
headerActions: [{}], |
|||
rowSelection: null, |
|||
columns: [ |
|||
{ |
|||
title: '内容类型', |
|||
dataIndex: 'folderName', |
|||
textNumber: 4, |
|||
}, |
|||
{ |
|||
title: '内容名称', |
|||
dataIndex: 'articleTitle', |
|||
textNumber: 6, |
|||
textEllipsis: true, |
|||
// width: 300, |
|||
}, |
|||
{ |
|||
title: '内容ID', |
|||
dataIndex: 'articleCode', |
|||
// width: 300, |
|||
}, |
|||
{ |
|||
title: '提交人', |
|||
dataIndex: 'createUserName', |
|||
// width: 300, |
|||
}, |
|||
{ |
|||
title: '提交时间', |
|||
dataIndex: 'createTime', |
|||
// width: 200, |
|||
customRender: ({ value }: any) => { |
|||
if (!value) return '-'; |
|||
if (value) return dateUtil(value).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '审核人', |
|||
dataIndex: 'examUserName', |
|||
textNumber: 4, |
|||
customRender: ({ value }: any) => { |
|||
if (!value) return '-'; |
|||
return value; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '审核时间', |
|||
dataIndex: 'examTime', |
|||
textNumber: 10, |
|||
customRender: ({ value }: any) => { |
|||
if (!value) return '-'; |
|||
if (value) return dateUtil(value).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '审核结果', |
|||
dataIndex: 'examResult', |
|||
textNumber: 4, |
|||
customRender: ({ value }: any) => ['', '通过', '未通过'][value], |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
dataIndex: 'examStatus', |
|||
textNumber: 3, |
|||
customRender: ({ value }: any) => ['', '待审核', '已完成'][value], |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 100, |
|||
actionNumber: 1, |
|||
textNumber: 2, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
name: 'AuditDetail', |
|||
ifShow: ({ examStatus }) => examStatus == 2, |
|||
handle: ({ uuid }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '审核', |
|||
name: 'AuditAction', |
|||
ifShow: ({ examStatus }) => examStatus == 1, |
|||
handle: ({ uuid }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
return { |
|||
tableConfig, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped></style> |
|||
@ -1,199 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-add-form |
|||
ref="nsAddFormRef" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? '编辑新闻' : '新增新闻'" |
|||
:dataHandle="dataHandle" |
|||
:headActions="headActions" |
|||
:api="formApi" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide, computed } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import FCKEditor from '/@/view/components/FCKEditor.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'NewsAdd', |
|||
setup() { |
|||
provide('components', () => { |
|||
return { FCKEditor }; |
|||
}); |
|||
const router = useRouter(); |
|||
const { uuid } = router.currentRoute.value.query; |
|||
const nsAddFormRef = ref(); |
|||
const htmlInfo = ref(''); |
|||
const imageNetUrl = ref(''); |
|||
const formApi = ref( |
|||
uuid |
|||
? '/api/content/objs/admin/cms/bg/article/update' |
|||
: '/api/content/objs/admin/cms/bg/article/add', |
|||
); |
|||
|
|||
const data = ref({ |
|||
articleCommonHandleForm: { folderCode: 'mobileNewsManager', content: '', title: '' }, |
|||
}); |
|||
|
|||
if (uuid) { |
|||
http.get('/api/content/objs/admin/cms/bg/article/detail', { uuid }).then((res) => { |
|||
console.log(res); |
|||
data.value = res.data.articleCommonVO; |
|||
data.value.articleCommonHandleForm = { |
|||
folderCode: 'mobileNewsManager', |
|||
folderName: '新闻', |
|||
sort: 0, |
|||
title: res.data.articleCommonVO.title, |
|||
content: res.data.articleCommonVO.content, |
|||
articleSource: res.data.articleCommonVO.articleSource, |
|||
imageNetUrl: res.data.articleCommonVO.imageNetUrl, |
|||
}; |
|||
data.value.folderCode = 'mobileNewsManager'; |
|||
// 编辑->未上架 |
|||
data.value.isPublish = 0; |
|||
imageNetUrl.value = res.data.articleCommonVO.imageNetUrl; |
|||
htmlInfo.value = res.data.articleCommonVO.content || ''; |
|||
}); |
|||
} |
|||
const dataHandle = (data) => { |
|||
const newData = JSON.parse(JSON.stringify(data)); |
|||
newData['articleCommonHandleForm'] = Object.assign( |
|||
newData['articleCommonHandleForm'], |
|||
data, |
|||
); |
|||
return newData; |
|||
}; |
|||
const validateResult = computed(() => { |
|||
return !nsAddFormRef.value?.validateResult; |
|||
}); |
|||
const headActions = ref({ |
|||
actions: [ |
|||
{ |
|||
label: '发布', |
|||
name: 'NewsDetail', |
|||
dynamicDisabled: validateResult, |
|||
handle: (record, name) => { |
|||
// formApi.value = uuid |
|||
// ? '/api/content/objs/admin/cms/bg/article/publish' |
|||
// : '/api/content/objs/admin/cms/bg/article/add'; |
|||
data.value.isPublish = 1; |
|||
nsAddFormRef.value?.submit(); |
|||
}, |
|||
}, |
|||
], |
|||
}); |
|||
|
|||
const formSchema = ref([ |
|||
{ |
|||
field: 'folderCode', |
|||
defaultValue: 'mobileNewsManager', |
|||
}, |
|||
{ |
|||
field: 'articleCommonHandleForm', |
|||
defaultValue: { folderCode: 'mobileNewsManager', folderName: '新闻', sort: 0 }, |
|||
}, |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'isPublish', |
|||
defaultValue: 0, |
|||
}, |
|||
{ |
|||
field: 'title', |
|||
label: '新闻标题', |
|||
component: 'NsInput', |
|||
|
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['title'] = e.target.value; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入新闻标题', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'articleSource', |
|||
label: '消息来源', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['articleSource'] = e.target.value; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入消息来源', |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: 'imageNetUrl', |
|||
component: 'NsUpload', |
|||
label: '新闻图片', |
|||
componentProps: { |
|||
// 上传的地址 |
|||
url: '/api/fileunify/objs/admin/MaterialFile', |
|||
// 上传的图片大小 |
|||
maxSize: 5242880, |
|||
// 上传的图片类型 |
|||
fileType: ['jpg', 'png', 'jpeg'], |
|||
// 展示图片数量 |
|||
count: 1, |
|||
// 上传的文件类型，0-证书，1-图片，2-身份证件 |
|||
uploadType: 1, |
|||
params: { |
|||
groupCode: 'mobile_img', |
|||
}, |
|||
baseImageUrl: imageNetUrl, |
|||
// onChange: (e) => { |
|||
// data.value.articleCommonHandleForm['imageNetUrl'] = e; |
|||
// }, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'content', |
|||
component: 'FCKEditor', |
|||
class: 'ns-form-item-full ns-form-item-padding ns-richText-ZIndex', |
|||
label: '新闻内容', |
|||
componentProps: { |
|||
htmlInfo: htmlInfo, |
|||
// onChange: (a) => { |
|||
// data.value.articleCommonHandleForm['content'] = a; |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '内容不能为空', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
|
|||
return { |
|||
formSchema, |
|||
data, |
|||
headActions, |
|||
nsAddFormRef, |
|||
dataHandle, |
|||
uuid, |
|||
formApi, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,65 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<ns-view-detail |
|||
:dataHandle="dataHandle" |
|||
api="/api/content/objs/admin/cms/bg/article/detail" |
|||
:detail="detail"> |
|||
<template #content="data"> |
|||
<span v-html="data.value"></span> |
|||
</template> |
|||
</ns-view-detail> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'NewsDetail', |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
const dataHandle = ({ articleCommonVO }) => { |
|||
return articleCommonVO; |
|||
}; |
|||
const detail = reactive([ |
|||
{ |
|||
title: '基本信息', |
|||
items: [ |
|||
{ |
|||
label: '新闻标题', |
|||
name: 'title', |
|||
}, |
|||
{ |
|||
label: '消息来源', |
|||
name: 'articleSource', |
|||
}, |
|||
{ |
|||
label: '新闻图片', |
|||
name: 'imageNetUrl', |
|||
type: 'image', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '新闻内容：', |
|||
items: [ |
|||
{ |
|||
label: '', |
|||
type: 'html', |
|||
name: 'content', |
|||
style: { padding: 0 }, |
|||
// format: (value, record) => { |
|||
// return record.articleCommonVO.content; |
|||
// }, |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
return { detail, dataHandle }; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,220 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table ref="nsTableRef" v-bind="tableConfig" rowKey="uuid" /> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent, ref } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/saas'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'NewsIndex', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const nsTableRef = ref(); |
|||
|
|||
const request = (api: string, params: object) => { |
|||
http.post(api, params).then(() => { |
|||
NsMessage.success('操作成功'); |
|||
nsTableRef.value.nsTableRef.reload(); |
|||
}); |
|||
}; |
|||
const tableConfig = { |
|||
title: '新闻管理', |
|||
api: { |
|||
method: 'POST', |
|||
url: '/api/content/objs/admin/cms/bg/article/pageList', |
|||
}, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
folderCode: 'mobileNewsManager', |
|||
}, |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'titleLike', |
|||
label: '新闻标题', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'articleStatus', |
|||
label: '状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '全部', value: '' }, |
|||
{ label: '未上架', value: 1 }, |
|||
{ label: '待审核', value: 2 }, |
|||
{ label: '已上架', value: 3 }, |
|||
{ label: '未通过', value: 6 }, |
|||
], |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
headerActions: [ |
|||
{ |
|||
label: '新增新闻', |
|||
name: 'NewsAdd', |
|||
type: 'primary', |
|||
handle: ({}, name) => { |
|||
router.push({ name, query: {} }); |
|||
}, |
|||
}, |
|||
], |
|||
rowSelection: null, |
|||
columns: [ |
|||
{ |
|||
title: '新闻ID', |
|||
dataIndex: 'articleCode', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '新闻标题', |
|||
dataIndex: 'extraColMap', |
|||
textNumber: 6, |
|||
textEllipsis: true, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO['title']; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
textNumber: 4, |
|||
dataIndex: 'articleStatus', |
|||
customCell: ({ articleCommonVO: { articleStatus } }) => { |
|||
return { |
|||
style: { color: articleStatus == 3 ? 'green' : articleStatus == 6 ? 'red' : '' }, |
|||
}; |
|||
}, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return ['', '未上架', '待审核', '已上架', '', '', '未通过'][ |
|||
articleCommonVO[column.dataIndex] |
|||
]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '是否置顶', |
|||
textNumber: 4, |
|||
dataIndex: 'isTop', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return ['否', '是'][articleCommonVO[column.dataIndex]]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '上架时间', |
|||
dataIndex: 'publishTime', |
|||
textNumber: 10, |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex] || '-'; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '消息来源', |
|||
textNumber: 5, |
|||
dataIndex: 'articleSource', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '创建人', |
|||
textNumber: 5, |
|||
dataIndex: 'createUserName', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
// textNumber: 9, |
|||
dataIndex: 'createTime', |
|||
customRender: ({ record: { articleCommonVO }, column }) => { |
|||
return articleCommonVO[column.dataIndex]; |
|||
}, |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
autoMergeAction: false, |
|||
actionNumber: 3, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
name: 'NewsDetail', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [2, 3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
name: 'NewsEdit', |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
router.push({ name, query: { uuid } }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '置顶', |
|||
name: 'NewsManageTop', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus, isTop } }) => |
|||
articleStatus == 3 && isTop == 0, |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/top', { uuid }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '取消置顶', |
|||
name: 'NewsManageCancleTop', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus, isTop } }) => |
|||
articleStatus == 3 && isTop == 1, |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/top', { uuid }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: 'uuid', |
|||
name: 'NewsManageDelete', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [1, 6].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/batchDel', { uuids: [uuid] }); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '下架', |
|||
dynamicParams: 'uuid', |
|||
name: 'NewsManageReaded', |
|||
confirm: true, |
|||
ifShow: ({ articleCommonVO: { articleStatus } }) => [3].includes(articleStatus), |
|||
handle: ({ articleCommonVO: { uuid } }, name) => { |
|||
request('/api/content/objs/admin/cms/bg/article/withdrawn', { uuid }); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
return { |
|||
nsTableRef, |
|||
tableConfig, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped></style> |
|||
@ -1,254 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div style="height: 100%"> |
|||
<a-layout style="height: 100%"> |
|||
<a-layout-header class="home_header" style="position: relative"> |
|||
<ns-icon name="login" size="100" style="width: 220px" /> |
|||
</a-layout-header> |
|||
<a-layout-content class="center-content"> |
|||
<div class="lg_card"> |
|||
<h1 class="lg_card_title">账号登录current</h1> |
|||
<p v-show="!errorShow" style="height: 22px"></p> |
|||
<p v-show="errorShow" class="lg_card_error">{{ errorMsg }}</p> |
|||
<a-input |
|||
placeholder="登录账号" |
|||
v-model:value="userName" |
|||
style="height: 48px; margin-bottom: 20px"> |
|||
<template #prefix> |
|||
<ns-icon name="userName" size="25" style="margin-right: 5px" /> |
|||
</template> |
|||
</a-input> |
|||
<a-input-password placeholder="登录密码" v-model:value="password" style="height: 48px"> |
|||
<template #prefix> |
|||
<ns-icon name="passWord" size="25" style="margin-right: 5px" /> |
|||
</template> |
|||
</a-input-password> |
|||
<a-button |
|||
@click="submit" |
|||
:loading="loading" |
|||
type="primary" |
|||
style="margin-top: 30px; width: 100%; height: 53px" |
|||
>登录</a-button |
|||
> |
|||
</div> |
|||
</a-layout-content> |
|||
<a-layout-footer>Copyright 2021 xu科技 All Rights Reserved</a-layout-footer> |
|||
</a-layout> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { appConfigStore } from '/nerv-lib/saas/store/modules/app-config'; |
|||
import { authorizationService } from '/nerv-base/store/modules/authorization-service'; |
|||
import Cookies from 'js-cookie'; |
|||
export default defineComponent({ |
|||
name: 'UserLogin', |
|||
setup() { |
|||
const url = ref('/asset/image/login/background.png'); |
|||
const userName = ref<string>(''); |
|||
const password = ref<string>(''); |
|||
const logUrl = ref<string>(''); |
|||
const bgUrl = ref<string>(''); |
|||
const errorMsg = ref<string>(''); |
|||
const errorShow = ref<boolean>(false); |
|||
const router = useRouter(); |
|||
const title = ref<string>(''); |
|||
const initUrl = ref(''); |
|||
title.value = '账号登录'; |
|||
// title.value = appConfig.title ? appConfig.title : '账号登录'; |
|||
const loading = ref<boolean>(false); |
|||
const configStore = appConfigStore(); |
|||
const useAuthorization = authorizationService(); |
|||
const submit = (): void => { |
|||
if (password.value === '') { |
|||
errorMsg.value = '请输入密码'; |
|||
errorShow.value = true; |
|||
} |
|||
if (userName.value === '') { |
|||
errorMsg.value = '请输入账号'; |
|||
errorShow.value = true; |
|||
} |
|||
if (userName.value !== '' && password.value !== '') { |
|||
errorShow.value = false; |
|||
let data = JSON.stringify({ userName: userName.value, password: password.value }); |
|||
// loading.value = true; |
|||
console.log(data); |
|||
Cookies.set('nervsid', 'mockId'); |
|||
router.push({ |
|||
name: 'AnnouncementsIndex', |
|||
}); |
|||
async function logins() { |
|||
try { |
|||
const res = await configStore.userLogin(JSON.parse(data)); |
|||
if (res.success) { |
|||
if (res.data?.userToken) { |
|||
Cookies.set('nervsid', res.data?.userToken); |
|||
} |
|||
const info = await configStore.userInfo(); |
|||
info.success |
|||
? window.sessionStorage.setItem('userInfo', JSON.stringify(info.data)) |
|||
: ''; |
|||
loading.value = false; |
|||
if (configStore.enablePermissions) { |
|||
const res = await configStore.userResource(); |
|||
initUrl.value = ''; |
|||
const dealInitUrl = (item) => { |
|||
if (item.type === 'menus' && item.menus && item.menus?.length !== 0) { |
|||
dealInitUrl(item.menus[0]); |
|||
} else { |
|||
// if (item.type === 'noChildrenMenu') { |
|||
initUrl.value = configStore.resourceName |
|||
? item.code.replace(configStore.resourceName, '') |
|||
: item.code; |
|||
// } |
|||
} |
|||
}; |
|||
if (configStore.resourceName) { |
|||
const initResource = []; |
|||
res.data.forEach((item) => { |
|||
if (item.code.includes(configStore.resourceName)) { |
|||
initResource.push(item); |
|||
} |
|||
}); |
|||
dealInitUrl(initResource[0]); |
|||
} else { |
|||
dealInitUrl(res.data[0]); |
|||
} |
|||
// dealInitUrl(res.data[0]); |
|||
useAuthorization.updateUserResource(res.data); |
|||
const initRouterList = useAuthorization.getInitRouterList; |
|||
console.log(initUrl.value); |
|||
router.push({ |
|||
name: initRouterList.length === 0 ? 'error403' : initUrl.value, |
|||
}); |
|||
} else { |
|||
router.replace({ name: 'root' }); |
|||
} |
|||
} |
|||
} catch (err) { |
|||
loading.value = false; |
|||
} |
|||
} |
|||
// logins(); |
|||
} |
|||
}; |
|||
const checkoutLogo = (): void => { |
|||
logUrl.value = ''; |
|||
}; |
|||
const checkoutBg = (): void => { |
|||
Math.random() > 0.5 |
|||
? (url.value = 'src/assetimg/background.jpg') |
|||
: (url.value = 'src/assetimg/background.png'); |
|||
}; |
|||
return { |
|||
title, |
|||
url, |
|||
loading, |
|||
userName, |
|||
password, |
|||
submit, |
|||
errorMsg, |
|||
bgUrl, |
|||
logUrl, |
|||
checkoutLogo, |
|||
checkoutBg, |
|||
errorShow, |
|||
}; |
|||
}, |
|||
created() { |
|||
const _this = this; |
|||
window.sessionStorage.clear(); |
|||
document.onkeydown = function (e) { |
|||
const key = window.event === undefined ? e.keyCode : window.event.keyCode; |
|||
key === 13 ? _this.submit() : ''; |
|||
}; |
|||
}, |
|||
beforeUnmount() { |
|||
document.onkeydown = function (e) {}; |
|||
}, |
|||
|
|||
mounted() { |
|||
// if (Cookies.get('nervsid') !== undefined) { |
|||
// this.$router.push('/home'); |
|||
// } |
|||
}, |
|||
}); |
|||
</script> |
|||
|
|||
<style lang="less" scoped> |
|||
.home_header { |
|||
height: 64px !important; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
:deep(.center-content) { |
|||
background: url('/asset/image/login/background.jpg') center center no-repeat; |
|||
background-size: cover; |
|||
|
|||
// background-position-y: -120px; |
|||
margin: 0; |
|||
} |
|||
.icon { |
|||
color: @primary-color; |
|||
// background: #000; |
|||
// min-height: 25px; |
|||
// min-width: 25px; |
|||
// display: flex; |
|||
// justify-content: center; |
|||
// align-items: center; |
|||
// border-radius: 50%; |
|||
} |
|||
.ant-layout-header { |
|||
min-height: 64px; |
|||
background: #fff !important; |
|||
} |
|||
|
|||
.ant-layout-content { |
|||
height: calc(100vh - 112px); |
|||
width: 100%; |
|||
min-height: 400px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.ant-layout-footer { |
|||
max-height: 48px; |
|||
min-height: 48px; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: #8f8f8f; |
|||
padding: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.lg_card { |
|||
width: 385px; |
|||
height: 353px; |
|||
background: #fff; |
|||
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 0 18px 0 rgb(0 0 0 / 8%); |
|||
border-radius: 6px; |
|||
margin: 0 30px 0 30px; |
|||
padding: 35px; |
|||
} |
|||
|
|||
.lg_card .lg_card_title { |
|||
height: 28px; |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
color: #172e3d; |
|||
line-height: 28px; |
|||
text-align: left; |
|||
} |
|||
|
|||
.lg_card_error { |
|||
text-align: left; |
|||
color: #e4393c; |
|||
font-size: 14px; |
|||
} |
|||
</style> |
|||
@ -1,346 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<my-add-form |
|||
formLayout="vertical" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? `${versionArr[platformId]}版本编辑` : `${versionArr[platformId]}发版`" |
|||
:api=" |
|||
uuid |
|||
? '/api/op_com/objs/admin/VersionConfigOper/updateVersionConfig' |
|||
: '/api/op_com/objs/admin/VersionConfigOper/addVersionConfig' |
|||
" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import upFile from './components/uploadFile.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
|
|||
import myAddForm from './components/add-form.vue'; |
|||
export default defineComponent({ |
|||
name: 'SoftwareVersionManageAdd', |
|||
components: { |
|||
myAddForm, |
|||
}, |
|||
setup() { |
|||
provide('components', () => { |
|||
return { upFile }; |
|||
}); |
|||
const data = ref({}); |
|||
const router = useRouter(); |
|||
const { title, uuid, platformId } = router.currentRoute.value.query; |
|||
if (platformId == 3) { |
|||
setTimeout(() => { |
|||
// H5 |
|||
data.value.updateFlag = 0; |
|||
data.value.versionState = 0; |
|||
}, 10); |
|||
} |
|||
const versionArr = ['', 'Android', 'IOS', 'H5']; |
|||
const formSchema = ref(); |
|||
const fileList = ref(); |
|||
const request = () => { |
|||
return new Promise((resolve, reject) => { |
|||
http |
|||
.get('/api/op_com/objs/admin/VersionConfigOper/queryVersionUpgradeConfigInfo', { uuid }) |
|||
.then((res) => { |
|||
const detail = res.data; |
|||
|
|||
resolve(detail); |
|||
}) |
|||
.catch((err) => { |
|||
reject(err); |
|||
}); |
|||
}); |
|||
}; |
|||
let formSchemaDetail = [ |
|||
{ |
|||
field: 'platformId', |
|||
defaultValue: platformId, |
|||
}, |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
|
|||
{ |
|||
field: 'appName', |
|||
label: '软件名称', |
|||
component: 'NsInput', |
|||
|
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
pattern: /^.{1,20}$/, |
|||
message: '支持1-20个字符', |
|||
trigger: 'blur', |
|||
}, |
|||
{ |
|||
required: true, |
|||
message: '请输入软件名称', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'versionCode', |
|||
label: '版本号', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
pattern: /^.{1,20}$/, |
|||
message: '支持1-20个字符', |
|||
trigger: 'blur', |
|||
}, |
|||
{ |
|||
required: true, |
|||
message: '请输入版本号', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'downSource', |
|||
label: '下载方式', |
|||
component: 'NsSelect', |
|||
ifShow: () => platformId == 1, |
|||
defaultValue: 1, |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ label: '浏览器下载', value: 0 }, |
|||
{ label: '应用商城下载', value: 1 }, |
|||
{ label: '应用内下载', value: 2 }, |
|||
], |
|||
}, |
|||
}, |
|||
// 安卓 |
|||
{ |
|||
field: 'file', |
|||
label: '安装包', |
|||
component: 'upFile', |
|||
ifShow: () => platformId == 1, |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
fileName: fileList, |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请上传安装包', |
|||
type: 'object', |
|||
trigger: 'change', |
|||
}, |
|||
// { |
|||
// validator: (value, b) => { |
|||
// console.log(value, b); |
|||
// }, |
|||
// }, |
|||
], |
|||
}, |
|||
// ios |
|||
{ |
|||
field: 'downUrl', |
|||
label: '下载地址', |
|||
component: 'NsInput', |
|||
ifShow: () => platformId != 1, |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
}, |
|||
// rules: [ |
|||
// // { |
|||
// // pattern: /^.{1,20}$/, |
|||
// // message: '支持1-20个字符', |
|||
// // trigger: 'blur', |
|||
// // }, |
|||
// // { |
|||
// // required: true, |
|||
// // message: '请输入下载地址', |
|||
// // trigger: 'change', |
|||
// // }, |
|||
// ], |
|||
}, |
|||
// 安卓 |
|||
{ |
|||
field: 'md5', |
|||
label: 'MD5码', |
|||
defaultValue: 'defaultMD5', |
|||
component: 'NsInput', |
|||
show: false, |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
}, |
|||
rules: [ |
|||
// { |
|||
// required: true, |
|||
// message: '请填写MD5码', |
|||
// trigger: 'change', |
|||
// }, |
|||
{ |
|||
pattern: /^.{1,64}$/, |
|||
message: '支持1-64个字符', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
// 安卓 |
|||
{ |
|||
field: 'uniqueCode', |
|||
label: '唯一code', |
|||
component: 'NsInput', |
|||
show: false, |
|||
defaultValue: 'com.yidingyun.lowcodeapp', |
|||
// componentProps: { |
|||
// placeholder: '请输入', |
|||
// // 禁止输入 |
|||
// // disabled: true, |
|||
// }, |
|||
// rules: [ |
|||
// { |
|||
// required: true, |
|||
// message: '请填写唯一code', |
|||
// trigger: 'change', |
|||
// }, |
|||
// { |
|||
// pattern: /^.{1,64}$/, |
|||
// message: '支持1-64个字符', |
|||
// trigger: 'blur', |
|||
// }, |
|||
// ], |
|||
}, |
|||
|
|||
{ |
|||
field: 'updateFlag', |
|||
label: '是否需要更新', |
|||
component: 'NsRadioGroup', |
|||
defaultValue: 0, |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ label: '是', value: 1 }, |
|||
{ label: '否', value: 0 }, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择是否需要更新', |
|||
type: 'number', |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'updateType', |
|||
label: '更新类型', |
|||
component: 'NsRadioGroup', |
|||
defaultValue: 0, |
|||
show: (a) => { |
|||
if (a.updateFlag) { |
|||
return true; |
|||
} |
|||
return false; |
|||
}, |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ label: '强制更新', value: 1 }, |
|||
{ label: '建议更新', value: 0 }, |
|||
], |
|||
// disabled: uuid && true, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择更新类型', |
|||
type: 'number', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'versionState', |
|||
label: '是否最新版本', |
|||
defaultValue: 0, |
|||
component: 'NsRadioGroup', |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ label: '是', value: 1 }, |
|||
{ label: '否', value: 0 }, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择是否最新版本', |
|||
type: 'number', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: 'upgradeTips', |
|||
label: '更新日志', |
|||
component: 'NsTextarea', |
|||
extra: 'tips:不同版本下载地址相同', |
|||
componentProps: { |
|||
placeholder: '请输入更新日志，限300字符', |
|||
showCount: true, |
|||
maxlength: 300, |
|||
// maxLength: 10, |
|||
// 禁止输入 |
|||
// disabled: true, |
|||
// 阻止回车默认事件 |
|||
onPressEnter: (e) => { |
|||
e.preventDefault(); |
|||
}, |
|||
}, |
|||
rules: [ |
|||
// { |
|||
// required: true, |
|||
// message: '请输入更新日志，限300字符', |
|||
// trigger: 'blur', |
|||
// }, |
|||
{ |
|||
pattern: /^.{1,300}$/, |
|||
message: '长度不得超过个300字符', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
]; |
|||
if (uuid) { |
|||
request().then((res: any) => { |
|||
data.value = res; |
|||
fileList.value = data.value.appPackageName; |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
}); |
|||
} else { |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
} |
|||
|
|||
return { |
|||
formSchema, |
|||
data, |
|||
uuid, |
|||
platformId, |
|||
versionArr, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,135 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<a-spin :spinning="isLoading"> |
|||
<ns-page-header class="ns-page-header" :title="title"> |
|||
<template #extra> |
|||
<!-- todo 隐藏取消--> |
|||
<a-button @click="navigateBack">返回</a-button> |
|||
<a-button |
|||
style="margin-left: 10px" |
|||
type="primary" |
|||
:disabled="validateResult" |
|||
@click="submit" |
|||
>保存</a-button |
|||
> |
|||
</template> |
|||
</ns-page-header> |
|||
<div class="ns-add-form"> |
|||
<ns-form ref="mainRef" v-bind="getBindValue"> |
|||
<template #[item]="data" v-for="item in Object.keys($slots)"> |
|||
<slot :name="item" v-bind="data || {}"></slot> |
|||
</template> |
|||
</ns-form> |
|||
</div> |
|||
</a-spin> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { computed, defineComponent, ref } from 'vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { useNavigate } from '/nerv-lib/use/use-navigate'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'NsViewAddForm', |
|||
props: { |
|||
api: { |
|||
type: String, |
|||
required: true, |
|||
}, |
|||
title: String, |
|||
params: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
data: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
}, |
|||
setup(props, { attrs }) { |
|||
const mainRef = ref(); |
|||
const isLoading = ref(false); |
|||
const { navigateBack } = useNavigate(); |
|||
|
|||
const getBindValue = computed(() => ({ |
|||
...attrs, |
|||
...props, |
|||
})); |
|||
|
|||
const validateResult = computed(() => { |
|||
return !mainRef.value?.validateResult; |
|||
}); |
|||
function submit() { |
|||
mainRef.value |
|||
.triggerSubmit() |
|||
.then((data: any) => { |
|||
isLoading.value = true; |
|||
const config = { |
|||
headers: { |
|||
'Content-Type': 'multipart/form-data', |
|||
}, |
|||
|
|||
// params: params, |
|||
}; |
|||
console.log('myadd', data); |
|||
if (data.file && data.file.uid === '-1') { |
|||
data.file = null; |
|||
} |
|||
const formData = new FormData(); |
|||
Object.keys(data).map((item) => { |
|||
if (String(data[item]) !== 'null' && data[item] !== undefined) |
|||
formData.append(item, data[item]); |
|||
}); |
|||
// data.file. |
|||
http |
|||
.post(props.api, formData, config) |
|||
.then(() => { |
|||
isLoading.value = false; |
|||
NsMessage.success('操作成功', 1, () => { |
|||
navigateBack(); |
|||
}); |
|||
}) |
|||
.catch(() => { |
|||
isLoading.value = false; |
|||
}); |
|||
}) |
|||
.catch(() => { |
|||
isLoading.value = false; |
|||
}); |
|||
} |
|||
|
|||
return { mainRef, submit, getBindValue, isLoading, navigateBack, validateResult }; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
//.ns-page-header { |
|||
// margin: 0px 16px 20px 0; |
|||
// border-bottom: 1px solid #f0f2f5; |
|||
//} |
|||
.ns-add-form .ns-vertical-form { |
|||
max-width: 600px; |
|||
margin: 0 auto; |
|||
min-width: 500px; |
|||
} |
|||
:deep(.ant-spin-nested-loading) { |
|||
height: 100%; |
|||
} |
|||
.ant-spin-nested-loading { |
|||
height: 100%; |
|||
} |
|||
// :deep(.ant-spin-container) { |
|||
// height: 100%; |
|||
// overflow: hidden; |
|||
// } |
|||
:deep(.ns-add-form) { |
|||
// height: calc(100% - 83px) !important; |
|||
overflow: auto; |
|||
} |
|||
:deep(.ns-form)::after { |
|||
height: 0; |
|||
} |
|||
</style> |
|||
@ -1,95 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div class="clearfix"> |
|||
<a-form enctype="multipart/form-data"> |
|||
<a-upload |
|||
:file-list="fileList" |
|||
@remove="handleRemove" |
|||
:before-upload="beforeUpload" |
|||
:customRequest="() => {}"> |
|||
<a-button> |
|||
<upload-outlined /> |
|||
文件上传 |
|||
</a-button> |
|||
</a-upload> |
|||
</a-form> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { UploadOutlined } from '@ant-design/icons-vue'; |
|||
import { defineComponent, ref, watch } from 'vue'; |
|||
import type { UploadProps } from 'ant-design-vue'; |
|||
|
|||
export default defineComponent({ |
|||
components: { |
|||
UploadOutlined, |
|||
}, |
|||
props: { |
|||
fileName: { |
|||
type: String, |
|||
}, |
|||
}, |
|||
emits: ['change'], |
|||
setup(props, { emit, attrs }) { |
|||
console.log(props, attrs); |
|||
const fileList = ref<UploadProps['fileList']>([]); |
|||
if (props.fileName) { |
|||
(fileList.value[0] = { |
|||
uid: '-1', |
|||
name: props.fileName, |
|||
status: 'done', |
|||
}), |
|||
emit('change', fileList.value[0]); |
|||
} |
|||
const uploading = ref<boolean>(false); |
|||
|
|||
const handleRemove: UploadProps['onRemove'] = (file) => { |
|||
const index = fileList.value.indexOf(file); |
|||
const newFileList = fileList.value.slice(); |
|||
newFileList.splice(index, 1); |
|||
fileList.value = newFileList; |
|||
emit('change', fileList.value[0]); |
|||
}; |
|||
|
|||
const beforeUpload: UploadProps['beforeUpload'] = async (file) => { |
|||
fileList.value = [file]; |
|||
// fileList.value.push(await getBase64(file)); |
|||
// const formData = new FormData(); |
|||
// fileList.value.forEach((file: UploadProps['fileList'][number]) => { |
|||
// formData.append('file', file); |
|||
// formData.set('aaaaa', 'basbdbsadas'); |
|||
// }); |
|||
// uploading.value = true; |
|||
// console.log('forma', file); |
|||
emit('change', file); |
|||
// return false; |
|||
}; |
|||
|
|||
const handleUpload = () => { |
|||
// You can use any AJAX library you like |
|||
// request('https://www.mocky.io/v2/5cc8019d300000980a055e76', { |
|||
// method: 'post', |
|||
// data: formData, |
|||
// }) |
|||
// .then(() => { |
|||
// fileList.value = []; |
|||
// uploading.value = false; |
|||
// message.success('upload successfully.'); |
|||
// }) |
|||
// .catch(() => { |
|||
// uploading.value = false; |
|||
// message.error('upload failed.'); |
|||
// }); |
|||
}; |
|||
|
|||
return { |
|||
fileList, |
|||
uploading, |
|||
handleRemove, |
|||
beforeUpload, |
|||
handleUpload, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,85 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-detail |
|||
title="查看详情" |
|||
api="/api/op_com/objs/admin/VersionConfigOper/queryVersionUpgradeConfigInfo" |
|||
:detail="detail" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
import { useRouter } from 'vue-router'; |
|||
export default defineComponent({ |
|||
name: 'SoftwareVersionManageDetail', |
|||
setup() { |
|||
const router = useRouter(); |
|||
const { platformId } = router.currentRoute.value.query; |
|||
const detail = [ |
|||
{ |
|||
title: '基本信息', |
|||
items: [ |
|||
{ |
|||
label: '软件名称', |
|||
name: 'appName', |
|||
}, |
|||
{ |
|||
label: '版本号', |
|||
name: 'versionCode', |
|||
}, |
|||
{ |
|||
name: 'downUrl', |
|||
label: '下载地址', |
|||
}, |
|||
{ |
|||
label: '安装包', |
|||
name: 'appPackageName', |
|||
ifShow: ({ platformId }) => platformId == 1, |
|||
}, |
|||
{ |
|||
label: '下载方式', |
|||
name: 'downSource', |
|||
ifShow: ({ platformId }) => platformId == 1, |
|||
format: (value) => ['浏览器下载', '应用商城下载', '应用内下载'][value], |
|||
}, |
|||
// { |
|||
// name: 'md5', |
|||
// label: 'MD5码', |
|||
// }, |
|||
// { |
|||
// name: 'uniqueCode', |
|||
// label: '唯一code', |
|||
// }, |
|||
{ |
|||
name: 'updateFlag', |
|||
label: '是否需要更新', |
|||
format: (value, data) => { |
|||
return ['否', '是'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
name: 'updateType', |
|||
label: '更新类型', |
|||
format: (value, data) => { |
|||
return ['建议更新', '强制更新'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
name: 'versionState', |
|||
label: '是否最新版本', |
|||
format: (value, data) => { |
|||
return ['否', '是'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
name: 'upgradeTips', |
|||
label: '更新日志', |
|||
}, |
|||
], |
|||
}, |
|||
]; |
|||
|
|||
return { detail }; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,656 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<a-tabs default-active-key="0"> |
|||
<a-tab-pane v-for="(item, index) in tabPaneList" :key="index" :tab="item.title"> |
|||
<ns-view-list-table :model="data" v-bind="item.bindData" /> |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
<ns-modal |
|||
v-model:visible="qrcodeVisible" |
|||
title="查看二维码" |
|||
:centered="true" |
|||
style="text-align: center" |
|||
:width="230" |
|||
:footer="null"> |
|||
<qrcode-vue size="150" :value="qrCodeUrl" /> |
|||
</ns-modal> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
import QrcodeVue from 'qrcode.vue'; |
|||
import Cookies from 'js-cookie'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'AppVersionManageIndex', |
|||
components: { QrcodeVue }, |
|||
setup() { |
|||
const data = reactive({}); |
|||
const router = useRouter(); |
|||
const platformId = ref([, 'Android', 'IOS', 'H5']); |
|||
const qrCodeUrl = ref(''); |
|||
const qrcodeVisible = ref(false); |
|||
const openDownloadDialog = (url, saveName) => { |
|||
let aLink = document.createElement('a'); |
|||
aLink.href = url; |
|||
aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效 |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); |
|||
}; |
|||
// 动态修改编辑页title |
|||
const handle = (a, title) => { |
|||
if (title == 'AppVersionDownload') { |
|||
if (a.downUrl) { |
|||
openDownloadDialog(a.downUrl, a.appPackageName); |
|||
} else { |
|||
NsMessage.warning('暂无下载地址', 1); |
|||
} |
|||
return; |
|||
} |
|||
router.push({ |
|||
name: 'AppVersionManageAdd', |
|||
query: { |
|||
title, |
|||
platformId: title == 'AndroidRelease' ? 1 : title == 'IOSRelease' ? 2 : 3, |
|||
}, |
|||
}); |
|||
}; |
|||
|
|||
const tableConfigAndroid = { |
|||
title: 'Android版本管理', |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/queryVersionUpgradeConfigList', |
|||
headerActions: [ |
|||
{ |
|||
label: 'Android发版', |
|||
name: 'AndroidRelease', |
|||
type: 'primary', |
|||
handle, |
|||
}, |
|||
], |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
platformId: 1, |
|||
}, |
|||
rowSelection: null, |
|||
columns: [ |
|||
{ |
|||
title: '软件名称', |
|||
textNumber: 8, |
|||
textEllipsis: true, |
|||
dataIndex: 'appName', |
|||
}, |
|||
{ |
|||
title: '版本号', |
|||
textNumber: 5, |
|||
dataIndex: 'versionCode', |
|||
}, |
|||
{ |
|||
title: '下载方式', |
|||
textNumber: 6, |
|||
dataIndex: 'downSource', |
|||
customRender: ({ value }) => { |
|||
return ['浏览器下载', '应用商城下载', '应用内下载'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '安装包名', |
|||
textNumber: 10, |
|||
textEllipsis: true, |
|||
dataIndex: 'appPackageName', |
|||
}, |
|||
{ |
|||
title: '是否最新版本', |
|||
textNumber: 7, |
|||
dataIndex: 'versionState', |
|||
customRender: ({ value }) => { |
|||
return ['否', '是'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '更新类型', |
|||
textNumber: 5, |
|||
dataIndex: 'versionUpdateType', |
|||
customRender: ({ value }) => { |
|||
return ['无需更新', '建议更新', '强制更新'][value]; |
|||
}, |
|||
}, |
|||
|
|||
{ |
|||
title: '发布时间', |
|||
textNumber: 8, |
|||
dataIndex: 'updateTime', |
|||
customRender: ({ value }) => { |
|||
return dateUtil(value).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '操作人', |
|||
textNumber: 5, |
|||
dataIndex: 'updateUser', |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageIndexDetail', |
|||
route: '/contentManage/systemManage/appVersionManage/detail', |
|||
}, |
|||
{ |
|||
label: '修改更新类型', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionChange', |
|||
// handle: viewHandle, |
|||
children: [ |
|||
{ |
|||
label: '无需更新', |
|||
dynamicParams: 'uuid', |
|||
defaultParams: { |
|||
versionUpdateType: 0, |
|||
}, |
|||
isReload: true, |
|||
confirm: true, |
|||
name: 'AppVersionChange', |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '建议更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionChange', |
|||
defaultParams: { |
|||
versionUpdateType: 1, |
|||
}, |
|||
isReload: true, |
|||
confirm: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '强制更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionChange', |
|||
defaultParams: { |
|||
versionUpdateType: 2, |
|||
}, |
|||
isReload: true, |
|||
confirm: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageEdit', |
|||
route: '/contentManage/systemManage/appVersionManage/edit', |
|||
}, |
|||
{ |
|||
label: '下载', |
|||
name: 'AppVersionDownload', |
|||
handle, |
|||
}, |
|||
{ |
|||
label: '查看二维码', |
|||
name: 'AppVersionQrCodeUrl', |
|||
handle: ({ downUrl }) => { |
|||
if (!downUrl) { |
|||
NsMessage.warning('暂无二维码', 1); |
|||
return; |
|||
} |
|||
qrCodeUrl.value = downUrl; |
|||
qrcodeVisible.value = true; |
|||
}, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: { |
|||
uuid: 'uuid', |
|||
}, |
|||
name: 'AppVersionDelete', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/deleteVersionConfig', |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'appName', |
|||
label: '软件名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'versionCode', |
|||
label: '版本号', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '发布时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD', |
|||
format: 'YYYY-MM-DD', |
|||
}, |
|||
}, |
|||
], |
|||
params: {}, |
|||
}, |
|||
rowKey: 'uuid', |
|||
}; |
|||
const tableConfigIOS = { |
|||
title: 'IOS版本管理', |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/queryVersionUpgradeConfigList', |
|||
headerActions: [ |
|||
{ |
|||
label: 'IOS发版', |
|||
name: 'IOSRelease', |
|||
type: 'primary', |
|||
handle, |
|||
}, |
|||
], |
|||
rowSelection: null, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
platformId: 2, |
|||
}, |
|||
columns: [ |
|||
{ |
|||
title: '软件名称', |
|||
textNumber: 8, |
|||
textEllipsis: true, |
|||
dataIndex: 'appName', |
|||
}, |
|||
{ |
|||
title: '版本号', |
|||
textNumber: 5, |
|||
|
|||
dataIndex: 'versionCode', |
|||
}, |
|||
|
|||
{ |
|||
title: '下载地址', |
|||
textNumber: 8, |
|||
dataIndex: 'downUrl', |
|||
textEllipsis: true, |
|||
}, |
|||
{ |
|||
title: '是否最新版本', |
|||
textNumber: 7, |
|||
dataIndex: 'versionState', |
|||
customRender: ({ value }) => { |
|||
return ['否', '是'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '更新类型', |
|||
textNumber: 5, |
|||
dataIndex: 'versionUpdateType', |
|||
customRender: ({ value }) => { |
|||
return ['无需更新', '建议更新', '强制更新'][value]; |
|||
}, |
|||
}, |
|||
|
|||
{ |
|||
title: '发布时间', |
|||
textNumber: 9, |
|||
dataIndex: 'updateTime', |
|||
customRender: ({ value }) => { |
|||
return dateUtil(value).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '操作人', |
|||
textNumber: 5, |
|||
|
|||
dataIndex: 'updateUser', |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 220, |
|||
// autoMergeAction: false, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageIndexDetail', |
|||
route: '/contentManage/systemManage/appVersionManage/detail', |
|||
}, |
|||
{ |
|||
label: '修改更新类型', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionIOSChange', |
|||
// handle: viewHandle, |
|||
children: [ |
|||
{ |
|||
label: '无需更新', |
|||
dynamicParams: 'uuid', |
|||
defaultParams: { |
|||
versionUpdateType: 0, |
|||
}, |
|||
name: 'AppVersionIOSChange', |
|||
isReload: true, |
|||
confirm: true, |
|||
|
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '建议更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionIOSChange', |
|||
defaultParams: { |
|||
versionUpdateType: 1, |
|||
}, |
|||
isReload: true, |
|||
confirm: true, |
|||
|
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '强制更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionIOSChange', |
|||
defaultParams: { |
|||
versionUpdateType: 2, |
|||
}, |
|||
isReload: true, |
|||
confirm: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageIOSEdit', |
|||
route: '/contentManage/systemManage/appVersionManage/edit', |
|||
// ifShow: (record) => { |
|||
// return record.reserveStatus === 0; |
|||
// }, |
|||
}, |
|||
{ |
|||
label: '查看二维码', |
|||
name: 'AppVersionQrCodeUrl', |
|||
handle: ({ downUrl }) => { |
|||
if (!downUrl) { |
|||
NsMessage.warning('暂无二维码', 1); |
|||
return; |
|||
} |
|||
qrCodeUrl.value = downUrl; |
|||
qrcodeVisible.value = true; |
|||
}, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: { |
|||
uuid: 'uuid', |
|||
}, |
|||
name: 'AppVersionIOSDelete', |
|||
confirm: true, |
|||
isReload: true, |
|||
// ifShow: (record) => { |
|||
// return record.reserveStatus === 0; |
|||
// }, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/deleteVersionConfig', |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'appName', |
|||
label: '软件名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'versionCode', |
|||
label: '版本号', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '发布时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD', |
|||
format: 'YYYY-MM-DD', |
|||
}, |
|||
}, |
|||
], |
|||
params: {}, |
|||
}, |
|||
rowKey: 'uuid', |
|||
}; |
|||
const tableConfigH5 = { |
|||
title: '应用内容版本管理', |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/queryVersionUpgradeConfigList', |
|||
headerActions: [ |
|||
{ |
|||
label: '应用内容发版', |
|||
name: 'H5Release', |
|||
type: 'primary', |
|||
handle, |
|||
// route: '/contentManage/systemManage/appVersionManage/add', |
|||
}, |
|||
], |
|||
rowSelection: null, |
|||
// scroll: { x: 1550 }, |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
platformId: 3, |
|||
}, |
|||
columns: [ |
|||
{ |
|||
title: '软件名称', |
|||
textNumber: 6, |
|||
textEllipsis: true, |
|||
dataIndex: 'appName', |
|||
}, |
|||
{ |
|||
title: '版本号', |
|||
textNumber: 4, |
|||
dataIndex: 'versionCode', |
|||
}, |
|||
{ |
|||
title: '下载地址', |
|||
textNumber: 10, |
|||
dataIndex: 'downUrl', |
|||
textEllipsis: true, |
|||
}, |
|||
{ |
|||
title: '是否最新版本', |
|||
textNumber: 7, |
|||
dataIndex: 'versionState', |
|||
customRender: ({ value }) => { |
|||
return ['否', '是'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '更新类型', |
|||
textNumber: 5, |
|||
dataIndex: 'versionUpdateType', |
|||
customRender: ({ value }) => { |
|||
return ['无需更新', '建议更新', '强制更新'][value]; |
|||
}, |
|||
}, |
|||
|
|||
{ |
|||
title: '发布时间', |
|||
// textNumber: 9, |
|||
dataIndex: 'updateTime', |
|||
customRender: ({ value }) => { |
|||
return dateUtil(value).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '操作人', |
|||
textNumber: 5, |
|||
dataIndex: 'updateUser', |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 220, |
|||
actions: [ |
|||
{ |
|||
label: '查看', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageIndexDetail', |
|||
route: '/contentManage/systemManage/appVersionManage/detail', |
|||
}, |
|||
{ |
|||
label: '修改更新类型', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionH5Change', |
|||
children: [ |
|||
{ |
|||
label: '无需更新', |
|||
dynamicParams: 'uuid', |
|||
defaultParams: { |
|||
versionUpdateType: 0, |
|||
}, |
|||
name: 'AppVersionH5Change', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '建议更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionH5Change', |
|||
defaultParams: { |
|||
versionUpdateType: 1, |
|||
}, |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
{ |
|||
label: '强制更新', |
|||
dynamicParams: 'uuid', |
|||
name: 'AppVersionH5Change', |
|||
defaultParams: { |
|||
versionUpdateType: 2, |
|||
}, |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/setVersionUpdateType', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: '编辑', |
|||
dynamicParams: ['uuid', 'platformId'], |
|||
name: 'AppVersionManageH5Edit', |
|||
route: '/contentManage/systemManage/appVersionManage/edit', |
|||
|
|||
// ifShow: (record) => { |
|||
// return record.reserveStatus === 0; |
|||
// }, |
|||
}, |
|||
|
|||
{ |
|||
label: '删除', |
|||
dynamicParams: { |
|||
uuid: 'uuid', |
|||
}, |
|||
name: 'AppVersionIOSDelete', |
|||
confirm: true, |
|||
isReload: true, |
|||
// ifShow: (record) => { |
|||
// return record.reserveStatus === 0; |
|||
// }, |
|||
api: '/api/op_com/objs/admin/VersionConfigOper/deleteVersionConfig', |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'appName', |
|||
label: '软件名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'versionCode', |
|||
label: '版本号', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '发布时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD', |
|||
format: 'YYYY-MM-DD', |
|||
}, |
|||
}, |
|||
], |
|||
params: {}, |
|||
}, |
|||
rowKey: 'uuid', |
|||
}; |
|||
const tabPaneList = [ |
|||
{ |
|||
title: 'Android版本管理', |
|||
bindData: tableConfigAndroid, |
|||
}, |
|||
{ |
|||
title: 'IOS版本管理', |
|||
bindData: tableConfigIOS, |
|||
}, |
|||
{ |
|||
title: '应用内容版本管理', |
|||
bindData: tableConfigH5, |
|||
}, |
|||
]; |
|||
if (Cookies.get('type') == 'wechat') { |
|||
tabPaneList.splice(0, 2); |
|||
} |
|||
|
|||
return { |
|||
data, |
|||
tabPaneList, |
|||
qrCodeUrl, |
|||
qrcodeVisible, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped></style> |
|||
@ -1,332 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<my-add-form |
|||
formLayout="修改" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? '编辑banner' : '新增banner'" |
|||
:dataHandle="dataHandle" |
|||
:api=" |
|||
uuid |
|||
? '/api/op_com/objs/admin/AdvertisingMarketingOper/releaseBanner' |
|||
: '/api/op_com/objs/admin/AdvertisingMarketingOper/releaseBanner' |
|||
" |
|||
draftApi="/api/op_com/objs/admin/AdvertisingMarketingOper/saveBanner" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, provide } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import myAddForm from '../components/add-form.vue'; |
|||
import myURL from '../components/myURL.vue'; |
|||
import myRadio from '../components/radio.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
import Cookies from 'js-cookie'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'BannerManageAdd', |
|||
components: { myAddForm, myURL, myRadio }, |
|||
setup() { |
|||
provide('components', () => { |
|||
return { myURL, myRadio }; |
|||
}); |
|||
let data = ref({}); |
|||
// 投放渠道：0-管控平台-pc、3-小程序-wechat、5-APP-mobile |
|||
const type = Cookies.get('type') || 'wechat'; |
|||
const typeBucket = { |
|||
pc: 0, |
|||
wechat: 3, |
|||
mobile: 5, |
|||
}; |
|||
const rouer = useRouter(); |
|||
let isDisabled = ref(false); |
|||
const { uuid } = rouer.currentRoute.value.query; |
|||
let fileUrl = ref(); |
|||
let fileUuid = ref(); |
|||
let defaultUrl = ref(); |
|||
let defaultPutChannel = ref(); |
|||
let defaultChecked = ref(); |
|||
let dynamicSelect = ref(); |
|||
let chooseChannel = ref(); |
|||
const formSchema = ref(); |
|||
const request = () => { |
|||
return new Promise((resolve, reject) => { |
|||
http |
|||
.get('/api/op_com/objs/admin/AdvertisingMarketingOper/bannerDetail', { uuid }) |
|||
.then((res) => { |
|||
const detail = res.data; |
|||
|
|||
resolve(detail); |
|||
}) |
|||
.catch((err) => { |
|||
reject(err); |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
let formSchemaDetail = [ |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: 'banner内容', |
|||
schemas: [ |
|||
{ |
|||
field: 'name', |
|||
label: 'banner名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入banner名称', |
|||
trigger: 'blur', |
|||
}, |
|||
{ min: 0, max: 20, message: '最多可输入20个字符', trigger: 'change' }, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'dataType', |
|||
label: 'banner类型', |
|||
component: 'NsSelect', |
|||
defaultValue: 99, |
|||
show: false, |
|||
}, |
|||
{ |
|||
field: 'fileUrl', |
|||
component: 'NsUpload', |
|||
label: 'banner图片', |
|||
componentProps: { |
|||
// 上传的地址 |
|||
url: '/api/fileunify/objs/admin/MaterialFile', |
|||
// 上传的图片大小 |
|||
maxSize: 5242880, |
|||
// 上传的图片类型 |
|||
fileType: ['jpg', 'png', 'jpeg'], |
|||
// 展示图片数量 |
|||
count: 1, |
|||
// 上传的文件类型，0-证书，1-图片，2-身份证件 |
|||
uploadType: 1, |
|||
baseImageUrl: fileUrl, |
|||
params: { |
|||
groupCode: 'mobile_img', |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '', |
|||
trigger: 'blur', |
|||
}, |
|||
{ |
|||
validator: async (rule, value) => { |
|||
if (!value) { |
|||
return Promise.reject('请上传一张banner图片'); |
|||
} |
|||
}, |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'deliveryChannelList', |
|||
defaultValue: [typeBucket[type]], |
|||
}, |
|||
{ |
|||
field: 'finalUrl', |
|||
label: '跳转路径', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入跳转路径', |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: '投放规则', |
|||
schemas: [ |
|||
{ |
|||
field: 'time', |
|||
label: '投放时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
|||
format: 'YYYY-MM-DD HH:mm:ss', |
|||
showTime: true, |
|||
'show-time': { |
|||
hideDisabledOptions: true, |
|||
defaultValue: [ |
|||
dateUtil('00:00:00', 'HH:mm:ss'), |
|||
dateUtil('23:59:59', 'HH:mm:ss'), |
|||
], |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择投放时间', |
|||
type: 'array', |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'field', |
|||
label: '展示栏位', |
|||
component: 'NsSelect', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ |
|||
label: '1', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '2', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '3', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '4', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '5', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '6', |
|||
value: 6, |
|||
}, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择展示栏位', |
|||
type: 'number', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'pushCrowd', |
|||
defaultValue: 0, |
|||
}, |
|||
// { |
|||
// field: 'pushCrowd', |
|||
// label: '推送人群', |
|||
// component: 'NsSelect', |
|||
// componentProps: { |
|||
// placeholder: '请选择', |
|||
// options: [ |
|||
// { |
|||
// label: '所有人群', |
|||
// value: 0, |
|||
// }, |
|||
// { |
|||
// label: '注册用户', |
|||
// value: 1, |
|||
// }, |
|||
// { |
|||
// label: '新用户', |
|||
// value: 2, |
|||
// }, |
|||
// // { |
|||
// // label: '白名单组', |
|||
// // value: 5, |
|||
// // }, |
|||
// ], |
|||
// }, |
|||
// rules: [ |
|||
// { |
|||
// required: true, |
|||
// message: '请选择推送人群', |
|||
// type: 'number', |
|||
// trigger: 'blur', |
|||
// }, |
|||
// ], |
|||
// }, |
|||
], |
|||
}, |
|||
}, |
|||
]; |
|||
if (uuid) { |
|||
request().then((res: any) => { |
|||
data.value = res; |
|||
fileUrl.value = res.fileUrl; |
|||
defaultUrl.value = [res.httpUrl, res.wxAppletsUrl]; |
|||
defaultPutChannel.value = [ |
|||
res.wxAppletsUrl, |
|||
// res.wxOpenUrl, |
|||
// res.wstUrl, |
|||
res.appUrl, |
|||
// res.alipayUrl, |
|||
]; |
|||
defaultChecked.value = res.deliveryChannel?.split(','); |
|||
chooseChannel.value = res.deliveryChannel; |
|||
data.value.time = [ |
|||
dateUtil(res.startTime).format('YYYY-MM-DD HH:mm:ss'), |
|||
dateUtil(res.endTime).format('YYYY-MM-DD HH:mm:ss'), |
|||
]; |
|||
data.value.finalUrl = res.appUrl || res.wxAppletsUrl || res.webUrl; |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
}); |
|||
} else { |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
} |
|||
|
|||
const dataHandle = (data) => { |
|||
const bucket = { |
|||
pc: 'webUrl', |
|||
wechat: 'wxAppletsUrl', |
|||
mobile: 'appUrl', |
|||
}; |
|||
data[bucket[type]] = data.finalUrl; |
|||
return data; |
|||
}; |
|||
return { |
|||
data, |
|||
formSchema, |
|||
uuid, |
|||
dataHandle, |
|||
}; |
|||
}, |
|||
|
|||
methods: {}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
:deep(.ns-form .ns-child-form-title) { |
|||
text-align: left; |
|||
margin: 10 0 0 0 !important; |
|||
} |
|||
</style> |
|||
@ -1,109 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<customerDetail |
|||
title="查看banner" |
|||
api="/api/op_com/objs/admin/AdvertisingMarketingOper/bannerDetail" |
|||
:detail="detail" |
|||
checkApi="/api/op_com/objs/admin/AdvertisingMarketingOper/approvalBanner" /> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import customerDetail from '../components/customerDetail.vue'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
import { useRouter } from 'vue-router'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'BannerManageDetail', |
|||
components: { customerDetail }, |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
let status = ref(); |
|||
status.value = rouer.currentRoute.value.query.pushCrowd; |
|||
|
|||
const detail = reactive([ |
|||
{ |
|||
title: 'banner内容', |
|||
items: [ |
|||
{ |
|||
label: 'banner名称', |
|||
name: 'name', |
|||
}, |
|||
{ |
|||
label: 'banner图片', |
|||
name: 'fileUrl', |
|||
type: 'image', |
|||
}, |
|||
|
|||
{ |
|||
label: '跳转路径', |
|||
name: 'url', |
|||
format: (value, res) => { |
|||
return res.appUrl || res.wxAppletsUrl || res.webUrl || '-'; |
|||
}, |
|||
}, |
|||
// { |
|||
// label: '投放渠道', |
|||
// name: 'pileType', |
|||
// type: 'html', |
|||
// format: (value, data) => { |
|||
// let channel = ['', '', '皖事通H5', '小程序', '微信公众号', 'APP', '支付宝']; |
|||
// let url = ['', '', 'wstUrl', 'wxAppletsUrl', 'wxOpenUrl', 'appUrl', 'appUrl']; |
|||
// let final = ''; |
|||
// data.deliveryChannelList?.map((item) => { |
|||
// final += `${channel[item]}: ${data[url[item]] || '-'}` + '<br />'; |
|||
// }); |
|||
// return final; |
|||
// }, |
|||
// }, |
|||
], |
|||
}, |
|||
{ |
|||
title: '投放规则', |
|||
items: [ |
|||
{ |
|||
label: '投放时间', |
|||
name: 'pileCode', |
|||
format: (value, data) => { |
|||
return ( |
|||
dateUtil(data?.startTime).format('YYYY-MM-DD HH:mm:ss') + |
|||
' - ' + |
|||
dateUtil(data?.endTime).format('YYYY-MM-DD HH:mm:ss') |
|||
); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '展示栏位', |
|||
name: 'field', |
|||
}, |
|||
// { |
|||
// label: '推送人群', |
|||
// name: 'pushCrowd', |
|||
// format: (value, data) => { |
|||
// return ['所有人群', '注册用户', '新用户', '白名单组'][value]; |
|||
// }, |
|||
// }, |
|||
], |
|||
}, |
|||
]); |
|||
// if (status.value == 3) { |
|||
// detail[1]['items'].push({ |
|||
// label: '白名单组名称', |
|||
// name: 'relationList', |
|||
// format: (value, data) => { |
|||
// let str = ''; |
|||
// data.relationList?.map((item, index) => { |
|||
// str += item.label + `${index == data.relationList?.length - 1 ? '' : '、'}`; |
|||
// }); |
|||
// return str; |
|||
// }, |
|||
// }); |
|||
// } |
|||
return { |
|||
detail, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,303 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table v-bind="tableConfig" :model="data" rowKey="uuid"> |
|||
<template #bodyCell="{ record, column }"> |
|||
<template v-if="column.dataIndex === 'status'"> |
|||
<a-badge v-bind="checkStatus[record.status]" /> |
|||
</template> |
|||
</template> |
|||
</ns-view-list-table> |
|||
</template> |
|||
<script> |
|||
import { defineComponent, reactive } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'BannerManageIndex', |
|||
setup() { |
|||
const data = reactive({}); |
|||
const tableConfig = { |
|||
title: 'banner管理', |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/bannerList', |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
}, |
|||
rowSelection: null, |
|||
// scroll: { x: 1100 }, |
|||
columns: [ |
|||
{ |
|||
title: 'banner名称', |
|||
// textNumber: 8, |
|||
// textEllipsis: true, |
|||
width: '30%', |
|||
dataIndex: 'name', |
|||
}, |
|||
{ |
|||
title: '投放时间段', |
|||
// textNumber: 17, |
|||
dataIndex: 'applyTime', |
|||
customRender: ({ text, record }) => { |
|||
return `${dateUtil(record.startTime).format('YYYY-MM-DD HH:mm:ss')} - ${dateUtil( |
|||
record.endTime, |
|||
).format('YYYY-MM-DD HH:mm:ss')}`; |
|||
}, |
|||
}, |
|||
|
|||
// { |
|||
// title: '投放渠道', |
|||
// // textNumber: 5, |
|||
// dataIndex: 'deliveryChannelList', |
|||
// customRender: ({ text, record }) => { |
|||
// return record.deliveryChannelText; |
|||
// }, |
|||
// }, |
|||
// { |
|||
// title: '推送人群', |
|||
// textNumber: 5, |
|||
// dataIndex: 'pushCrowd', |
|||
// customRender: ({ text, record }) => { |
|||
// return ['所有人群', '注册用户', '新用户', '', '', '白名单组'][text]; |
|||
// }, |
|||
// }, |
|||
{ |
|||
title: '状态', |
|||
// textNumber: 13, |
|||
dataIndex: 'status', |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 50, |
|||
// textNumber: 2, |
|||
actionNumber: 2, |
|||
// fixed: 'right', |
|||
autoMergeAction: false, |
|||
actions: [ |
|||
{ |
|||
label: '编辑', |
|||
name: 'BannerManageEdit', |
|||
dynamicParams: ['uuid', 'status'], |
|||
ifShow: ({ status }) => status !== 2 && status !== 3 && status !== 5, |
|||
route: '/contentManage/systemManage/bannerManage/edit', |
|||
}, |
|||
{ |
|||
label: '查看', |
|||
name: 'BannerManageDetail', |
|||
dynamicParams: ['uuid', 'pushCrowd'], |
|||
ifShow: ({ status }) => status === 3 || status === 2 || status === 5, |
|||
route: '/contentManage/systemManage/bannerManage/detail', |
|||
}, |
|||
{ |
|||
label: '审批', |
|||
name: 'BannerManageDetailCheck', |
|||
dynamicParams: ['uuid', 'pushCrowd', 'status'], |
|||
ifShow: ({ status }) => status === 5, |
|||
route: '/contentManage/systemManage/bannerManage/detailCheck', |
|||
}, |
|||
{ |
|||
label: '失效', |
|||
dynamicParams: 'uuid', |
|||
ifShow: ({ status }) => status === 0 || status === 4, |
|||
name: 'BannerManageInvalidation', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/invalidationBanner', |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: 'uuid', |
|||
ifShow: ({ status }) => status !== 0 && status !== 4 && status !== 5, |
|||
name: 'BannerManageRemove', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/deleteBanner', |
|||
}, |
|||
], |
|||
}, |
|||
headerActions: [ |
|||
{ |
|||
label: '新增', |
|||
name: 'BannerManageAdd', |
|||
type: 'primary', |
|||
route: '/contentManage/systemManage/bannerManage/add', |
|||
}, |
|||
], |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'name', |
|||
label: 'banner名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '投放时间段', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
|||
format: 'YYYY-MM-DD HH:mm:ss', |
|||
showTime: true, |
|||
'show-time': { |
|||
hideDisabledOptions: true, |
|||
defaultValue: [ |
|||
dateUtil('00:00:00', 'HH:mm:ss'), |
|||
dateUtil('23:59:59', 'HH:mm:ss'), |
|||
], |
|||
}, |
|||
}, |
|||
}, |
|||
// { |
|||
// field: 'deliveryChannel', |
|||
// label: '投放渠道', |
|||
// component: 'NsSelect', |
|||
// defaultValue: '', |
|||
// componentProps: { |
|||
// options: [ |
|||
// { |
|||
// label: '全部', |
|||
// value: '', |
|||
// }, |
|||
// { |
|||
// label: '微信小程序', |
|||
// value: 3, |
|||
// }, |
|||
// { |
|||
// label: '微信公众号', |
|||
// value: 4, |
|||
// }, |
|||
// { |
|||
// label: '皖事通H5', |
|||
// value: 2, |
|||
// }, |
|||
// { |
|||
// label: 'APP', |
|||
// value: 5, |
|||
// }, |
|||
// { |
|||
// label: '支付宝', |
|||
// value: 6, |
|||
// }, |
|||
// ], |
|||
// }, |
|||
// }, |
|||
{ |
|||
field: 'status', |
|||
label: '状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
options: [ |
|||
{ |
|||
label: '全部', |
|||
value: '', |
|||
}, |
|||
{ |
|||
label: '进行中', |
|||
value: 0, |
|||
}, |
|||
{ |
|||
label: '存草稿', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '已结束', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '已失效', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '未开始', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '待审核', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '审核驳回', |
|||
value: 6, |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
// { |
|||
// field: 'pushCrowd', |
|||
// label: '推送人群', |
|||
// component: 'NsSelect', |
|||
// defaultValue: '', |
|||
// componentProps: { |
|||
// options: [ |
|||
// { |
|||
// label: '全部', |
|||
// value: '', |
|||
// }, |
|||
// { |
|||
// label: '所有人群', |
|||
// value: 0, |
|||
// }, |
|||
// { |
|||
// label: '注册用户', |
|||
// value: 1, |
|||
// }, |
|||
// { |
|||
// label: '新用户', |
|||
// value: 2, |
|||
// }, |
|||
// { |
|||
// label: '白名单组', |
|||
// value: 3, |
|||
// }, |
|||
// ], |
|||
// }, |
|||
// }, |
|||
], |
|||
params: {}, |
|||
}, |
|||
rowKey: 'uuid', |
|||
}; |
|||
const checkStatus = [ |
|||
{ |
|||
status: 'processing', |
|||
text: '进行中', |
|||
}, |
|||
{ |
|||
status: 'error', |
|||
text: '存草稿', |
|||
}, |
|||
{ |
|||
status: 'default', |
|||
text: '已结束', |
|||
}, |
|||
{ |
|||
color: '#000000', |
|||
text: '已失效', |
|||
}, |
|||
{ |
|||
status: 'success', |
|||
text: '未开始', |
|||
}, |
|||
{ |
|||
status: 'error', |
|||
text: '待审核', |
|||
}, |
|||
{ |
|||
color: '#000000', |
|||
text: '审核驳回', |
|||
}, |
|||
]; |
|||
return { |
|||
tableConfig, |
|||
data, |
|||
checkStatus, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,150 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<a-spin :spinning="isLoading"> |
|||
<ns-page-header class="ns-page-header" style="margin-bottom: 0" :title="title"> |
|||
<template #extra> |
|||
<!-- todo 隐藏取消--> |
|||
<a-button @click="back">返回</a-button> |
|||
<a-button |
|||
v-if="!uuid || status == 1" |
|||
:disabled="validateResult" |
|||
style="margin-left: 10px" |
|||
@click="submit('draftApi')" |
|||
>存草稿</a-button |
|||
> |
|||
<a-button |
|||
style="margin-left: 10px" |
|||
:disabled="validateResult" |
|||
type="primary" |
|||
@click="submit('api')" |
|||
>提交</a-button |
|||
> |
|||
</template> |
|||
</ns-page-header> |
|||
<div class="ns-add-form"> |
|||
<ns-form ref="mainRef" v-bind="getBindValue"> |
|||
<template #[item]="data" v-for="item in Object.keys($slots)"> |
|||
<slot :name="item" v-bind="data || {}"></slot> |
|||
</template> |
|||
</ns-form> |
|||
</div> |
|||
</a-spin> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { computed, defineComponent, ref } from 'vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
import { useRouter } from 'vue-router'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'MyAddForm', |
|||
props: { |
|||
api: { |
|||
type: String, |
|||
required: true, |
|||
}, |
|||
draftApi: { |
|||
type: String, |
|||
// required: true, |
|||
}, |
|||
title: String, |
|||
params: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
data: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
parkInfo: { |
|||
type: Array, |
|||
}, |
|||
backName: String, |
|||
dataHandle: Function, |
|||
}, |
|||
setup(props, { attrs }) { |
|||
const mainRef = ref(); |
|||
const router = useRouter(); |
|||
let status = ref(); |
|||
let uuid = ref(); |
|||
status.value = router.currentRoute.value.query.status; |
|||
uuid.value = router.currentRoute.value.query.uuid; |
|||
const back = () => { |
|||
if (props.backName) { |
|||
router.push({ name: props.backName }); |
|||
// 清空缓存 |
|||
localStorage.removeItem('integral'); |
|||
} else { |
|||
router.back(); |
|||
} |
|||
}; |
|||
const isLoading = ref(false); |
|||
|
|||
const getBindValue = computed(() => ({ |
|||
...attrs, |
|||
...props, |
|||
})); |
|||
const validateResult = computed(() => { |
|||
return !mainRef.value?.validateResult; |
|||
}); |
|||
function submit(api) { |
|||
mainRef.value |
|||
.triggerSubmit() |
|||
.then((data: any) => { |
|||
console.log(data); |
|||
|
|||
isLoading.value = true; |
|||
// let datas = { |
|||
// ...data, |
|||
// activityParkList: data.isAllPark ? [] : props.parkInfo, |
|||
// }; |
|||
data = props.dataHandle ? props.dataHandle(data) : data; |
|||
|
|||
http |
|||
.post(props[api], data) |
|||
.then(() => { |
|||
isLoading.value = false; |
|||
NsMessage.success('操作成功', 1, () => { |
|||
back(); |
|||
}); |
|||
}) |
|||
.catch(() => { |
|||
isLoading.value = false; |
|||
}); |
|||
}) |
|||
.catch(() => {}); |
|||
} |
|||
|
|||
return { mainRef, submit, getBindValue, isLoading, status, uuid, back, validateResult }; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
//.ns-page-header { |
|||
// margin: 0px 16px 20px 0; |
|||
// border-bottom: 1px solid #f0f2f5; |
|||
//} |
|||
.ns-add-form .ns-vertical-form { |
|||
max-width: 600px; |
|||
margin: 0 auto; |
|||
} |
|||
:deep(.ant-spin-nested-loading) { |
|||
height: 100%; |
|||
} |
|||
.ant-spin-nested-loading { |
|||
height: 100%; |
|||
} |
|||
:deep(.ant-spin-container) { |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
:deep(.ns-add-form) { |
|||
height: calc(100% - 83px) !important; |
|||
overflow: auto; |
|||
} |
|||
:deep(.ns-add-form .ns-vertical-form) { |
|||
min-width: 420px; |
|||
} |
|||
</style> |
|||
@ -1,368 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div class="ns-skeleton"> |
|||
<ns-page-header class="ns-page-header" :title="title"> |
|||
<template #extra> |
|||
<ns-button @click="onBack()">返回</ns-button> |
|||
<ns-button v-if="status == 5" type="primary" @click="checkReq('pass')">审核通过</ns-button> |
|||
<ns-button v-if="status == 5" type="primary" @click="checkReq('reject')" |
|||
>审核驳回</ns-button |
|||
> |
|||
</template> |
|||
</ns-page-header> |
|||
<div class="ns-detail-content"> |
|||
<Skeleton |
|||
active |
|||
v-for="(detailGroup, index) in getDetail" |
|||
:key="index" |
|||
:loading="loading" |
|||
:paragraph="detailGroup.SkeletonParagraphProps" |
|||
:title="SkeletonTitleProps"> |
|||
<div class="ns-detail"> |
|||
<a-descriptions :title="detailGroup.title"> |
|||
<template v-if="detailGroup.items"> |
|||
<template v-for="(item, index) in detailGroup.items" :key="index"> |
|||
<a-descriptions-item v-bind="item" v-if="item.ifShow"> |
|||
<!--默认--> |
|||
|
|||
<template v-if="!item.type"> |
|||
<span class="ns-detail-text">{{ item.value ? item.value : '-' }}</span> |
|||
</template> |
|||
<!--富文本--> |
|||
<template v-if="item.type == 'html'"> |
|||
<div class="ns-detail-html" v-html="item.value"></div> |
|||
</template> |
|||
<!--链接--> |
|||
|
|||
<template v-if="item.type == 'link'"> |
|||
<a class="ns-detail-link" target="_blank" :href="item.value">发票链接 </a> |
|||
</template> |
|||
<!--图片 值为数组则为图片列表 可继续扩展--> |
|||
|
|||
<template v-if="item.type === 'image'"> |
|||
<template v-if="typeof item.value == 'object'"> |
|||
<div |
|||
class="ns-detail-image-list" |
|||
v-for="src in item.value" |
|||
:key="src" |
|||
style="display: inline-block; margin: 0 5px 5px 0"> |
|||
<a-image |
|||
:width="100" |
|||
:src="src" |
|||
fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==" /> |
|||
</div> |
|||
</template> |
|||
<template v-else> |
|||
<a-image |
|||
v-if="item.value" |
|||
class="ns-detail-image" |
|||
:width="64" |
|||
:src="item.value" |
|||
fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==" /> |
|||
<span v-else>-</span> |
|||
</template> |
|||
</template> |
|||
|
|||
<!--表格--> |
|||
<template v-else-if="item.type === 'table'"> |
|||
<ns-basic-table |
|||
class="ns-detail-table" |
|||
:dataSource="dataRef[item.props.listField]" |
|||
:columns="item.props.columns" |
|||
:pagination="false" |
|||
:rowKey="item.props.rowKey" /> |
|||
</template> |
|||
|
|||
<!--表格--> |
|||
<template v-else-if="item.type === 'NsViewListTable'"> |
|||
<NsViewListTable v-bind="item.props.tableConfig" /> |
|||
</template> |
|||
|
|||
<template v-for="slot in Object.keys($slots)" :key="slot"> |
|||
<div v-if="item.type === slot" :style="item.style" :class="`ns-detail-${slot}`"> |
|||
<slot :name="slot" v-bind="item || {}"> </slot> |
|||
</div> |
|||
</template> |
|||
</a-descriptions-item> |
|||
</template> |
|||
</template> |
|||
</a-descriptions> |
|||
</div> |
|||
</Skeleton> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { computed, defineComponent, ref, watch, PropType, createVNode } from 'vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { useRouter } from 'vue-router'; |
|||
import { cloneDeep, get, isFunction, isUndefined } from 'lodash-es'; |
|||
import { Skeleton } from 'ant-design-vue'; |
|||
import { NsModal } from '/nerv-lib/component/modal'; |
|||
import { NsMessage } from '/nerv-lib/component/message'; |
|||
|
|||
export interface DetailItem { |
|||
label: string; |
|||
name: string; |
|||
ifShow?: Boolean | Function; |
|||
value?: string; |
|||
format?: Function; |
|||
type?: string; // 现支持image |
|||
} |
|||
|
|||
export interface DetailGroup { |
|||
title: string; |
|||
items: Array<DetailItem>; |
|||
} |
|||
|
|||
export default defineComponent({ |
|||
name: 'NsViewDetail', |
|||
components: { Skeleton }, |
|||
props: { |
|||
detail: { |
|||
type: Array as PropType<DetailGroup[]>, |
|||
default: () => [], |
|||
}, |
|||
api: { |
|||
type: String, |
|||
}, |
|||
checkApi: { |
|||
type: String, |
|||
}, |
|||
title: { |
|||
type: String, |
|||
default: '查看', |
|||
}, |
|||
formLayout: { |
|||
type: String, |
|||
default: '', |
|||
}, |
|||
dataHandle: Function, |
|||
}, |
|||
setup(props) { |
|||
const SkeletonTitleProps = ref({ |
|||
width: 150, |
|||
}); |
|||
const router = useRouter(); |
|||
const status = ref(); |
|||
const { query } = router.currentRoute.value; |
|||
status.value = query.status; |
|||
// const check = query.status == 5 ? true : false; |
|||
const dataRef = ref([]); |
|||
const textTitle = props.title?.slice(2); |
|||
const checkReq = (type) => { |
|||
const text = { |
|||
pass: { |
|||
title: '审核通过', |
|||
content: `审核通过后将发布${textTitle}`, |
|||
value: 1, |
|||
}, |
|||
reject: { |
|||
title: '审核驳回', |
|||
content: `确认驳回该${textTitle}发布内容？`, |
|||
value: 0, |
|||
}, |
|||
}; |
|||
NsModal.confirm({ |
|||
title: createVNode('div', { style: 'font-weight:600;font-size: 16px' }, text[type].title), |
|||
content: createVNode('div', { style: 'font-size: 14px' }, text[type].content), |
|||
// icon: createVNode(ExclamationCircleOutlined), |
|||
okText: '确认', |
|||
cancelText: '取消', |
|||
onOk() { |
|||
req(text[type].value); |
|||
}, |
|||
onCancel() {}, |
|||
}); |
|||
}; |
|||
const req = (val) => { |
|||
const data = { |
|||
...query, |
|||
approvalStatus: val, |
|||
}; |
|||
http.post(props.checkApi, data).then((res) => { |
|||
NsMessage.success('操作成功', 1, () => { |
|||
router.back(); |
|||
}); |
|||
}); |
|||
}; |
|||
const formatTable = (a) => { |
|||
if (a) { |
|||
// content = content.replace(/<br[^>]*\/>/gi, ''); |
|||
a = a.replace(/<th[^<>]*>/gi, '<th style="background-color:#F0F3F4;padding:5px 5px">'); |
|||
a = a.replace(/<td[^<>]*>/gi, '<td style="padding:5px 5px">'); |
|||
a = a.replace( |
|||
/<table[^>]*>/gi, |
|||
'<table cellpadding="0" cellspacing="0" max-width="100%" border="1" style=" text-align:center;border: 1px solid #ccc;"', |
|||
); |
|||
return a; |
|||
} else { |
|||
return null; |
|||
} |
|||
}; |
|||
|
|||
let loading = ref<boolean>(true); |
|||
function request() { |
|||
// const { query } = route; |
|||
http.get(props.api, query).then((res) => { |
|||
// dataRef.value = res.data; |
|||
dataRef.value = props.dataHandle ? props.dataHandle(res.data) : res.data; |
|||
loading.value = false; |
|||
}); |
|||
} |
|||
|
|||
request(); |
|||
|
|||
const getDetail = computed(() => { |
|||
const detail = cloneDeep(props.detail); |
|||
return (detail as Array<DetailGroup>).map((group: DetailGroup) => { |
|||
const SkeletonWidth = []; |
|||
for (let i = 0; i < group.items.length; i++) { |
|||
if (group.items[i].type === 'table') { |
|||
SkeletonWidth.push('80%'); |
|||
} else { |
|||
SkeletonWidth.push('30%'); |
|||
} |
|||
} |
|||
const { title, items } = group; |
|||
return { |
|||
title: title, |
|||
items: items.map((item) => { |
|||
if (!loading.value) { |
|||
const { ifShow } = item; |
|||
item.value = get(dataRef.value, item.name); |
|||
item.ifShow = isFunction(ifShow) |
|||
? ifShow(dataRef.value) |
|||
: isUndefined(ifShow) |
|||
? true |
|||
: ifShow; |
|||
if (item.format) { |
|||
item.value = item.format(item.value, dataRef.value); |
|||
} |
|||
} |
|||
return item; |
|||
}), |
|||
SkeletonParagraphProps: { |
|||
rows: items.length, |
|||
width: SkeletonWidth, |
|||
}, |
|||
SkeletonTitleProps: { |
|||
width: 150, |
|||
}, |
|||
}; |
|||
}); |
|||
}); |
|||
return { |
|||
request, |
|||
getDetail, |
|||
loading, |
|||
SkeletonTitleProps, |
|||
formatTable, |
|||
checkReq, |
|||
status, |
|||
}; |
|||
}, |
|||
// created() { |
|||
// this.request(); |
|||
// }, |
|||
methods: { |
|||
onBack() { |
|||
this.$router.back(); |
|||
}, |
|||
}, |
|||
}); |
|||
</script> |
|||
|
|||
<style lang="less" scoped> |
|||
.ns-detail-content { |
|||
padding: 0 24px; |
|||
} |
|||
|
|||
:deep(.ant-skeleton-paragraph) { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
:deep(.ant-skeleton-paragraph li:nth-child(n)) { |
|||
display: block; |
|||
margin-right: 4%; |
|||
margin-top: 16px; |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
:deep(.ant-skeleton-paragraph li:nth-child(3n + 3)) { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
:deep(.ant-skeleton-content) { |
|||
padding: 0 8px 10px 10px; |
|||
} |
|||
|
|||
:deep(.ant-descriptions-item-label), |
|||
:deep(.ant-descriptions-item-content) { |
|||
line-height: 22px; |
|||
} |
|||
|
|||
:deep(.ant-descriptions-view) { |
|||
padding-bottom: 8px; |
|||
} |
|||
|
|||
:deep(.ant-descriptions-item) { |
|||
padding-right: 20px; |
|||
&:nth-child(2n) { |
|||
padding-left: 20px; |
|||
} |
|||
&:nth-child(3n) { |
|||
padding-left: 20px; |
|||
padding-right: 0; |
|||
} |
|||
} |
|||
|
|||
.ns-detail { |
|||
border-bottom: 1px solid #ecedef; |
|||
&:last-child { |
|||
border-bottom-width: 0; |
|||
} |
|||
:deep(.ant-descriptions-header) { |
|||
margin-top: 24px; |
|||
margin-bottom: 24px; |
|||
.ant-descriptions-title { |
|||
line-height: 16px; |
|||
font-size: 16px; |
|||
} |
|||
} |
|||
} |
|||
.ns-detail-html { |
|||
:deep(table) { |
|||
border-top: 1px solid #ffffff; |
|||
border-left: 1px solid #ffffff; |
|||
:deep(p) { |
|||
font-size: 12px; |
|||
color: #898e91; |
|||
} |
|||
} |
|||
:deep(th) { |
|||
border-right: 1px solid #ffffff; |
|||
font-size: 13px; |
|||
padding-top: 5px; |
|||
padding-bottom: 5px; |
|||
font-weight: normal; |
|||
background: #eff0f2; |
|||
} |
|||
:deep(td) { |
|||
border-top: 1px solid #ffffff; |
|||
border-right: 1px solid #ffffff; |
|||
padding-top: 5px; |
|||
padding-bottom: 5px; |
|||
font-size: 12px; |
|||
color: #606060; |
|||
text-align: center; |
|||
:deep(text) { |
|||
border-bottom: 1px solid #ffffff; |
|||
} |
|||
background: rgba(240, 242, 245, 0.5); |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<a-form-item-rest> |
|||
<div class="urlInput" style="margin-bottom: 16px" v-for="(item, index) in url" :key="index"> |
|||
<ns-checkbox |
|||
v-if="$attrs.isMultiSelect" |
|||
style="margin-bottom: 10px" |
|||
v-model:checked="checked[index]" |
|||
>{{ $attrs.multiSelectTitle[index]['label'] }}</ns-checkbox |
|||
> |
|||
<a-input |
|||
v-model:value="urlArr[index].middle" |
|||
:disabled="$attrs.isMultiSelect && !checked[index]" |
|||
:placeholder="item.placeholder" |
|||
allowClear |
|||
> |
|||
<!-- 需求优化，取消select --> |
|||
<!-- <template #addonBefore> |
|||
<a-select |
|||
v-model:value="urlArr[index].before" |
|||
:disabled="$attrs.isMultiSelect && !checked[index]" |
|||
style="min-width: 90px" |
|||
> |
|||
<a-select-option v-for="item2 in item.addonBefore" :value="item2" :key="item2">{{ |
|||
item2 |
|||
}}</a-select-option> |
|||
</a-select> |
|||
</template> |
|||
<template #addonAfter> |
|||
<a-select |
|||
v-model:value="urlArr[index].after" |
|||
:disabled="$attrs.isMultiSelect && !checked[index]" |
|||
style="min-width: 60px" |
|||
> |
|||
<a-select-option v-for="item2 in item.addonAfter" :value="item2" :key="item2">{{ |
|||
item2 |
|||
}}</a-select-option> |
|||
</a-select> |
|||
</template> --> |
|||
</a-input> |
|||
</div> |
|||
</a-form-item-rest> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, watch, ref, nextTick } from 'vue'; |
|||
export default defineComponent({ |
|||
emits: ['change'], |
|||
setup(props, { attrs, emit }) { |
|||
// console.log(props, attrs); |
|||
let checked = reactive([]); |
|||
let url = reactive(attrs.url); |
|||
let emitArr = reactive([]); |
|||
const { defaultUrl, defaultChecked } = attrs; |
|||
// console.log(defaultUrl); |
|||
let urlArr = ref([]); |
|||
url?.map((item) => { |
|||
urlArr.value.push({ |
|||
before: item['addonBefore'][item['defaultAddonBefore'] || attrs.defaultAddonBefore || 0], |
|||
middle: '', |
|||
after: item['addonAfter'][item['defaultAddonAfter'] || attrs.defaultAddonAfter || 0], |
|||
}); |
|||
}); |
|||
if (defaultUrl) { |
|||
let propArr = []; |
|||
let emitMiddle = ref(); |
|||
defaultUrl?.map((item2, index) => { |
|||
// 需求更改 |
|||
// const beforeIndex = |
|||
// item2?.indexOf('//') !== -1 ? item2?.indexOf('//') + 1 : item2?.indexOf('//'); |
|||
// const afterIndex = item2?.lastIndexOf('.'); |
|||
// const before = item2?.slice(0, beforeIndex + 1) || urlArr.value[index].before; |
|||
// const after = item2?.slice(afterIndex) || urlArr.value[index].after; |
|||
// const middle = item2?.slice(beforeIndex + 1, afterIndex); |
|||
propArr.push({ |
|||
before: '', |
|||
middle: item2, |
|||
after: '', |
|||
}); |
|||
}); |
|||
urlArr.value = propArr; |
|||
} else { |
|||
// url?.map((item) => { |
|||
// urlArr.value.push({ |
|||
// before: |
|||
// item['addonBefore'][item['defaultAddonBefore'] || attrs.defaultAddonBefore || 0], |
|||
// middle: '', |
|||
// after: item['addonAfter'][item['defaultAddonAfter'] || attrs.defaultAddonAfter || 0], |
|||
// }); |
|||
// }); |
|||
} |
|||
|
|||
const getCheckArr = (chooseItem) => { |
|||
attrs.multiSelectTitle.map((item, index) => { |
|||
defaultChecked |
|||
? item.value == chooseItem |
|||
? (checked[index] = true) |
|||
: '' |
|||
: (checked[index] = false); |
|||
}); |
|||
}; |
|||
attrs.isMultiSelect ? getCheckArr() : ''; |
|||
const isChecked = () => { |
|||
defaultChecked.map((chooseItem) => { |
|||
getCheckArr(chooseItem); |
|||
// checked[item] = true; |
|||
}); |
|||
}; |
|||
defaultChecked ? isChecked() : ''; |
|||
|
|||
const urlJoin = (item) => { |
|||
if (item.middle) { |
|||
return Object.values(item).join(''); |
|||
} |
|||
return ''; |
|||
}; |
|||
const putChancel = () => { |
|||
let arr = []; |
|||
checked.map((item, index) => { |
|||
item ? arr.push(attrs.multiSelectTitle[index]['value']) : ''; |
|||
}); |
|||
return arr; |
|||
}; |
|||
watch( |
|||
() => attrs.url, |
|||
(value) => { |
|||
url = attrs.url; |
|||
}, |
|||
{ deep: true } |
|||
); |
|||
watch( |
|||
() => urlArr.value, |
|||
(value) => { |
|||
emitArr = reactive([]); |
|||
// console.log('value', value); |
|||
|
|||
value.map((item) => { |
|||
// 需求更改 |
|||
// emitArr.push(urlJoin(item)); |
|||
emitArr.push(item.middle); |
|||
}); |
|||
if (attrs.isMultiSelect) { |
|||
emit('change', [putChancel(), ...emitArr]); |
|||
// console.log('change', putChancel(), emitArr); |
|||
} else { |
|||
emit('change', emitArr); |
|||
// console.log('change', emitArr); |
|||
} |
|||
}, |
|||
{ deep: true, immediate: defaultUrl ? true : false } |
|||
); |
|||
watch( |
|||
() => checked, |
|||
(value) => { |
|||
// console.log('value', value); |
|||
|
|||
// emitArr = reactive([]); |
|||
// value.map((item) => { |
|||
// emitArr.push(urlJoin(item)); |
|||
// }); |
|||
emit('change', [putChancel(), ...emitArr]); |
|||
// console.log('change', putChancel(), emitArr); |
|||
}, |
|||
{ deep: true } |
|||
); |
|||
return { |
|||
url, |
|||
urlArr, |
|||
checked, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
.urlInput:last-child { |
|||
margin-bottom: 0 !important; |
|||
} |
|||
</style> |
|||
@ -1,122 +0,0 @@ |
|||
<template> |
|||
<a-radio-group v-model:value="value"> |
|||
<a-radio v-for="(item, index) in $attrs.valueOptions" :value="item.value" :key="index"> |
|||
{{ item.label }} |
|||
</a-radio> |
|||
<div v-if="value == 2" style="margin-top: 10px; font-size: 14px"> |
|||
<!-- <a-radio> --> |
|||
<div v-if="$attrs.customDay"> |
|||
{{ $attrs.customDay.textBefore }} |
|||
|
|||
<a-input-number |
|||
:min="1" |
|||
:placeholder="$attrs.customDay.placeholder" |
|||
v-model:value="customInput" |
|||
:disabled="customSelect ? true : false" |
|||
style="width: 200px; margin-left: 5px" |
|||
allowClear |
|||
onkeyup="this.value= this.value.match(/[1-9]\d*/) ? this.value.match(/[1-9]\d*/)[0] : ''" |
|||
onblur="this.value= this.value.match(/[1-9]\d*/) ? this.value.match(/[1-9]\d*/)[0] : ''" |
|||
onfocus="this.value= this.value.match(/[1-9]\d*/) ? this.value.match(/[1-9]\d*/)[0] : ''" |
|||
/> |
|||
{{ $attrs.customDay.textAfter }} |
|||
</div> |
|||
<!-- </a-radio> --> |
|||
<!-- <a-radio style="margin-top: 10px"> --> |
|||
<div v-if="$attrs.customWeek" style="margin-top: 10px"> |
|||
{{ $attrs.customWeek.textBefore }} |
|||
<a-select |
|||
:options="$attrs.customWeek.options" |
|||
:placeholder="$attrs.customWeek.placeholder" |
|||
v-model:value="customSelect" |
|||
:disabled="customInput ? true : false" |
|||
style="width: 200px; margin-left: 5px" |
|||
allowClear |
|||
/> |
|||
{{ $attrs.customWeek.textAfter }} |
|||
</div> |
|||
<!-- </a-radio> --> |
|||
</div> |
|||
</a-radio-group> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref, watch } from 'vue'; |
|||
export default defineComponent({ |
|||
emits: ['change'], |
|||
setup(props, { emit, attrs }) { |
|||
// console.log(attrs); |
|||
|
|||
// 选中的类型 |
|||
const value = ref<number>(attrs.defaultRadio && attrs.defaultRadio[0]); |
|||
|
|||
const changeIndex = ref<number>(); |
|||
// if (attrs.defaultRadio && String(attrs.defaultRadio)) { |
|||
// value.value = Number(attrs.defaultRadios); |
|||
// changeIndex.value = Number(attrs.defaultRadios); |
|||
// } |
|||
// 自定义频率的日 周 |
|||
const typeValue = ref<number>(attrs.defaultRadio && attrs.defaultRadio[1]); |
|||
const customInput = ref(); |
|||
const customSelect = ref(); |
|||
const customDisabled = ref(); |
|||
if (attrs.defaultRadio) { |
|||
typeValue.value == 0 |
|||
? (customInput.value = attrs.defaultRadio[2]) |
|||
: (customSelect.value = attrs.defaultRadio[2]); |
|||
} |
|||
const emitValue = () => { |
|||
const emitArr = [ |
|||
value.value, |
|||
typeValue.value, |
|||
typeValue.value == 0 ? customInput.value : customSelect.value, |
|||
]; |
|||
if (value.value !== 2) { |
|||
delete emitArr[1]; |
|||
delete emitArr[2]; |
|||
} |
|||
emit('change', emitArr); |
|||
}; |
|||
watch( |
|||
value, |
|||
(newVal, oldVal) => { |
|||
emitValue(); |
|||
}, |
|||
{ immediate: attrs.defaultRadio ? true : false } |
|||
); |
|||
watch(customInput, (newVal, oldVal) => { |
|||
if (value.value == 2) { |
|||
typeValue.value = customInput.value ? 0 : customSelect.value ? 1 : ''; |
|||
emitValue(); |
|||
} |
|||
}); |
|||
watch(customSelect, (newVal, oldVal) => { |
|||
if (value.value == 2) { |
|||
typeValue.value = customInput.value ? 0 : customSelect.value ? 1 : ''; |
|||
emitValue(); |
|||
} |
|||
}); |
|||
return { |
|||
customInput, |
|||
customDisabled, |
|||
customSelect, |
|||
value, |
|||
changeIndex, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
:deep(.ant-radio-group) { |
|||
font-size: 14px; |
|||
} |
|||
:deep(.ant-radio-wrapper) { |
|||
display: inline-block !important; |
|||
} |
|||
:deep(.ant-radio) { |
|||
top: 3px; |
|||
} |
|||
:deep(.ant-radio-inner::after) { |
|||
width: 8px; |
|||
height: 8px; |
|||
} |
|||
</style> |
|||
@ -1,169 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table v-bind="tableConfig" :model="data" rowKey="uuid" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'LogManageIndex', |
|||
setup() { |
|||
const data = reactive({}); |
|||
const tableConfig = { |
|||
title: '日志管理', |
|||
api: '/api/op_com/objs/admin/LoggerOper', |
|||
headerActions: [{}], |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
}, |
|||
rowSelection: null, |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'opType', |
|||
label: '操作类型', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
options: [ |
|||
{ |
|||
label: '全部', |
|||
value: '', |
|||
}, |
|||
{ |
|||
label: '登录', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '退出', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '新增', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '更新', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '导入', |
|||
value: 6, |
|||
}, |
|||
{ |
|||
label: '导出', |
|||
value: 7, |
|||
}, |
|||
{ |
|||
label: '上传', |
|||
value: 8, |
|||
}, |
|||
{ |
|||
label: '下载', |
|||
value: 9, |
|||
}, |
|||
{ |
|||
label: '其他', |
|||
value: 10, |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'ip', |
|||
label: 'IP地址', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '操作时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
|||
format: 'YYYY-MM-DD HH:mm:ss', |
|||
showTime: true, |
|||
'show-time': { |
|||
hideDisabledOptions: true, |
|||
defaultValue: [ |
|||
dateUtil('00:00:00', 'HH:mm:ss'), |
|||
dateUtil('23:59:59', 'HH:mm:ss'), |
|||
], |
|||
}, |
|||
}, |
|||
}, |
|||
], |
|||
params: {}, |
|||
}, |
|||
columns: [ |
|||
{ |
|||
title: '操作人', |
|||
textNumber: 6, |
|||
dataIndex: 'accountName', |
|||
}, |
|||
{ |
|||
title: '操作类型', |
|||
// width: 150, |
|||
textNumber: 6, |
|||
dataIndex: 'opType', |
|||
customRender: ({ text, record }) => { |
|||
return [ |
|||
'', |
|||
'登录', |
|||
'退出', |
|||
'新增', |
|||
'删除', |
|||
'更新', |
|||
'导入', |
|||
'导出', |
|||
'上传', |
|||
'下载', |
|||
'其他', |
|||
][text]; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '日志内容', |
|||
// width: 150, |
|||
dataIndex: 'description', |
|||
}, |
|||
{ |
|||
title: '操作时间', |
|||
// width: 160, |
|||
dataIndex: 'opTime', |
|||
customRender: (value) => { |
|||
return value.text && dateUtil(value.text).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
}, |
|||
{ |
|||
title: '浏览器', |
|||
// width: 150, |
|||
// textNumber: 4, |
|||
dataIndex: 'browserName', |
|||
}, |
|||
{ |
|||
title: 'IP地址', |
|||
// width: 150, |
|||
dataIndex: 'ip', |
|||
}, |
|||
], |
|||
rowKey: 'uuid', |
|||
}; |
|||
|
|||
return { |
|||
tableConfig, |
|||
data, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,336 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<my-add-form |
|||
formLayout="修改" |
|||
:schemas="formSchema" |
|||
:model="data" |
|||
:title="uuid ? '编辑开屏广告' : '新增开屏广告'" |
|||
:api=" |
|||
uuid |
|||
? '/api/op_com/objs/admin/AdvertisingMarketingOper/releaseOpenScreen' |
|||
: '/api/op_com/objs/admin/AdvertisingMarketingOper/releaseOpenScreen' |
|||
" |
|||
draftApi="/api/op_com/objs/admin/AdvertisingMarketingOper/saveOpenScreen" /> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import { useRouter } from 'vue-router'; |
|||
import myAddForm from '../components/add-form.vue'; |
|||
import { http } from '/nerv-lib/util/http'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'OpenScreenManageAdd', |
|||
components: { myAddForm }, |
|||
setup() { |
|||
let data = ref({}); |
|||
const rouer = useRouter(); |
|||
const { uuid } = rouer.currentRoute.value.query; |
|||
let fileUrl = ref(); |
|||
const formSchema = ref(); |
|||
const request = () => { |
|||
return new Promise((resolve, reject) => { |
|||
http |
|||
.get('/api/op_com/objs/admin/AdvertisingMarketingOper/openScreenDetail', { uuid }) |
|||
.then((res) => { |
|||
const detail = res.data; |
|||
|
|||
resolve(detail); |
|||
}) |
|||
.catch((err) => { |
|||
reject(err); |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
let formSchemaDetail = [ |
|||
{ |
|||
field: 'uuid', |
|||
defaultValue: uuid, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: '开屏广告内容', |
|||
schemas: [ |
|||
{ |
|||
field: 'name', |
|||
label: '开屏广告名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入开屏广告名称', |
|||
trigger: 'blur', |
|||
}, |
|||
{ min: 0, max: 20, message: '最多可输入20个字符', trigger: 'change' }, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'fileUrl', |
|||
component: 'NsUpload', |
|||
label: '开屏广告图片', |
|||
componentProps: { |
|||
// 上传的地址 |
|||
url: '/api/fileunify/objs/admin/MaterialFile', |
|||
// 上传的图片大小 |
|||
maxSize: 5242880, |
|||
// 上传的图片类型 |
|||
fileType: ['jpg', 'png', 'jpeg'], |
|||
// 展示图片数量 |
|||
count: 1, |
|||
// 上传的文件类型，0-证书，1-图片，2-身份证件 |
|||
uploadType: 1, |
|||
baseImageUrl: fileUrl, |
|||
|
|||
params: { |
|||
groupCode: 'mobile_img', |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '', |
|||
// type: 'array', |
|||
trigger: 'change', |
|||
}, |
|||
{ |
|||
validator: async (rule, value) => { |
|||
// // console.log('validator', value); |
|||
if (!value) { |
|||
return Promise.reject('请上传一张banner图片'); |
|||
} |
|||
}, |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'httpUrl', |
|||
label: '跳转路径', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入跳转链接', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'buttonText', |
|||
label: '按钮文字', |
|||
component: 'NsInput', |
|||
ifShow: (formModel) => { |
|||
if (formModel.httpUrl) { |
|||
return true; |
|||
} |
|||
return false; |
|||
}, |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入按钮文字', |
|||
trigger: 'change', |
|||
}, |
|||
{ min: 0, max: 20, message: '最多可输入20个字符', trigger: 'change' }, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'buttonText', |
|||
label: '按钮文字', |
|||
component: 'NsInput', |
|||
show: (formModel) => { |
|||
if (formModel.httpUrl) { |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: false, |
|||
message: '请输入按钮文字', |
|||
trigger: 'blur', |
|||
}, |
|||
{ min: 0, max: 20, message: '最多可输入20个字符', trigger: 'change' }, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'field111', |
|||
label: '', |
|||
displayFormItem: false, |
|||
class: 'ns-form-item-full', |
|||
component: 'NsChildForm', |
|||
componentProps: { |
|||
title: '投放规则', |
|||
schemas: [ |
|||
{ |
|||
field: 'time', |
|||
label: '投放时间', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
|||
format: 'YYYY-MM-DD HH:mm:ss', |
|||
showTime: true, |
|||
'show-time': { |
|||
hideDisabledOptions: true, |
|||
defaultValue: [ |
|||
dateUtil('00:00:00', 'HH:mm:ss'), |
|||
dateUtil('23:59:59', 'HH:mm:ss'), |
|||
], |
|||
}, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择投放时间', |
|||
type: 'array', |
|||
trigger: 'change', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'field', |
|||
label: '开屏广告排序', |
|||
component: 'NsSelect', |
|||
componentProps: { |
|||
placeholder: '请选择', |
|||
options: [ |
|||
{ |
|||
label: '1', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '2', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '3', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '4', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '5', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '6', |
|||
value: 6, |
|||
}, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择展示栏位', |
|||
type: 'number', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'pushFrequency', |
|||
label: '推送频次', |
|||
component: 'NsRadioGroup', |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ label: '每日首次启动', value: 4 }, |
|||
{ label: '每次启动', value: 3 }, |
|||
{ label: '每次进入', value: 1 }, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择推送频次', |
|||
type: 'number', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: 'customFrequencyValue', |
|||
label: '展示时间', |
|||
component: 'NsRadioGroup', |
|||
componentProps: { |
|||
radioType: 'radio', |
|||
options: [ |
|||
{ label: '3秒', value: '3' }, |
|||
{ label: '5秒', value: '5' }, |
|||
], |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择展示时间', |
|||
type: 'string', |
|||
trigger: 'blur', |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
]; |
|||
if (uuid) { |
|||
request().then((res: any) => { |
|||
data.value = res; |
|||
fileUrl.value = res.fileUrl; |
|||
// 处理时间投放格式 |
|||
data.value.time = [ |
|||
dateUtil(res.startTime).format('YYYY-MM-DD HH:mm:ss'), |
|||
dateUtil(res.endTime).format('YYYY-MM-DD HH:mm:ss'), |
|||
]; |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
}); |
|||
} else { |
|||
formSchema.value = Object.assign([], formSchemaDetail); |
|||
} |
|||
|
|||
return { |
|||
data, |
|||
formSchema, |
|||
uuid, |
|||
}; |
|||
}, |
|||
|
|||
methods: {}, |
|||
}); |
|||
</script> |
|||
<style lang="less" scoped> |
|||
:deep(.ns-form .ns-child-form-title) { |
|||
text-align: left; |
|||
margin: 10 0 0 0 !important; |
|||
} |
|||
:deep(.ant-radio-group) { |
|||
font-size: 14px; |
|||
} |
|||
// :deep(.ant-radio-wrapper) { |
|||
// display: inline-block !important; |
|||
// } |
|||
:deep(.ant-radio) { |
|||
top: 1px; |
|||
} |
|||
// :deep(.ant-radio-inner::after) { |
|||
// width: 8px; |
|||
// height: 8px; |
|||
// } |
|||
</style> |
|||
@ -1,96 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<div> |
|||
<customerDetail |
|||
title="查看开屏广告" |
|||
api="/api/op_com/objs/admin/AdvertisingMarketingOper/openScreenDetail" |
|||
:detail="detail" |
|||
checkApi="/api/op_com/objs/admin/AdvertisingMarketingOper/approvalOpenScreen" /> |
|||
</div> |
|||
</template> |
|||
<script lang="ts"> |
|||
import { defineComponent, reactive, ref } from 'vue'; |
|||
import customerDetail from '../components/customerDetail.vue'; |
|||
|
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
import { useRouter } from 'vue-router'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'OpenScreenManageDetail', |
|||
components: { customerDetail }, |
|||
setup() { |
|||
const rouer = useRouter(); |
|||
let status = ref(); |
|||
status.value = rouer.currentRoute.value.query.pushCrowd; |
|||
|
|||
const detail = reactive([ |
|||
{ |
|||
title: '开屏广告内容', |
|||
items: [ |
|||
{ |
|||
label: '开屏广告名称', |
|||
name: 'name', |
|||
}, |
|||
{ |
|||
label: '开屏广告图片', |
|||
name: 'fileUrl', |
|||
type: 'image', |
|||
}, |
|||
|
|||
{ |
|||
label: '跳转路径', |
|||
// type: 'html', |
|||
name: 'httpUrl', |
|||
// format: (value, data) => { |
|||
// return `H5：${data.httpUrl || '--'}<br />小程序：${data.appletsUrl || '--'}`; |
|||
// }, |
|||
}, |
|||
{ |
|||
label: '按钮文字', |
|||
name: 'buttonText', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
title: '投放规则', |
|||
items: [ |
|||
{ |
|||
label: '投放时间', |
|||
name: 'pileCode', |
|||
format: (value, data) => { |
|||
return ( |
|||
dateUtil(data.startTime).format('YYYY-MM-DD HH:mm:ss') + |
|||
'~' + |
|||
dateUtil(data.endTime).format('YYYY-MM-DD HH:mm:ss') |
|||
); |
|||
}, |
|||
}, |
|||
{ |
|||
label: '开屏广告排序', |
|||
name: 'field', |
|||
}, |
|||
{ |
|||
label: '推送频次', |
|||
name: 'pushFrequency', |
|||
format: (value, data) => { |
|||
return ['', '每次进入', '', '每次启动', '每日首次启动'][value]; |
|||
}, |
|||
}, |
|||
{ |
|||
label: '展示时间', |
|||
name: 'customFrequencyValue', |
|||
format: (value, data) => { |
|||
return value + '秒'; |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
]); |
|||
|
|||
return { |
|||
detail, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,226 +0,0 @@ |
|||
<!-- @format --> |
|||
|
|||
<template> |
|||
<ns-view-list-table v-bind="tableConfig" :model="data" rowKey="uuid"> |
|||
<template #bodyCell="{ record, column }"> |
|||
<template v-if="column.dataIndex === 'status'"> |
|||
<a-badge v-bind="checkStatus[record.status]" /> |
|||
</template> |
|||
</template> |
|||
</ns-view-list-table> |
|||
</template> |
|||
<script> |
|||
import { defineComponent, reactive } from 'vue'; |
|||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|||
|
|||
export default defineComponent({ |
|||
name: 'OpenScreenManageIndex', |
|||
setup() { |
|||
const data = reactive({}); |
|||
const tableConfig = { |
|||
title: '开屏广告管理', |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/openScreenList', |
|||
params: { |
|||
page: 0, |
|||
pageSize: 10, |
|||
}, |
|||
rowSelection: null, |
|||
// scroll: { x: 1000 }, |
|||
columns: [ |
|||
{ |
|||
title: '开屏广告名称', |
|||
// width: 100, |
|||
dataIndex: 'name', |
|||
}, |
|||
{ |
|||
title: '投放时间段', |
|||
// width: 110, |
|||
textNumber: 20, |
|||
dataIndex: 'applyTime', |
|||
customRender: ({ text, record }) => { |
|||
return `${dateUtil(record.startTime).format('YYYY-MM-DD HH:mm:ss')}~${dateUtil( |
|||
record.endTime, |
|||
).format('YYYY-MM-DD HH:mm:ss')}`; |
|||
}, |
|||
}, |
|||
{ |
|||
title: '开屏广告排序', |
|||
textNumber: 12, |
|||
dataIndex: 'field', |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
dataIndex: 'status', |
|||
textNumber: 11, |
|||
}, |
|||
], |
|||
columnActions: { |
|||
title: '操作', |
|||
// width: 40, |
|||
// textNumber: 2, |
|||
actionNumber: 2, |
|||
autoMergeAction: false, |
|||
// fixed: 'right', |
|||
actions: [ |
|||
{ |
|||
label: '编辑', |
|||
name: 'OpenScreenManageEdit', |
|||
dynamicParams: ['uuid', 'status'], |
|||
ifShow: ({ status }) => status !== 2 && status !== 3 && status !== 5, |
|||
route: '/contentManage/systemManage/openScreenManage/edit', |
|||
}, |
|||
{ |
|||
label: '查看', |
|||
name: 'OpenScreenManageDetail', |
|||
dynamicParams: ['uuid', 'pushCrowd'], |
|||
ifShow: ({ status }) => status === 3 || status === 2 || status === 5, |
|||
route: '/contentManage/systemManage/openScreenManage/detail', |
|||
}, |
|||
{ |
|||
label: '审批', |
|||
name: 'OpenScreenManageDetailCheck', |
|||
dynamicParams: ['uuid', 'pushCrowd', 'status'], |
|||
ifShow: ({ status }) => status === 5, |
|||
route: '/contentManage/systemManage/openScreenManage/detailCheck', |
|||
}, |
|||
{ |
|||
label: '失效', |
|||
dynamicParams: 'uuid', |
|||
ifShow: ({ status }) => status === 0 || status === 4, |
|||
name: 'OpenScreenManageInvalidation', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/invalidationOpenScreen', |
|||
}, |
|||
{ |
|||
label: '删除', |
|||
dynamicParams: 'uuid', |
|||
ifShow: ({ status }) => status !== 0 && status !== 4 && status !== 5, |
|||
name: 'OpenScreenManageRemove', |
|||
confirm: true, |
|||
isReload: true, |
|||
api: '/api/op_com/objs/admin/AdvertisingMarketingOper/deleteOpenScreen', |
|||
}, |
|||
], |
|||
}, |
|||
headerActions: [ |
|||
{ |
|||
label: '新增', |
|||
name: 'OpenScreenManageAdd', |
|||
type: 'primary', |
|||
route: '/contentManage/systemManage/openScreenManage/add', |
|||
}, |
|||
], |
|||
formConfig: { |
|||
schemas: [ |
|||
{ |
|||
field: 'name', |
|||
label: '开屏广告名称', |
|||
component: 'NsInput', |
|||
componentProps: { |
|||
placeholder: '请输入', |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'time', |
|||
label: '投放时间段', |
|||
component: 'NsRangePicker', |
|||
fieldMap: ['startTime', 'endTime'], |
|||
componentProps: { |
|||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
|||
format: 'YYYY-MM-DD HH:mm:ss', |
|||
showTime: true, |
|||
'show-time': { |
|||
hideDisabledOptions: true, |
|||
defaultValue: [ |
|||
dateUtil('00:00:00', 'HH:mm:ss'), |
|||
dateUtil('23:59:59', 'HH:mm:ss'), |
|||
], |
|||
}, |
|||
}, |
|||
}, |
|||
{ |
|||
field: 'status', |
|||
label: '状态', |
|||
component: 'NsSelect', |
|||
defaultValue: '', |
|||
componentProps: { |
|||
options: [ |
|||
{ |
|||
label: '全部', |
|||
value: '', |
|||
}, |
|||
{ |
|||
label: '进行中', |
|||
value: 0, |
|||
}, |
|||
{ |
|||
label: '存草稿', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '已结束', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '已失效', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '未开始', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '待审核', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '审核驳回', |
|||
value: 6, |
|||
}, |
|||
], |
|||
}, |
|||
}, |
|||
], |
|||
params: {}, |
|||
}, |
|||
rowKey: 'uuid', |
|||
}; |
|||
const checkStatus = [ |
|||
{ |
|||
status: 'processing', |
|||
text: '进行中', |
|||
}, |
|||
{ |
|||
status: 'error', |
|||
text: '存草稿', |
|||
}, |
|||
{ |
|||
status: 'default', |
|||
text: '已结束', |
|||
}, |
|||
{ |
|||
color: '#000000', |
|||
text: '已失效', |
|||
}, |
|||
{ |
|||
status: 'success', |
|||
text: '未开始', |
|||
}, |
|||
{ |
|||
status: 'error', |
|||
text: '待审核', |
|||
}, |
|||
{ |
|||
color: '#000000', |
|||
text: '审核驳回', |
|||
}, |
|||
]; |
|||
return { |
|||
tableConfig, |
|||
data, |
|||
checkStatus, |
|||
}; |
|||
}, |
|||
}); |
|||
</script> |
|||
@ -1,51 +0,0 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"allowJs": true, |
|||
"baseUrl": "./", |
|||
"esModuleInterop": true, |
|||
"forceConsistentCasingInFileNames": true, |
|||
"jsx": "preserve", |
|||
"lib": ["esnext", "dom"], |
|||
"module": "esnext", |
|||
"moduleResolution": "node", |
|||
"noUnusedLocals": true, |
|||
"noUnusedParameters": true, |
|||
"paths": { |
|||
"/@/*": [ |
|||
"src/*" |
|||
], |
|||
"/nerv-lib/*": [ |
|||
"../lib/*" |
|||
], |
|||
"/nerv-base/*": [ |
|||
"../lib/saas/*" |
|||
], |
|||
"/type/*": [ |
|||
"../type/*" |
|||
] |
|||
}, |
|||
"resolveJsonModule": true, |
|||
"skipLibCheck": true, |
|||
"sourceMap": true, |
|||
"strict": true, |
|||
"strictFunctionTypes": false, |
|||
"target": "esnext", |
|||
"typeRoots": [ |
|||
"../node_modules/@types", |
|||
"../node_modules/@vue", |
|||
"../type" |
|||
], |
|||
"types": ["vite/client"] |
|||
}, |
|||
"include": [ |
|||
"src/**/*", |
|||
"type/**/*", |
|||
"mock/**/*", |
|||
"vite.config.ts" |
|||
], |
|||
"exclude": [ |
|||
"node_modules", |
|||
"dist", |
|||
"**/*.js" |
|||
] |
|||
} |
|||
@ -1,43 +0,0 @@ |
|||
/** @format */ |
|||
|
|||
import configFun from '../build/vite-default.config'; |
|||
const dirname = __dirname; |
|||
const proxy = { |
|||
'/api/web': { |
|||
// target: 'http://100.73.156.51:8080/api',
|
|||
target: 'http://100.86.13.179:8080/api', |
|||
|
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/api\/web/, ''), |
|||
}, |
|||
'/api/content': { |
|||
target: 'http://100.86.13.144:8088/api', |
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/api\/content/, ''), |
|||
}, |
|||
'/api/op_com': { |
|||
target: 'http://100.86.13.109:8082/api', |
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/api\/op_com/, ''), |
|||
}, |
|||
'/api/fileunify': { |
|||
// target: 'http://100.73.156.51:8082/api',
|
|||
target: 'http://100.86.13.37:8085/api', |
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/api\/fileunify/, ''), |
|||
}, |
|||
'/api/community': { |
|||
// target: 'http://100.73.156.51:8080/api',
|
|||
target: 'http://100.86.13.13:8080/api', |
|||
// target: 'http://100.86.13.123:8082/api',
|
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/api\/community/, ''), |
|||
}, |
|||
'/qa': { |
|||
target: 'http://100.86.13.179:8080/qa', |
|||
// target: 'http://100.86.13.206:8081/qa',
|
|||
changeOrigin: true, |
|||
rewrite: (path) => path.replace(/^\/qa/, ''), |
|||
}, |
|||
}; |
|||
export default configFun({ dirname, proxy, serviceMode: 'saas', baseDir: '../' }); |
|||
@ -1,10 +0,0 @@ |
|||
# port |
|||
VITE_PORT = 3301 |
|||
#mode |
|||
VITE_GLOB_APP_RUN_TYPE = saas |
|||
|
|||
# spa-title |
|||
VITE_GLOB_APP_TITLE = Smart Parking Depositor |
|||
|
|||
# spa shortname |
|||
VITE_GLOB_APP_SHORT_NAME = smart-parking-depositor |
|||
@ -1,22 +0,0 @@ |
|||
# Whether to open mock |
|||
VITE_USE_MOCK = true |
|||
|
|||
# public path |
|||
VITE_PUBLIC_PATH = / |
|||
|
|||
# Cross-domain proxy, you can configure multiple |
|||
# Please note that no line breaks http://100.73.70.51 |
|||
|
|||
#VITE_PROXY = {"/community":{ "target":"http://100.73.70.51","changeOrigin": true,"prependPath":false},"/parking":{ "target":"http://100.73.70.246:8080","changeOrigin": true,"iprependPath":false}} |
|||
# VITE_PROXY=[["/api","http://100.73.70.51"],["/parking","http://100.73.70.246:8080"]] |
|||
# Delete console |
|||
VITE_DROP_CONSOLE = false |
|||
|
|||
# Basic interface address SPA |
|||
VITE_GLOB_API_URL=/basic-api |
|||
|
|||
# File upload address， optional |
|||
VITE_GLOB_UPLOAD_URL=/upload |
|||
|
|||
# Interface prefix |
|||
VITE_GLOB_API_URL_PREFIX= |
|||
@ -1,35 +0,0 @@ |
|||
# Whether to open mock |
|||
VITE_USE_MOCK = true |
|||
|
|||
# public path |
|||
VITE_PUBLIC_PATH = / |
|||
|
|||
# Delete console |
|||
VITE_DROP_CONSOLE = true |
|||
|
|||
# Whether to enable gzip or brotli compression |
|||
# Optional: gzip | brotli | none |
|||
# If you need multiple forms, you can use `,` to separate |
|||
VITE_BUILD_COMPRESS = 'none' |
|||
|
|||
# Whether to delete origin files when using compress, default false |
|||
VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false |
|||
|
|||
# Basic interface address SPA |
|||
VITE_GLOB_API_URL=/basic-api |
|||
|
|||
# File upload address， optional |
|||
# It can be forwarded by nginx or write the actual address directly |
|||
VITE_GLOB_UPLOAD_URL=/upload |
|||
|
|||
# Interface prefix |
|||
VITE_GLOB_API_URL_PREFIX= |
|||
|
|||
# Whether to enable image compression |
|||
VITE_USE_IMAGEMIN= true |
|||
|
|||
# use pwa |
|||
VITE_USE_PWA = false |
|||
|
|||
# Is it compatible with older browsers |
|||
VITE_LEGACY = false |
|||
@ -1 +0,0 @@ |
|||
2.1.19 |
|||
@ -1,74 +0,0 @@ |
|||
#!/bin/bash |
|||
SOURCE="$0" |
|||
while [ -h "$SOURCE" ]; do # resolve $SOURCE until the file is no longer a symlink |
|||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|||
SOURCE="$(readlink "$SOURCE")" |
|||
[[ $SOURCE != /* ]] && SOURCE="$DIR/$SOURCE" # if $SOURCE was a relative symlink, we need to resolve it relative to the path where the symlink file was located |
|||
done |
|||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|||
|
|||
if [ -z $WORKSPACE ];then |
|||
echo "WORKSPACE not exists" |
|||
else |
|||
set DIR=$WORKSPACE |
|||
fi |
|||
|
|||
echo "current dir" |
|||
echo "$DIR" |
|||
|
|||
cd "$DIR" |
|||
projectname=$(basename `pwd`) |
|||
|
|||
npm run parking-build |
|||
|
|||
if [ -d "$DIR/dist" ];then |
|||
|
|||
cd "$DIR/dist" |
|||
|
|||
# copy module.json |
|||
cp ../module.json ./ |
|||
|
|||
# package |
|||
VERSION=$(cat ../.version) |
|||
lastdir=../release/ |
|||
if [ -d ${lastdir} ];then |
|||
echo "删除旧release文件夹" |
|||
rm -rf ${lastdir} |
|||
else |
|||
echo "文件夹不存在！" |
|||
fi |
|||
mkdir -p ${lastdir} |
|||
|
|||
dir=../release/nerv/$projectname/$VERSION |
|||
mkdir -p ${dir} |
|||
tar -zcvf "${dir}/$projectname-$VERSION.tgz" ./* |
|||
|
|||
templatedir=../release/resources/templates/nerv/$projectname/$VERSION/$projectname |
|||
mkdir -p ${templatedir} |
|||
cp -r ../resources/templates/* ${templatedir} |
|||
|
|||
cd ../ |
|||
|
|||
releasefile=nerv-$projectname-$VERSION.tgz |
|||
if [ -f ${releasefile} ];then |
|||
echo "删除旧包！" |
|||
rm -rf ${releasefile} |
|||
fi |
|||
|
|||
tar -zcvf ${releasefile} ./release/* release.yaml |
|||
|
|||
mkdir -p ./release/nervui |
|||
cp -r ./release/nerv/* ./release/nervui |
|||
|
|||
if [ -f ${releasefile} ];then |
|||
echo "编译成功！" |
|||
mv ${releasefile} ./release |
|||
else |
|||
echo "编译失败!!!" |
|||
exit 1 |
|||
fi |
|||
|
|||
else |
|||
echo "编译失败!!!" |
|||
exit 1 |
|||
fi |
|||
@ -1,24 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<link rel="icon" href="/favicon.ico" /> |
|||
<meta name="referrer" content="never" /> |
|||
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" /> |
|||
<link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css" /> |
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script> |
|||
<script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script> --> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<script type="text/javascript"> |
|||
window._AMapSecurityConfig = { |
|||
securityJsCode: '09e43004c09d39c0e61f8fd65d5e6a5a', |
|||
}; |
|||
</script> |
|||
<title>smart-parking</title> |
|||
</head> |
|||
<body> |
|||
<div id="app"></div> |
|||
<script type="module" src="./src/main.ts"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -1,95 +0,0 @@ |
|||
import type { MockConfig, MockMethod } from 'vite-plugin-mock'; |
|||
|
|||
import { getRequestToken, resultError, resultSuccess } from '/nerv-base/util/mock'; |
|||
|
|||
const fakeUserList = [ |
|||
{ |
|||
userId: '1', |
|||
username: 'vben', |
|||
realName: 'Vben Admin', |
|||
avatar: '', |
|||
desc: 'manager', |
|||
password: '123456', |
|||
accessToken: 'fakeAdminToken', |
|||
homePath: '/dashboard', |
|||
roles: [ |
|||
{ |
|||
roleName: 'Super Admin', |
|||
value: 'super', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
userId: '2', |
|||
username: 'test', |
|||
password: '123456', |
|||
realName: 'test user', |
|||
avatar: '', |
|||
desc: 'tester', |
|||
accessToken: 'fakeTestToken', |
|||
homePath: '/dashboard/workbench', |
|||
roles: [ |
|||
{ |
|||
roleName: 'Tester', |
|||
value: 'test', |
|||
}, |
|||
], |
|||
}, |
|||
]; |
|||
|
|||
export default (_config: MockConfig): MockMethod[] => { |
|||
return [ |
|||
{ |
|||
url: '/req-api/login', |
|||
timeout: 200, |
|||
method: 'post', |
|||
response: ({ body }) => { |
|||
const { username, password } = body; |
|||
const checkUser = fakeUserList.find( |
|||
(item) => item.username === username && password === item.password, |
|||
); |
|||
if (!checkUser) { |
|||
return resultError('Incorrect account or password！'); |
|||
} |
|||
const { userId, username: _username, accessToken, realName, desc, roles } = checkUser; |
|||
return resultSuccess({ |
|||
roles, |
|||
userId, |
|||
username: _username, |
|||
accessToken, |
|||
realName, |
|||
desc, |
|||
}); |
|||
}, |
|||
}, |
|||
{ |
|||
url: '/req-api/getUserInfo', |
|||
method: 'get', |
|||
timeout: 100, |
|||
response: (request) => { |
|||
const token = getRequestToken(request) || 'fakeAdminToken'; |
|||
if (!token) return resultError('Invalid token'); |
|||
const checkUser = fakeUserList.find((item) => item.accessToken === token); |
|||
if (!checkUser) { |
|||
return resultError('The corresponding user information was not obtained!'); |
|||
} |
|||
const { accessToken: _token, password: _pwd, ...rest } = checkUser; |
|||
return resultSuccess(rest); |
|||
}, |
|||
}, |
|||
{ |
|||
url: '/req-api/logout', |
|||
timeout: 200, |
|||
method: 'get', |
|||
response: (request) => { |
|||
const token = getRequestToken(request); |
|||
if (!token) return resultError('Invalid token'); |
|||
const checkUser = fakeUserList.find((item) => item.accessToken === token); |
|||
if (!checkUser) { |
|||
return resultError('Invalid token!'); |
|||
} |
|||
return resultSuccess(undefined, { message: 'Token has been destroyed' }); |
|||
}, |
|||
}, |
|||
]; |
|||
}; |
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue