Compare commits

..

7 Commits

@ -1,12 +1,11 @@
# 页面标题
VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
VUE_APP_TITLE = 若依管理系统
# 开发环境配置
ENV = 'development'
# 若依管理系统/开发环境
# VUE_APP_BASE_API = 'http://192.168.0.112:9115'
VUE_APP_BASE_API = 'http://39.101.188.84:9115'
VUE_APP_BASE_API = 'http://192.168.0.108:9015'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
VUE_CLI_BABEL_TRANSPILE_MODULES = true

@ -1,9 +1,8 @@
# 页面标题
VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
VUE_APP_TITLE = 若依管理系统
# 生产环境配置
ENV = 'production'
# 若依管理系统/生产环境
VUE_APP_BASE_API = 'http://39.101.188.84:9115'
# VUE_APP_BASE_API = 'http://20.1.0.164/api'
VUE_APP_BASE_API = '/prod-api'

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
VUE_APP_TITLE = 若依管理系统
NODE_ENV = production

@ -1,7 +1,7 @@
{
"name": "ruoyi",
"version": "3.8.8",
"description": "太仓市网络和数据资产采集管理系统",
"description": "若依管理系统",
"author": "若依",
"license": "MIT",
"scripts": {
@ -40,7 +40,7 @@
"axios": "0.28.1",
"clipboard": "2.0.8",
"core-js": "3.37.1",
"echarts": "^5.4.0",
"echarts": "5.4.0",
"element-ui": "2.15.14",
"file-saver": "2.0.5",
"fuse.js": "6.4.3",

@ -26,15 +26,6 @@ export function listUnitdw(query) {
})
}
// 新增资产查询单位列表
export function unitAllList(params){
return request({
url: '/tc/unit/allList',
method: 'get',
params
})
}
// 删除单位
export function delUnit(unitId) {
return request({
@ -83,373 +74,4 @@ export function deleteAssetInfo(id) {
method: 'delete',
})
}
// 小程序资产
// 分页查询
export function miniProgramsList(params){
return request({
url: '/tc/miniPrograms',
method: 'get',
params
})
}
// 新增/修改 资产列表
export function assetMiniPrograms(method,data) {
return request({
url: '/tc/miniPrograms',
method: method,
data
})
}
// 查询详情
export function miniProgramsInfo(id) {
return request({
url: '/tc/miniPrograms/' + id,
method: 'get',
})
}
// 删除
export function deleteMiniPrograms(id) {
return request({
url: '/tc/miniPrograms/delete/' + id,
method: 'delete',
})
}
// 公众号资产
// 分页查询
export function assetOfficialAccountList(params){
return request({
url: '/tc/assetOfficialAccount',
method: 'get',
params
})
}
// 新增/修改 资产列表
export function assetOfficialAccount(method,data) {
return request({
url: '/tc/assetOfficialAccount',
method: method,
data
})
}
// 查询详情
export function assetOfficialAccountInfo(id) {
return request({
url: '/tc/assetOfficialAccount/' + id,
method: 'get',
})
}
// 删除
export function deleteAssetOfficialAccount(id) {
return request({
url: '/tc/assetOfficialAccount/delete/' + id,
method: 'delete',
})
}
// 电子邮件资产
// 分页查询
export function assetEmailList(params){
return request({
url: '/tc/assetEmail',
method: 'get',
params
})
}
// 新增/修改 资产列表
export function assetEmail(method,data) {
return request({
url: '/tc/assetEmail',
method: method,
data
})
}
// 查询详情
export function assetEmailInfo(id) {
return request({
url: '/tc/assetEmail/' + id,
method: 'get',
})
}
// 删除
export function deleteAssetEmail(id) {
return request({
url: '/tc/assetEmail/delete/' + id,
method: 'delete',
})
}
// 移动应用程序资产
// 分页查询
export function assetAppList(params){
return request({
url: '/tc/assetApp',
method: 'get',
params
})
}
// 新增/修改 资产列表
export function assetApp(method,data) {
return request({
url: '/tc/assetApp',
method: method,
data
})
}
// 查询详情
export function assetAppInfo(id) {
return request({
url: '/tc/assetApp/' + id,
method: 'get',
})
}
// 删除
export function deleteAssetApp(id) {
return request({
url: '/tc/assetApp/delete/' + id,
method: 'delete',
})
}
// 领导端admin修改密码
export function editPassword(id) {
return request({
url:"/tc/unit/edit/" + id,
method:"get"
})
}
// 根据资产类型获取组织架构
export function schema(type){
return request({
url:"/tc/schema",
method:"get",
params:type
})
}
// -----------------------------------------
// web资产--单位端资产编辑
export function unitEdit(data){
return request({
url:"/tc/assetCurrent/unitEdit",
method:"post",
data
})
}
// web资产--管理端资产审核
export function assetAudit(data){
return request({
url:"/tc/assetCurrent/audit",
method:"post",
data
})
}
// web资产--分页查询管理端/单位端审核列表
export function getAuditList(params){
return request({
url:"/tc/assetCurrent/getAuditList",
method:"get",
params
})
}
// web资产--单位端查看中间数据详情
export function lookInfo(id){
return request({
url:"/tc/assetCurrent/lookInfo/" + id,
method:"get",
})
}
// ------------------------------------------
// 小程序资产--单位端资产编辑
export function miniProgramsUnitEdit(data){
return request({
url:"/tc/miniPrograms/unitEdit",
method:"post",
data
})
}
// 小程序资产--管理端资产审核
export function miniProgramsAudit(data){
return request({
url:"/tc/miniPrograms/audit",
method:"post",
data
})
}
// 小程序资产--分页查询管理端/单位端审核列表
export function miniProgramsGetAuditList(params){
return request({
url:"/tc/miniPrograms/getAuditList",
method:"get",
params
})
}
// 小程序资产--单位端查看中间数据详情
export function miniProgramsLookInfo(id){
return request({
url:"/tc/miniPrograms/lookInfo/" + id,
method:"get",
})
}
// ------------------------------------------
// 公众号资产--单位端资产编辑
export function gzhUnitEdit(data){
return request({
url:"/tc/assetOfficialAccount/unitEdit",
method:"post",
data
})
}
// 公众号资产--管理端资产审核
export function gzhAudit(data){
return request({
url:"/tc/assetOfficialAccount/audit",
method:"post",
data
})
}
// 公众号资产--分页查询管理端/单位端审核列表
export function gzhGetAuditList(params){
return request({
url:"/tc/assetOfficialAccount/getAuditList",
method:"get",
params
})
}
// 公众号资产--单位端查看中间数据详情
export function gzhLookInfo(id){
return request({
url:"/tc/assetOfficialAccount/lookInfo/" + id,
method:"get",
})
}
// ------------------------------------------
// 电子邮件资产--单位端资产编辑
export function EmailUnitEdit(data){
return request({
url:"/tc/assetEmail/unitEdit",
method:"post",
data
})
}
// 电子邮件资产--管理端资产审核
export function EmailAudit(data){
return request({
url:"/tc/assetEmail/audit",
method:"post",
data
})
}
// 电子邮件资产--分页查询管理端/单位端审核列表
export function EmailList(params){
return request({
url:"/tc/assetEmail/getAuditList",
method:"get",
params
})
}
// 电子邮件资产--单位端查看中间数据详情
export function EmailLookInfo(id){
return request({
url:"/tc/assetEmail/lookInfo/" + id,
method:"get",
})
}
// ------------------------------------------
// 移动应用系统资产--单位端资产编辑
export function assetAppUnitEdit(data){
return request({
url:"/tc/assetApp/unitEdit",
method:"post",
data
})
}
// 移动应用系统资产--管理端资产审核
export function AppAudit(data){
return request({
url:"/tc/assetApp/audit",
method:"post",
data
})
}
// 移动应用系统资产--分页查询管理端/单位端审核列表
export function AppList(params){
return request({
url:"/tc/assetApp/getAuditList",
method:"get",
params
})
}
// 移动应用系统资产--单位端查看中间数据详情
export function AppLookInfo(id){
return request({
url:"/tc/assetApp/lookInfo/" + id,
method:"get",
})
}
// 单位查看自己单位具体信息
export function unitOwnInfo(){
return request({
url:"/tc/schema/unitOwnInfo",
method:"get",
})
}
// 单位修改自己单位具体信息
export function unitEditOwn(data){
return request({
url:"/tc/schema/unitEditOwn",
method:"post",
data
})
}

@ -78,122 +78,4 @@ export function addassetTaskadd(data) {
method: "get",
params,
})
}
//小程序详情
export function assetTaskminitaskSh(params) {
return request({
url: `/unit/assetTask/minitaskSh`,
method: "get",
params,
})
}
//公众号资产任务审核详情信息
export function assetTaskofficetaskSh(params) {
return request({
url: `/unit/assetTask/officetaskSh`,
method: "get",
params,
})
}
//移动应用程序资产
export function assetTaskapptaskSh(params) {
return request({
url: `/unit/assetTask/apptaskSh`,
method: "get",
params,
})
}
//电子邮件资产任务审核详情信息
export function assetTaskemailtaskSh(params) {
return request({
url: `/unit/assetTask/emailtaskSh`,
method: "get",
params,
})
}
//小程序审核报废
export function assetTaskxcxzc(data) {
return request({
url: `/unit/assetTask/xcxzc`,
method: "post",
data,
})
}
//公众号审核报废
export function assetTaskgzhzc(data) {
return request({
url: `/unit/assetTask/gzhzc`,
method: "post",
data,
})
}
//电子邮件审核报废
export function assetTaskemailzc(data) {
return request({
url: `/unit/assetTask/emailzc`,
method: "post",
data,
})
}
//电子邮件tijiao
export function assetTaskemailjyTj(data) {
return request({
url: `/unit/assetTask/emailjyTj`,
method: "post",
data,
})
}
//移动应用审核报废
export function assetTaskappzc(data) {
return request({
url: `/unit/assetTask/appzc`,
method: "post",
data,
})
}
//移动应用审核报废
export function assetTaskappjyTj(data) {
return request({
url: `/unit/assetTask/appjyTj`,
method: "post",
data,
})
}
//小程序单位端校验提交
export function assetTaskxcxjyTj(data) {
return request({
url: `/unit/assetTask/xcxjyTj`,
method: "post",
data,
})
}
//小程序单位端校验提交
export function assetTaskgzhjyTj(data) {
return request({
url: `/unit/assetTask/gzhjyTj`,
method: "post",
data,
})
}
//关闭任务
export function assetTaskclose(params) {
return request({
url: `/unit/assetTask/close`,
method: "get",
params,
})
}
//管理端-单位核查比例图
export function assetTaskdwHcBl(data) {
return request({
url: `/unit/assetTask/dwHcBl`,
method: "post",
data,
})
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

@ -155,17 +155,13 @@
height: 100%;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.info-left {
.info-left{
flex: 5;
}
.info-right {
.info-right{
flex: 1;
}
.info-right {
margin-left: 10px;
@ -200,15 +196,12 @@
display: flex;
align-items: center;
margin-bottom: 40px;
.left-box {
position: relative;
.main-img {
width: 45px;
margin-right: 20px;
}
.icon-jt {
position: absolute;
width: 15px;
@ -222,7 +215,6 @@
display: flex;
flex-direction: column;
justify-content: space-between;
.span-title {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -230,7 +222,6 @@
color: #192734;
margin-bottom: 8px;
}
.span-time {
font-family: Alibaba PuHuiTiR;
font-weight: 400;
@ -318,14 +309,14 @@
div {
padding: 10px;
padding: 5px 15px;
border: 1px solid #e0dddd;
padding: 10px 20px;
border: 1px solid #F5F5F5;
font-weight: 400;
font-family: Alibaba PuHuiTiR;
font-size: 14px;
color: #000000;
color: #192733;
border-bottom: none;
background-color: #e0dddd;
background-color: #F5F5F5;
cursor: pointer;
margin-right: 10px;
}
@ -435,7 +426,7 @@
overflow-y: scroll;
.assets-info-top {
height: calc(100% - 20px);
height: 100%;
.top-title-box {
font-weight: 700;
@ -460,7 +451,6 @@
}
.el-select,
.el-autocomplete,
.el-date-editor,
.el-cascader {
width: 100%;
@ -521,7 +511,7 @@ input[aria-hidden="true"] {
box-shadow: none;
}
.bottomclass {
.bottomclass{
text-align: center;
background-color: #fff;
}
}

@ -57,13 +57,10 @@
.sever-TITLE {
text-align: center;
font-family: Alimama ShuHeiTi;
// font-weight: bold;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
overflow: hidden;
padding: 10px 10px 0 10px;
box-sizing: border-box;
line-height: 50px;
}
}

@ -40,11 +40,12 @@ export default {
//
let sidebarRouters = this.sidebarRouters
let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
if(matched[0].path == "/assetsAuth" ) {
// ----
const activeRoute = sidebarRouters.filter(item => item.path == '/assetsManage')
const childrenRoute = activeRoute[0].children;
this.levelList = [activeRoute[0],childrenRoute[Number(matched[0].meta.type)],matched[0]]
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'assets')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else if(matched[0].path == "/taskInfo" || matched[0].path == "/taskAudit") {
// ----/
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'task')
@ -55,9 +56,8 @@ export default {
this.levelList = [activeRoute[0].children[0],matched[0]]
} else if(matched[0].path == "/myAssetsAuth") {
// ----
const activeRoute = sidebarRouters.filter(item => item.path == '/myAssets')
const childrenRoute = activeRoute[0].children;
this.levelList = [activeRoute[0],childrenRoute[Number(matched[0].meta.type)],matched[0]]
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'myAssets')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else if(matched[0].path == "/taskAuditInfo") {
// ------
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'task')
@ -71,17 +71,9 @@ export default {
const twoActiveRoute = route[0].children.filter(item => item.path == "mytaskInfo")
this.levelList = [activeRoute[0].children[0],twoActiveRoute[0],matched[0]]
} else if(matched[0].path == "/unitAuth" ) {
// ----//
// ----
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'unit')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else if(matched[0].path == "/assetsAuthRecord"){
// ----/
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'assetRecord')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else if(matched[0].path == "/unitAssetsAuth") {
// ----/
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'unitFill')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else {
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
}
@ -94,19 +86,12 @@ export default {
return name.trim() === 'Index'
},
handleLink(item) {
const { redirect, path } = item
if (redirect) {
this.$router.push(redirect)
return
}
if(path == "assets" || path == "program" || path == "officialAccount" || path == "email" || path == "mobileApplication") {
this.$router.push("assetsManage/" + path)
return;
}
if(path == "myWebAssets" || path == "myProgram" || path == "myOfficialAccount" || path == "myEmail" || path == "myMobileApplication") {
this.$router.push("myAssets/" + path)
return;
}
this.$router.push(path)
}
}

@ -48,7 +48,7 @@ export default {
min-height: calc(100vh - 100px);
}
.fixed-header+.app-main {
.fixed-header + .app-main {
padding-top: 84px;
}
}
@ -63,8 +63,8 @@ export default {
}
::-webkit-scrollbar {
width: 6px;
height: 8px;
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track {
@ -75,5 +75,4 @@ export default {
background-color: #c0c0c0;
border-radius: 3px;
}
</style>

@ -1,7 +1,7 @@
<template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<!-- :collapse="isCollapse" -->
<div class="sever-TITLE">太仓市网络和数据资产采集管理系统</div>
<div class="sever-TITLE">太仓资产管理系统</div>
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<!-- :collapse="isCollapse" -->
<el-menu

@ -31,10 +31,10 @@
<i class="el-icon-caret-bottom" />
</div>
<el-dropdown-menu slot="dropdown">
<!-- <router-link to="/user/profile">
<router-link to="/user/profile">
<el-dropdown-item>个人中心</el-dropdown-item>
</router-link> -->
<el-dropdown-item @click.native="logout">
</router-link>
<el-dropdown-item divided @click.native="logout">
<span>退出登录</span>
</el-dropdown-item>
</el-dropdown-menu>
@ -101,8 +101,7 @@ export default {
type: 'warning'
}).then(() => {
this.$store.dispatch('LogOut').then(() => {
// location.href = '/login';
this.$router.replace("/login");
location.href = '/index';
})
}).catch(() => {});
},

@ -1,18 +1,16 @@
<template>
<!-- :class="classObj" -->
<div class="app-wrapper" :style="{ '--current-color': theme }">
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar v-if="!sidebar.hide" class="sidebar-container" />
<div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
<div :class="{ 'fixed-header': fixedHeader }" class="tags-view-class">
<tags-view v-if="needTagsView" />
<div class="app-wrapper" :style="{'--current-color': theme}">
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<sidebar v-if="!sidebar.hide" class="sidebar-container"/>
<div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
<div :class="{'fixed-header':fixedHeader}" class="tags-view-class">
<tags-view v-if="needTagsView"/>
</div>
<app-main />
<app-main/>
<right-panel>
<settings />
<settings/>
</right-panel>
<div class="dibutishi"><span>主办单位</span>中共太仓市委网信办 <span class="kongge"></span> <span>技术支持单位</span>杭州安恒信息技术股份有限公司
</div>
</div>
</div>
</template>
@ -73,78 +71,60 @@ export default {
this.$store.dispatch('LogOut').then(() => {
location.href = '/index';
})
}).catch(() => { });
}).catch(() => {});
}
}
}
</script>
<style lang="scss" scoped>
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
&.mobile.openSidebar {
position: fixed;
top: 0;
}
}
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
&.mobile.openSidebar {
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: calc(100% - #{$base-sidebar-width});
transition: width 0.28s;
}
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: calc(100% - #{$base-sidebar-width});
transition: width 0.28s;
}
.tags-view-class {
display: flex;
align-items: center;
}
.hideSidebar .fixed-header {
width: calc(100% - 54px);
}
.sidebarHide .fixed-header {
width: 100%;
}
.mobile .fixed-header {
width: 100%;
}
.dibutishi {
width: 100%;
text-align: center;
font-size: 14px;
margin-top: 5px;
color: #909399;
.tags-view-class {
display: flex;
align-items: center;
}
.kongge {
margin: 0 10px;
.hideSidebar .fixed-header {
width: calc(100% - 54px);
}
span {
color: #909399;
.sidebarHide .fixed-header {
width: 100%;
}
.mobile .fixed-header {
width: 100%;
}
}
</style>

@ -11,7 +11,6 @@ NProgress.configure({ showSpinner: false })
const whiteList = ['/login', '/register']
router.beforeEach((to, from, next) => {
NProgress.start()
if (getToken()) {
to.meta.title && store.dispatch('settings/setTitle', to.meta.title)

@ -77,8 +77,7 @@ export const constantRoutes = [
path: 'assetsAuth',
component: () => import('@/views/auditPages/assetsManagement/assetsAuth'),
name: 'AssetsAuth',
// meta: { title: '新增资产', icon: 'user', activeMenu: "/assets" }
meta: { title: '新增资产', icon: 'user', activeMenu: "/assetsManage/assets" }
meta: { title: '新增资产', icon: 'user', activeMenu: "/assets" }
},{
path: 'taskInfo',
component: () => import('@/views/auditPages/taskManagement/info'),
@ -113,22 +112,12 @@ export const constantRoutes = [
path: 'myAssetsAuth',
component: () => import('@/views/unitPages/myAssets/assetsAuth'),
name: 'myAssetsAuth',
meta: { title: '资产详情', icon: 'user', activeMenu: "/myAssetsAuth/myWebAssets" }
meta: { title: '资产详情', icon: 'user', activeMenu: "/myAssets" }
},{
path: 'unitAuth',
component: () => import('@/views/auditPages/unitManagement/index'),
name: 'UnitAuth',
meta: { title: '新增单位', icon: 'user', activeMenu: "/unit" }
},{
path: 'assetsAuthRecord',
component: () => import('@/views/unitPages/assetRecord/assetsAuth'),
name: 'assetsAuthRecord',
meta: { title: '资产填报记录', icon: 'user', activeMenu: "/assetRecord" }
},{
path: 'unitAssetsAuth',
component: () => import('@/views/auditPages/unitAutonomicFill/assetsAuth'),
name: 'unitAssetsAuth',
meta: { title: '资产修改', icon: 'user', activeMenu: "/unitFill" }
}
]
},
@ -236,7 +225,7 @@ Router.prototype.replace = function push(location) {
}
export default new Router({
// mode: 'history', // 去掉url中的#
mode: 'history', // 去掉url中的#
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})

@ -63,7 +63,7 @@ const user = {
return new Promise((resolve, reject) => {
getInfo().then(res => {
const user = res.user
const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/touxiang.png") : process.env.VUE_APP_BASE_API + user.avatar;
const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLES', res.roles)
commit('SET_PERMISSIONS', res.permissions)

@ -16,7 +16,6 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
const service = axios.create({
// axios中请求配置有baseURL选项表示请求URL公共部分
baseURL: process.env.VUE_APP_BASE_API,
// baseURL: process.env.NODE_ENV === "production" ? location.origin + '/api' : process.env.VUE_APP_BASE_API,
// 超时
timeout: 50000
})
@ -88,7 +87,7 @@ service.interceptors.response.use(res => {
MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
isRelogin.show = false;
store.dispatch('LogOut').then(() => {
location.href = '/login';
location.href = '/index';
})
}).catch(() => {
isRelogin.show = false;

File diff suppressed because it is too large Load Diff

@ -1,397 +0,0 @@
<!-- 资产管理 -- 电子邮件 -->
<template>
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="电子邮箱后缀:" prop="dzyxhz">
<el-input v-model="formInline.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" />
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> -->
</el-table-column>
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="邮件系统状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.yjxtzc == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;">
关停
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import { assetEmailList, deleteAssetEmail, schema } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx'],
components:{myPagination},
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label"
},
formInline:{
dzyxhz:"",
dwmc:"",
startTime:"",
endTime:"",
current:1,
size:10,
},
time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
//
upload: {
//
open: false,
//
title: "电子邮件资产导入",
//
isUploading: false,
//
updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_BASE_API + "/tc/assetEmail/importData"
// url: location.origin + "/api/tc/assetEmail/importData"
},
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
/** 查询部门下拉树结构 */
getDeptTree() {
schema({type:3}).then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList(){
this.loading = true;
assetEmailList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
this.time = [];
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
if(this.time) {
this.formInline.startTime = this.time[0]
this.formInline.endTime = this.time[1]
}
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/assetEmail/export', {
...this.formInline
}, `电子邮件资产${new Date().getTime()}.xlsx`)
},
/** 下载模板操作 */
importTemplate() {
this.download('/tc/assetEmail/importTemplate', {
}, `电子邮件资产导入模板${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
//
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
this.getList();
},
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleAdd(){
this.$router.push({name: 'AssetsAuth',query: {
pageType: "add",
type:3,
}})
},
//
goInfo(row,id){
if(id == 1) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "look",
type:3,
id:row.id,
queryData:this.formInline
}})
} else if(id == 2) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "change",
type:3,
id:row.id,
queryData:this.formInline
}})
} else if(id == 3) {
const userIds = row.id;
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
return deleteAssetEmail(userIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
},
//
edit(){
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -1,235 +1,206 @@
<!-- 资产管理 -- web系统 -->
<!-- 资产管理 -->
<template>
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="8">
<el-form-item label="系统名称:" prop="xtmc">
<el-input v-model="formInline.xtmc" placeholder="请输入系统名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统类型:" prop="xtlx">
<el-select v-model="formInline.xtlx" placeholder="请选择系统类型">
<el-option
v-for="dict in dict.type.zc_xtlx"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="formInline.time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="7">
<el-form-item label="系统名称:" prop="xtmc">
<el-input v-model="formInline.xtmc" placeholder="请输入系统名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="系统类型:" prop="xtlx">
<el-select v-model="formInline.xtlx" placeholder="请选择系统类型">
<el-option
v-for="dict in dict.type.zc_xtlx"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="formInline.time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9" style="text-align: right;padding-right: 35px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="系统名称" key="xtmc" width="200px" prop="xtmc" align="center" />
<el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
</template>
</el-table-column>
<el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> -->
</el-table-column>
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="系统状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.xtzt == 1" style="color: #16B771;">
已安装
</span>
<span v-if="scope.row.xtzt == 2" style="color: #F58A0C;">
测试中
</span>
<span v-if="scope.row.xtzt == 3" style="color: #1485EF;">
使用中
</span>
<span v-if="scope.row.xtzt == 4" style="color: #29A07A;">
维护中
</span>
<span v-if="scope.row.xtzt == 5" style="color: #F50C0C;">
关停
</span>
<span v-if="scope.row.xtzt == 6" style="color: #F50C0C;">
备用
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="系统名称" key="xtmc" width="200px" prop="xtmc" align="center" />
<el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
</template>
</el-table-column>
<el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> -->
</el-table-column>
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="系统状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.xtzt == 1" style="color: #16B771;">
已安装
</span>
<span v-if="scope.row.xtzt == 2" style="color: #F58A0C;">
测试中
</span>
<span v-if="scope.row.xtzt == 3" style="color: #1485EF;">
使用中
</span>
<span v-if="scope.row.xtzt == 4" style="color: #29A07A;">
维护中
</span>
<span v-if="scope.row.xtzt == 5" style="color: #F50C0C;">
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div>
</el-dialog>
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-col>
</el-row>
</el-dialog>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index";
import { assetUnit, deleteAssetInfo } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx'],
components:{myPagination},
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label"
},
formInline:{
xtmc:"",
xtlx:"",
@ -250,7 +221,7 @@ export default {
//
open: false,
//
title: "web资产导入",
title: "资产导入",
//
isUploading: false,
//
@ -259,17 +230,11 @@ export default {
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_BASE_API + "/tc/assetCurrent/import"
// url: location.origin + "/api/tc/assetCurrent/importData"
},
}
},
mounted(){
// console.log(this.$route.params,"params");
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
@ -277,22 +242,6 @@ export default {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
/** 查询部门下拉树结构 */
getDeptTree() {
schema({type:0}).then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList(){
this.loading = true;
@ -305,8 +254,6 @@ export default {
//
resetQuery(){
this.resetForm("queryForm");
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
@ -333,12 +280,12 @@ export default {
handleExport(){
this.download('/tc/assetCurrent/export', {
...this.formInline
}, `web资产${new Date().getTime()}.xlsx`)
}, `资产${new Date().getTime()}.xlsx`)
},
/** 下载模板操作 */
importTemplate() {
this.download('/tc/assetCurrent/importTemplate', {
}, `web资产导入模板${new Date().getTime()}.xlsx`)
}, `资产导入模板${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
@ -360,7 +307,6 @@ export default {
handleAdd(){
this.$router.push({name: 'AssetsAuth',query: {
pageType: "add",
type:0,
}})
},
//
@ -368,16 +314,12 @@ export default {
if(id == 1) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "look",
type:0,
id:row.id,
queryData:this.formInline,
id:row.id
}})
} else if(id == 2) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "change",
type:0,
id:row.id,
queryData:this.formInline,
id:row.id
}})
} else if(id == 3) {
const userIds = row.id;

@ -1,423 +0,0 @@
<!-- 资产管理 -- 移动应用系统 -->
<template>
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="移动应用名称:" prop="yymc">
<el-input v-model="formInline.yymc" placeholder="请输入移动应用名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="移动应用名称" key="appName" prop="appName" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="icp备案状态" key="dwmc" prop="dwmc" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template>
</el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="移动应用系统状态" key="status" prop="status" class-name="table-status" align="center">
<!-- <template slot-scope="scope">
<span v-if="scope.row.icpState == 1" style="color: #F58A0C;">
未备案
</span>
<span v-if="scope.row.icpState == 2" style="color: #16B771;">
已备案
</span>
<span v-if="scope.row.icpState == 3" style="color: #1485EF;">
非网站系统
</span>
</template> -->
<template slot-scope="scope">
<span v-if="scope.row.appState == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.appState == 2" style="color: #F58A0C;">
注销
</span>
<span v-if="scope.row.appState == 3" style="color: #1485EF;">
迁移
</span>
<span v-if="scope.row.appState == 4" style="color: #29A07A;">
受限
</span>
<span v-if="scope.row.appState == 5" style="color: #F50C0C;">
违规
</span>
<span v-if="scope.row.appState == 6" style="color: #F58A0C;">
未知
</span>
<span v-if="scope.row.appState == 7" style="color: #F50C0C;">
关停
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import { assetAppList, deleteAssetApp, schema } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx'],
components:{myPagination},
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label"
},
formInline:{
dwmc:"",
yymc:"",
startTime:"",
endTime:"",
current:1,
size:10,
},
time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
//
upload: {
//
open: false,
//
title: "移动应用程序资产导入",
//
isUploading: false,
//
updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData"
// url: location.origin + "/api/tc/assetApp/importData"
},
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
/** 查询部门下拉树结构 */
getDeptTree() {
schema({type:4}).then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList(){
this.loading = true;
assetAppList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
this.time = [];
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
if(this.time) {
this.formInline.startTime = this.time[0]
this.formInline.endTime = this.time[1]
}
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/assetApp/export', {
...this.formInline
}, `移动应用程序资产${new Date().getTime()}.xlsx`)
},
/** 下载模板操作 */
importTemplate() {
this.download('/tc/assetApp/importTemplate', {
}, `移动应用程序资产导入模板${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
//
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
this.getList();
},
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleAdd(){
this.$router.push({name: 'AssetsAuth',query: {
pageType: "add",
type:4,
}})
},
//
goInfo(row,id){
if(id == 1) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "look",
type:4,
id:row.id,
queryData:this.formInline
}})
} else if(id == 2) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "change",
type:4,
id:row.id,
queryData:this.formInline
}})
} else if(id == 3) {
const userIds = row.id;
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
return deleteAssetApp(userIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
},
//
edit(){
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -1,409 +0,0 @@
<!-- 资产管理 -- 公众号 -->
<template>
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="公众号名称:" prop="gzhmc">
<el-input v-model="formInline.gzhmc" placeholder="请输入公众号名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="公众号状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.gzhzt == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
注销
</span>
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
迁移
</span>
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
受限
</span>
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
违规
</span>
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
未知
</span>
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
关停
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import { assetOfficialAccountList, deleteAssetOfficialAccount, schema } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx'],
components:{myPagination},
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label"
},
formInline:{
gzhmc:"",
dwmc:"",
startTime:"",
endTime:"",
current:1,
size:10,
},
time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
//
upload: {
//
open: false,
//
title: "公众号资产导入",
//
isUploading: false,
//
updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_BASE_API + "/tc/assetOfficialAccount/importData"
// url: location.origin + "/api/tc/assetOfficialAccount/importData"
},
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
/** 查询部门下拉树结构 */
getDeptTree() {
schema({type:2}).then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList(){
this.loading = true;
assetOfficialAccountList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
this.time = [];
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
if(this.time) {
this.formInline.startTime = this.time[0]
this.formInline.endTime = this.time[1]
}
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/assetOfficialAccount/export', {
...this.formInline
}, `公众号资产${new Date().getTime()}.xlsx`)
},
/** 下载模板操作 */
importTemplate() {
this.download('/tc/assetOfficialAccount/importTemplate', {
}, `公众号资产导入模板${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
//
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
this.getList();
},
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleAdd(){
this.$router.push({name: 'AssetsAuth',query: {
pageType: "add",
type:2,
}})
},
//
goInfo(row,id){
if(id == 1) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "look",
type:2,
id:row.id,
queryData:this.formInline
}})
} else if(id == 2) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "change",
type:2,
id:row.id,
queryData:this.formInline
}})
} else if(id == 3) {
const userIds = row.id;
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
return deleteAssetOfficialAccount(userIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
},
//
edit(){
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -1,407 +0,0 @@
<!-- 资产管理 -- 小程序 -->
<template>
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="小程序名称:" prop="xcxmc">
<el-input v-model="formInline.xcxmc" placeholder="请输入小程序名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="小程序状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="16" style="text-align: right;padding-right: 30px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
</template> -->
</el-table-column>
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> -->
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> -->
<el-table-column label="小程序状态" key="state" prop="state" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.state == 2" style="color: #F58A0C;">
注销
</span>
<span v-if="scope.row.state == 3" style="color: #1485EF;">
迁移
</span>
<span v-if="scope.row.state == 4" style="color: #29A07A;">
受限
</span>
<span v-if="scope.row.state == 5" style="color: #F50C0C;">
违规
</span>
<span v-if="scope.row.state == 6" style="color: #F58A0C;">
未知
</span>
<span v-if="scope.row.state == 7" style="color: #F50C0C;">
关停
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import { miniProgramsList, deleteMiniPrograms, schema } from "@/api/auditPagesApi/index";
export default {
dicts: ['gzh_state'],
components:{myPagination},
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label"
},
formInline:{
dwmc:"",
xcxmc:"",
startTime:"",
endTime:"",
current:1,
size:10,
},
time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
//
upload: {
//
open: false,
//
title: "小程序资产导入",
//
isUploading: false,
//
updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_BASE_API + "/tc/miniPrograms/importData"
// url: location.origin + "/api/tc/miniPrograms/importData"
},
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
/** 查询部门下拉树结构 */
getDeptTree() {
schema({type:1}).then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList(){
this.loading = true;
miniProgramsList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
this.time = [];
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
if(this.time) {
this.formInline.startTime = this.time[0]
this.formInline.endTime = this.time[1]
}
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/miniPrograms/export', {
...this.formInline
}, `小程序资产${new Date().getTime()}.xlsx`)
},
/** 下载模板操作 */
importTemplate() {
this.download('/tc/miniPrograms/importTemplate', {
}, `小程序资产导入模板${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
//
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
this.getList();
},
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleAdd(){
this.$router.push({name: 'AssetsAuth',query: {
pageType: "add",
type:1,
}})
},
//
goInfo(row,id){
if(id == 1) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "look",
type:1,
id:row.id,
queryData:this.formInline
}})
} else if(id == 2) {
this.$router.push({name: 'AssetsAuth',query: {
pageType: "change",
type:1,
id:row.id,
queryData:this.formInline
}})
} else if(id == 3) {
const userIds = row.id;
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
return deleteMiniPrograms(userIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
},
//
edit(){
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -27,7 +27,7 @@
</div>
<div class="info-cut-off-rule" id="L-tab">
<div class="left-tab" :class="index == 1 ? 'active-tab':''" @click="activeTab(1)"></div>
<div :class="index == 2 ? 'active-tab':''" @click="activeTab(2)"></div>
<div :class="index == 2 ? 'active-tab':''" @click="activeTab(2)"></div>
</div>
<div class="info-bottom-box">
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline" v-if="index == 1">
@ -97,13 +97,13 @@
<el-table-column label="核查单位" key="unit" prop="unit" align="center" />
<el-table-column label="审核状态" key="status" width="200px" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.status === 0" style="color: #67C23A;">
<span v-if="scope.row.status === 0" style="color: #a4c86c;">
审核通过
</span>
<span v-if="scope.row.status === 1" style="color: #F56C6C;">
<span v-if="scope.row.status === 1" style="color: #F43147;">
审核不通过
</span>
<span v-if="scope.row.status === 2" style="color: #E6A23C;">
<span v-if="scope.row.status === 2" style="color: #F59A23;">
待审核
</span>
</template>

@ -10,12 +10,10 @@
<el-input v-model="formInline.taskName" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="任务状态:">
<el-select v-model="formInline.taskStatus" placeholder="请选择">
<el-option label="已关闭" value="0">
</el-option>
<el-option label="进行中" value="1">
</el-option>
<el-option label="正常完成" value="2">
@ -38,7 +36,7 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item>
<el-form-item >
<!-- <el-date-picker v-model="formInline.time" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="请选择">
</el-date-picker> -->
@ -81,22 +79,19 @@
<el-table-column label="任务状态" key="taskStatus" width="200px" prop="taskStatus" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.taskStatus == 0" style="color: #F56C6C;">
已关闭
</span>
<span v-if="scope.row.taskStatus == 1" style="color: #E6A23C;">
<span v-if="scope.row.taskStatus == 1" style="color: #F58A0C;">
进行中
</span>
<span v-if="scope.row.taskStatus == 2" style="color: #67C23A;">
<span v-if="scope.row.taskStatus == 2" style="color: #76EE00;">
正常完成
</span>
<span v-if="scope.row.taskStatus == 3" style="color:#67C23A;">
<span v-if="scope.row.taskStatus == 3" style="color: #16B771;">
超期完成
</span>
<span v-if="scope.row.taskStatus == 4" style="color: #F56C6C;">
</span>
<span v-if="scope.row.taskStatus == 4" style="color: #1485EF;">
审核不通过
</span>
<span v-if="scope.row.taskStatus == 5" style="color: #F56C6C;">
<span v-if="scope.row.taskStatus == 5" style="color: #1485EF;">
审核驳回
</span>
</template>
@ -106,20 +101,14 @@
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
<span class="look-info"
style="color: #1485EF;">查看</span>
</div>
<!-- -->
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;" @click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">审核</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="guanbijiekou(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
<!-- -->
<!-- <img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;"> -->
<i class="el-icon-delete"></i>
<span class="del-info" style="color: #1485EF;">关闭</span>
<span class="del-info"
style="color: #1485EF;">审核</span>
</div>
</div>
</template>
@ -129,24 +118,15 @@
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
</main>
<my-dialog title="新增任务" @close="importClose" ref="taskDialog" class="taskDialogBox" width="43%">
<my-dialog title="新增任务" @close="importClose" ref="taskDialog" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-form-item label="任务名称" prop="taskName">
<el-input v-model="ruleForm.taskName" placeholder="请输入任务名称"></el-input>
</el-form-item>
<el-form-item label="核查资产类型" prop="type">
<el-checkbox-group v-model="ruleForm.type" @change="checkboxChange">
<el-checkbox label="0">web资产</el-checkbox>
<el-checkbox label="1">小程序资产</el-checkbox>
<el-checkbox label="2">公众号资产</el-checkbox>
<el-checkbox label="3">电子邮件资产</el-checkbox>
<el-checkbox label="4">移动应用程序资产</el-checkbox>
</el-checkbox-group>
<el-input v-model="ruleForm.taskName" placeholder="请输入单位名称"></el-input>
</el-form-item>
<el-form-item label="核查单位" prop="dwmc" class="select-box">
<el-col>
<el-col >
<el-select v-model="ruleForm.dwmc" placeholder="请选择核查单位" multiple collapse-tags>
</el-select>
</el-col>
@ -155,13 +135,12 @@
</el-col>
</el-form-item>
<el-form-item label="任务期限" prop="taskDeadline">
<el-date-picker type="datetime" placeholder="选择日期" v-model="ruleForm.taskDeadline" style="width: 100%;"
value-format="yyyy-MM-dd HH:mm:ss" default-time="23:59:59"
:picker-options="pickerOptions"></el-date-picker>
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.taskDeadline" style="width: 100%;"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('ruleForm')"></el-button>
<el-button type="primary" @click="submitForm('ruleForm')" :loading="btnloading">发布</el-button>
<el-button type="primary" @click="submitForm('ruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
@ -170,7 +149,7 @@
</my-dialog>
<div class="newTask-liebiao">
<my-dialog title="单位列表" ref="liebiaoDialog" @close="liebiaoClose" class="taskDialogBox" width="80%">
<my-dialog title="单位列表" ref="liebiaoDialog" class="taskDialogBox" width="80%">
<danweiList ref="danweiList" @adddanweilist="adddanweilist" @liebiaoClose="liebiaoClose"></danweiList>
</my-dialog>
</div>
@ -181,29 +160,13 @@
import myPagination from "@/views/components/Pagination/index.vue"
import myDialog from "@/views/components/myDialog/index.vue"
import danweiList from "@/views/system/user/danweiList.vue"
import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
import { addassetTaskadd, getassetTask, getassetTaskid } from "@/api/renwuApi/index.js"
export default {
// dicts: ['jjh_project_type', 'bms_approval_status', "project_middle_type", "project_small_type", "project_categories"],
components: { myPagination, myDialog, danweiList },
data() {
return {
pickerOptions: {
disabledDate(time) {
const date = new Date();
const oneday = date.getTime();
return time.getTime() < new Date().getTime() - 86400000;
},
selectableRange: (() => {
let data = new Date();
let hour = data.getHours();
let minute = data.getMinutes();
let second = data.getSeconds();
return [`${hour}:${minute}:${second} - 23:59:59`]
})(),
},
btnloading: false,
formInline: {
name: "",
type: "",
@ -225,11 +188,10 @@ export default {
taskName: "",
dwmc: [],
taskDeadline: "",
type: []
},
rules: {
taskName: [
{ required: true, message: '请输入', trigger: 'change' },
{ required: true, message: '请输入', trigger: 'blur' },
],
dwmc: [
{ required: true, message: '请选择', trigger: 'change' }
@ -237,124 +199,42 @@ export default {
taskDeadline: [
{ required: true, message: '请选择日期', trigger: 'change' }
],
type: [
{ required: true, message: '请选择', trigger: 'change' }
]
},
tabclicklist: [],
chanckList: [
{
lable: "0",
conent: "web资产"
},
{
lable: "1",
conent: "小程序资产"
},
{
lable: "2",
conent: "公众号资产"
},
{
lable: "3",
conent: "电子邮件资产"
},
{
lable: "4",
conent: "移动应用程序资产"
},
]
tabclicklist: []
}
},
mounted() {
if (localStorage.getItem('ismypagination')) {
if (JSON.parse(localStorage.getItem('ismypagination')).isfanhui) {
this.formInline = JSON.parse(localStorage.getItem('ismypagination'))
this.handleQuery()
} else {
localStorage.removeItem("ismypagination")
}
}
localStorage.removeItem("ismypaginationTow")
localStorage.removeItem("activeName")
this.getInfo();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
disabledDate(time) {
//
console.log(time);
return time.getTime() < Date.now() - 8.64e7; //
},
checkboxChange() {
console.log(111);
this.ruleForm.dwmc = []
this.tabclicklist = []
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 0);
},
//
resetForm() {
this.ruleForm = {
dwmc: [],
taskName: "",
taskDeadline: "",
type: []
}
this.$refs.taskDialog.close()
this.tabclicklist = []
this.btnloading = false
},
fonsisis(data) {
//
const specificTimeStr = data;
// Date
const specificTime = new Date(specificTimeStr);
//
const currentTime = new Date();
//
if (currentTime > specificTime) {
return false
} else {
return true
}
},
submitForm(formName) {
console.log(this.ruleForm.taskDeadline);
this.fonsisis(this.ruleForm.taskDeadline)
if (!this.fonsisis(this.ruleForm.taskDeadline)) {
this.$message.error('选择时间不能小于当前时间');
return false
}
this.$refs[formName].validate((valid) => {
if (valid) {
this.btnloading = true
this.ruleForm.dwmc = this.ruleForm.dwmc.join(",")
this.ruleForm.type = this.ruleForm.type.join(",")
addassetTaskadd(this.ruleForm).then(res => {
this.resetForm()
this.getInfo();
this.$modal.msgSuccess("新增成功");
this.btnloading = false
})
setTimeout(() => {
this.ruleForm.dwmc = this.ruleForm.dwmc.split(",")
this.ruleForm.type = this.ruleForm.type.split(",")
}, 0);
} else {
console.log('error submit!!');
@ -397,31 +277,21 @@ export default {
current: 1,
size: 10,
}
localStorage.removeItem("ismypagination")
this.getInfo();
},
//
addliebiao() {
console.log(this.ruleForm.type);
if (this.ruleForm.type.length > 0) {
this.$refs.liebiaoDialog.open()
this.$refs.liebiaoDialog.open()
setTimeout(() => {
this.$refs.danweiList.getList()
}, 100);
if (this.tabclicklist) {
setTimeout(() => {
this.$refs.danweiList.getType(this.ruleForm.type)
this.$refs.danweiList.getList()
this.$refs.danweiList.dakai(this.tabclicklist)
}, 100);
if (this.tabclicklist) {
setTimeout(() => {
this.$refs.danweiList.dakai(this.tabclicklist)
}, 100);
}
} else {
this.$message('请先选择核查资产类型');
}
},
liebiaoClose() {
this.$refs.danweiList.queryParams = {
@ -431,7 +301,7 @@ export default {
nickName: undefined,
dwlx: undefined,
},
this.$refs.liebiaoDialog.close()
this.$refs.liebiaoDialog.close()
},
//
@ -445,9 +315,6 @@ export default {
this.formInline.endTime = this.formInline.time[1]
}
this.pagination = { ...this.pagination, ...this.formInline };
this.formInline.isfanhui = false
localStorage.setItem("ismypagination", JSON.stringify(this.formInline))
this.getInfo();
},
//
@ -463,14 +330,10 @@ export default {
//
handleAdd() {
this.$refs.taskDialog.open()
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
},
//
importClose() {
this.resetForm()
},
//
goInfo(row) {
@ -478,7 +341,7 @@ export default {
this.$router.push({
name: 'TaskInfo', query: {
pageType: "look",
id: row.id
id:row.id
}
})
},
@ -487,43 +350,15 @@ export default {
this.$router.push({
name: 'TaskInfo', query: {
pageType: "info",
id: row.id
id:row.id
}
})
},
//
guanbijiekou(row) {
console.log(row);
this.$confirm('此操作将关闭任务, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
assetTaskclose({ taskId: row.id, taskName: row.taskName }).then(res => {
if (res.code == 200) {
this.$message({
type: 'success',
message: '关闭成功!'
});
this.getInfo();
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消关闭'
});
});
},
//
edit() {
},
//
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
@ -549,14 +384,7 @@ export default {
.el-icon-s-unfold {
font-size: 16px;
}
// ::v-deep .el-dialog__body{
// padding-left: 80px;
// }
.el-icon-delete {
color: #409EFF;
font-size: 16px;
font-weight: 600;
margin-right: 5px;
}
</style>

@ -3,47 +3,43 @@
<div class="info-left" id="L-size-main">
<div class="content-info" id="L-header">
<div class="info-title">任务详情</div>
<el-button type="primary" @click="sendBack" class="fanhuipiaofu" size='mini'>返回</el-button>
<div class="teshu-top-info">
<div class="top-info">
<el-row class="top-row">
<!-- <el-col :span="8">
<el-col :span="8">
任务编号<span>{{ titleInfoObj.id }}</span>
</el-col> -->
</el-col>
<el-col :span="8">
任务名称<span>{{ titleInfoObj.taskName }}</span>
</el-col>
<el-col :span="8">
任务状态<span>{{ taskstatus(titleInfoObj.taskStatus) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
任务期限<span>{{ titleInfoObj.taskDeadline }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
任务下发时间<span>{{ titleInfoObj.taskTime }}</span>
</el-col>
<el-col :span="16">
核查资产类型<span>{{ listTow.join(",") }}</span>
</el-col>
</el-row>
</div>
</div>
</div>
<div class="info-cut-off-rule" id="L-tab">
<div class="left-tab" :class="index == 1 ? 'active-tab' : ''" @click="activeTab(1)"></div>
<div :class="index == 2 ? 'active-tab' : ''" @click="activeTab(2)"></div>
<div :class="index == 2 ? 'active-tab' : ''" @click="activeTab(2)"></div>
</div>
<div class="info-bottom-box">
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline" v-if="index == 1">
<el-row>
<el-col :span="7">
<el-col :span="8">
<el-form-item label="核查单位:">
<el-input v-model="formInline.dwmc" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="9">
<el-col :span="9">
<el-form-item label="系统类型:">
<el-select v-model="formInline.xtlx" placeholder="请选择">
<el-option v-for="dict in dict.type.zc_xtlx" :key="dict.label" :label="dict.label"
@ -51,8 +47,8 @@
</el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="7">
</el-col>
<el-col :span="9">
<el-form-item label="审核状态:">
<el-select v-model="formInline.status" placeholder="请选择">
<el-option label="待核查" value="0">
@ -63,7 +59,7 @@
</el-option>
<el-option label="审核不通过" value="4">
</el-option>
<!-- <el-option label="已关停" value="5">
<!-- <el-option label="已报废" value="5">
</el-option> -->
</el-select>
</el-form-item>
@ -91,19 +87,6 @@
<!-- </el-select> -->
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="完成状态:">
<el-select v-model="formInlineTwo.taskStatus" placeholder="请选择">
<el-option label="进行中" value="1">
</el-option>
<el-option label="正常完成" value="2">
</el-option>
<el-option label="超期完成" value="3">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item>
<el-button size="mini" type="primary" @click="handleQuery()"></el-button>
@ -113,121 +96,76 @@
</el-row>
</el-form>
<section v-if="index == 1">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="item.conent" :name="item.lable" :xtmcName="item.xtmcName"
v-for="item in chanckListTow">
</el-tab-pane>
</el-tabs>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName">
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center" />
<!-- <el-table-column label="资产编号" key="id" width="200px" prop="id" align="center" /> -->
<el-table-column :label="xtmcName" key="xtmc" prop="xtmc" align="center" />
<!-- <el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<el-table-column label="系统名称" key="xtmc" prop="xtmc" align="center" />
<el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<template slot-scope="scope" >
<div v-if='scope.row.xtlx'>
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx" />
</div>
</template>
</el-table-column> -->
</el-table-column>
<el-table-column label="核查单位" key="zcdwmc" prop="zcdwmc" align="center" />
<el-table-column label="审核状态" key="status" width="200px" prop="status" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.status == 0" style="color: #e6a230;">
<span v-if="scope.row.status == 0" style="color: #F59A23;">
待核查
</span>
<span v-if="scope.row.status == 1" style="color: #E6A23C;">
<span v-if="scope.row.status == 1" style="color: #F43147;">
待审核
</span>
<span v-if="scope.row.status == 3" style="color: #67C23A;">
<span v-if="scope.row.status == 3" style="color: #00FF00;">
审核通过
</span>
<span v-if="scope.row.status == 4" style="color: #F56C6C;">
<span v-if="scope.row.status == 4" style="color: #C51717;">
审核不通过
</span>
<span v-if="scope.row.status == 5" style="color: #F56C6C;">
关停
<span v-if="scope.row.status == 5" style="color: #C51717;">
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(1, scope.row)"
v-if="scope.row.status != 1 || ($route.query.pageType == 'look' || $route.meta.pageType == 'look')">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(1,scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
<span class="look-info"
style="color: #1485EF;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 5px;"
@click="goInfo(2, scope.row)"
v-if="$route.query.pageType == 'info' || $route.meta.pageType == 'info'"
v-show='scope.row.status == 1'>
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 5px;" @click="goInfo(2,scope.row)" v-if="$route.query.pageType == 'info' || $route.meta.pageType == 'info'" v-show='scope.row.status == 1'>
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">审核</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 5px;"
@click="goInfo(3, scope.row)" v-show='scope.row.status == 4'>
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看原因</span>
<span class="look-info"
style="color: #1485EF;">审核</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<section v-if="index == 2" class="shuangchongbox">
<div class="shuangchongboxleftbox" :class="isshow ? '' : 'shuangchongboxleftboxShow'">
<div style="margin-bottom: 10px;">
<el-button size="mini" type="primary" @click="daochu()"></el-button>
</div>
<el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName" style="width: 100%">
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="单位名称" key="dwmc" width="150px" prop="dwmc" align="center" />
<el-table-column label="完成状态" key="taskStatus" prop="taskStatus" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.taskStatus == 0" style="color: #F56C6C;">
已关闭
</span>
<span v-if="scope.row.taskStatus == 1" style="color: #E6A23C;">
进行中
</span>
<span v-if="scope.row.taskStatus == 2" style="color: #67C23A;">
正常完成
</span>
<span v-if="scope.row.taskStatus == 3" style="color:#67C23A;">
超期完成
</span>
<span v-if="scope.row.taskStatus == 4" style="color: #F56C6C;">
审核不通过
</span>
<span v-if="scope.row.taskStatus == 5" style="color: #F56C6C;">
审核驳回
</span>
</template>
</el-table-column>
<el-table-column label="核查资产数量" key="total" width="120px" prop="total" align="center" />
<el-table-column label="待核查数量" key="total" width="120px" prop="notChecked" align="center" />
<el-table-column label="待审批数量" key="total" width="120px" prop="dsp" align="center" />
<el-table-column label="完成数量" key="checked" prop="checked" align="center">
<!-- <template slot-scope="scope">
<section v-if="index == 2">
<el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="单位名称" key="dwmc" width="200px" prop="dwmc" align="center" />
<el-table-column label="核查资产数量" key="total" prop="total" align="center" />
<el-table-column label="完成数量" key="checked" prop="checked" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> -->
</el-table-column>
<!-- <el-table-column label="未完成数量" key="wwcsl" prop="notChecked" align="center" /> -->
<el-table-column label="审核退回次数" key="wwcsl" width="180px" prop="shthcs" align="center" />
<el-table-column label="完成比例" key="checkedRatio" prop="checkedRatio" align="center">
<template slot-scope="scope">
<span style="color: #192A92;">{{ scope.row.checkedRatio }}%</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="shouqiwenzi" @click="shouqiisis">{{ isshow ? "" : '' }}>></div>
<div v-show="isshow" class="myEcharts" id="myEcharts" ref="myEcharts" :style="{ height: tabHeader }">
<!-- 123 -->
</div>
</el-table-column>
<el-table-column label="未完成数量" key="wwcsl" prop="notChecked" align="center" />
<el-table-column label="未完成比例" key="checkedRatio" width="200px" prop="checkedRatio" align="center">
<template slot-scope="scope">
<span style="color: #192A92;">{{ scope.row.checkedRatio }}%</span>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
@ -236,48 +174,39 @@
<div class="info-right" v-if="$route.query.pageType == 'look' || $route.meta.pageType == 'look'">
<div class="info-title">任务流程节点</div>
<div class="timeline">
<div class="timeline-items" v-for="(item, index) in timeLineData">
<div class="timeline-items" v-for="(item,index) in timeLineData">
<div class="left-box">
<img class="main-img" :src="returnidimg(item.assetName)" alt="">
<img class="main-img" :src="returnidimg(item.assetName)" alt="">
<!-- <img class="main-img" v-if="item.status == 2" src="" alt="">
<img class="main-img" v-if="item.status == 3" src="" alt="">
<img class="main-img" v-if="item.status == 4" src="" alt=""> -->
<img class="icon-jt" v-if="(index + 1) != timeLineData.length" src="@/assets/images/icon-jt@2x.png" alt="">
</div>
<div class="right-box">
<span class="span-title">{{ item.assetName }}:</span>
<span class="span-title" >{{item.assetName}}:</span>
<span class="span-time">{{ item.xfTime }}</span>
</div>
</div>
</div>
</div>
<my-dialog title="查看原因" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
<el-descriptions>
<el-descriptions-item label="不通过原因">
{{ chakanyuanyin }}
</el-descriptions-item>
</el-descriptions>
</my-dialog>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import { getassetTaskid, geassetTaskcHc, assetTaskdwHc, assetLcpage, assetTaskdwHcBl } from "@/api/renwuApi/index.js"
import myDialog from "@/views/components/myDialog/index.vue"
import * as echarts from 'echarts';
import { getassetTaskid, geassetTaskcHc,assetTaskdwHc,assetLcpage,assetLcpageList } from "@/api/renwuApi/index.js"
export default {
dicts: ['zc_xtlx'],
components: { myPagination, myDialog },
components: { myPagination },
data() {
return {
index: 1,
formInline: {
xtlx:""
},
formInlineTwo: {
dwmc: "",
taskStatus: ""
},
total: 0,
pagination: {
@ -293,109 +222,23 @@ export default {
loading: false,
tabHeader: undefined,
timeLineData: [],
titleInfoObj: {},
chakanyuanyin: "",
activeName: "0",
xtmcName: "系统名称",
chanckList: [
{
lable: "0",
conent: "web资产",
xtmcName: "系统名称",
},
{
lable: "1",
conent: "小程序资产",
xtmcName: "小程序名称",
},
{
lable: "2",
conent: "公众号资产",
xtmcName: "公众号名称",
},
{
lable: "3",
conent: "电子邮件资产",
xtmcName: "电子邮箱后缀",
},
{
lable: "4",
conent: "移动应用程序资产",
xtmcName: "移动应用程序名称",
},
],
chanckListTow: [],
listTow: [],
option: null,
myChart: null,
isshow: true,
echartsdata: [
{ value: 0, name: '进行中', taskStatus: "1" },
{ value: 0, name: '正常完成', taskStatus: "2" },
{ value: 0, name: '超期完成', taskStatus: "3" },
]
titleInfoObj: {}
}
},
mounted() {
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
//
this.titleInfo()
//
this.assetLcpageList()
//
this.getEchartsdata()
if (localStorage.getItem('ismypaginationTow')) {
if (JSON.parse(localStorage.getItem('ismypaginationTow')).isfanhuiTow) {
this.formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
this.titleInfo()
} else {
localStorage.removeItem("ismypaginationTow")
}
}
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
sendBack() {
if (localStorage.getItem('ismypagination')) {
let formInline = JSON.parse(localStorage.getItem('ismypagination'))
formInline.isfanhui = true
localStorage.setItem("ismypagination", JSON.stringify(formInline))
}
this.$router.go(-1);
},
shouqiisis() {
console.log(123);
this.isshow = !this.isshow
// this.myEchartsis()
},
//
daochu() {
this.formInlineTwo.taskId = this.$route.query.id
this.download('/unit/assetTask/export', {
...this.formInlineTwo
}, `单位完成情况${new Date().getTime()}.xlsx`)
},
//tab
handleClick(tab, event) {
this.activeName = tab.name
this.xtmcName = tab.$attrs.xtmcName,
localStorage.setItem("activeName", this.activeName)
this.handleQuery()
},
//
returnidimg(iswenzi) {
returnidimg(iswenzi){
// let obj = {
// '':require('@/assets/images/rwxf.png'),
// "":require('@/assets/images/wctj.png'),
@ -405,41 +248,39 @@ export default {
let listsna = [
{
name: "下发",
imgdata: require('@/assets/images/rwxf.png'),
}, {
name: "提交",
imgdata: require('@/assets/images/wctj.png'),
}, {
name: "不通过",
imgdata: require('@/assets/images/shbh.png'),
}, {
name: "审核通过",
imgdata: require('@/assets/images/shtg.png'),
}, {
name: "驳回",
imgdata: require('@/assets/images/shbh.png'),
name:"下发",
imgdata:require('@/assets/images/rwxf.png'),
},{
name:"提交",
imgdata:require('@/assets/images/wctj.png'),
},{
name:"不通过",
imgdata:require('@/assets/images/shbh.png'),
},{
name:"审核通过",
imgdata:require('@/assets/images/shtg.png'),
},{
name:"驳回",
imgdata:require('@/assets/images/shbh.png'),
}
]
let item = listsna.find(item => iswenzi.includes(item.name))
if (item) {
return item.imgdata
} else {
return require('@/assets/images/wctj.png')
}
let item = listsna.find(item=>iswenzi.includes(item.name))
if(item){
return item.imgdata
}else{
return require('@/assets/images/wctj.png')
}
},
//
assetLcpageList() {
assetLcpageList(){
let obj = {
taskId: this.$route.query.id || this.$route.meta.id
taskId:this.$route.query.id || this.$route.meta.id
}
assetLcpage(obj).then(res => {
assetLcpage(obj).then(res=>{
this.timeLineData = res.data
})
},
importClose() { },
goInfo(type, row) {
//
if (type == 1) {
@ -447,8 +288,7 @@ export default {
name: 'taskAuditInfo', query: {
pageType: "look",
taskId: row.taskId,
assetId: row.id,
type: this.activeName,
assetId:row.id
}
})
@ -459,26 +299,17 @@ export default {
name: 'taskAuditInfo', query: {
pageType: "change",
taskId: row.taskId,
assetId: row.id,
type: this.activeName,
zcdwmc: row.zcdwmc,
taskInfo: 'taskInfo'
assetId:row.id
}
})
}
//
if (type == 3) {
this.chakanyuanyin = row.btgyy
this.$refs.liebiaoDialog.open()
}
// getassetTaskid(row.id)
},
taskstatus(id) {
if (id) {
let obj = {
0: "已关闭",
1: "进行中",
2: "正常完成", 3: "超期完成", 4: "正常完成", 5: "审核驳回"
}
@ -487,65 +318,29 @@ export default {
return "-"
}
},
titleInfoObjtype(type = "0,1") {
console.log(type);
let list = type.split(",")
this.listTow = []
this.chanckListTow = []
this.chanckList.forEach(res => {
list.forEach(element => {
if (element == res.lable) {
this.listTow.push(res.conent)
this.chanckListTow.push(res)
}
});
})
this.activeName = this.chanckListTow[0].lable
// this.xtmcName = tab.$attrs.xtmcName
if (localStorage.getItem("activeName")) {
this.activeName = localStorage.getItem("activeName")
localStorage.setItem("activeName", this.activeName)
}
let listname = this.chanckListTow.filter(item => item.lable == this.activeName)
if (listname) {
this.xtmcName = listname[0].xtmcName
}
this.handleQuery();
},
titleInfo() {
// console.log(this.$route.query);
getassetTaskid(this.$route.query.id || this.$route.meta.id).then(res => {
if (res.code == 200) {
this.titleInfoObj = res.data
this.titleInfoObjtype(this.titleInfoObj.type)
}
})
},
//
resetQuery() {
this.activeName = this.chanckListTow[0].lable
this.xtmcName = "系统名称",
this.pagination = {
current: 1,
size: 10,
type: this.activeName,
}
this.pagination = {
current: 1,
size: 10,
}
if (this.index == 1) {
this.formInline = {
type: this.activeName,
xtlx:""
}
localStorage.removeItem("ismypaginationTow")
this.getList();
} else if (this.index == 2) {
this.formInlineTwo = {
dwmc: "",
taskStatus: ""
}
this.getListTwo();
}
@ -555,14 +350,9 @@ export default {
this.pagination = {
current: 1,
size: 10,
type: this.activeName,
}
if (this.index == 1) {
this.pagination = { ...this.pagination, ...this.formInline };
this.formInline.isfanhuiTow = false
localStorage.setItem("ismypaginationTow", JSON.stringify(this.formInline))
this.getList();
} else if (this.index == 2) {
this.pagination = { ...this.pagination, ...this.formInlineTwo };
@ -586,15 +376,9 @@ export default {
this.total = 0
this.index = id
console.log(id);
this.resetQuery()
if (id == 2) {
setTimeout(() => {
this.myEchartsis()
}, 100);
}
},
getList() {
this.loading = true
@ -606,78 +390,15 @@ export default {
})
},
getListTwo() {
getListTwo() {
this.loading = true
this.pagination.taskId = this.$route.query.id || this.$route.meta.id
assetTaskdwHc(this.pagination).then(res => {
assetTaskdwHc(this.pagination).then(res=>{
this.tableDataTwo = res.data.records
this.total = res.data.total
this.loading = false
})
},
//Echarts
getEchartsdata() {
assetTaskdwHcBl({ taskId: this.$route.query.id }).then(res => {
if (res.code == 200) {
let datalsit = res.data
this.echartsdata.forEach(res => {
datalsit.forEach(datares => {
if (res.taskStatus == datares.taskStatus) {
res.value = datares.count
}
})
})
// this.echartsdata = this.echartsdata.filter(item => item.value != "");
}
})
},
myEchartsis() {
// var chartDom = document.querySelector('.myEcharts');
console.log(this.$refs.myEcharts);
this.myChart = echarts.init(this.$refs.myEcharts);
this.option = {
legend: {
top: 'bottom'
},
toolbox: {
show: true,
},
tooltip: {
trigger: 'item',
formatter: '{b}{c}({d}%)'
},
series: [
{
name: 'Access From',
type: 'pie',
radius: '50%',
data: this.echartsdata,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
this.option && this.myChart.setOption(this.option);
this.myChart.on('click', (params) => {
// params
console.log(params.data.taskStatus);
this.formInlineTwo.taskStatus = params.data.taskStatus
this.handleQuery()
//
});
},
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
@ -695,16 +416,15 @@ export default {
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
const tabHeight = tab.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 160;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 120;
}
},
beforeRouteEnter(to, from, next) {
if (to.query.pageType == 'info') {
beforeRouteEnter(to,from,next){
if(to.query.pageType == 'info') {
to.meta.title = '任务审核'
to.meta.pageType = to.query.pageType
to.meta.id = to.query.id
} else if (to.query.pageType == 'look') {
} else if(to.query.pageType == 'look') {
to.meta.title = '任务详情'
to.meta.pageType = to.query.pageType
to.meta.id = to.query.id
@ -723,52 +443,6 @@ export default {
padding-right: 3px;
}
.look-info {}
::v-deep .el-dialog {
margin-top: 20vh !important;
}
.shuangchongbox {
width: 100%;
display: flex;
position: relative;
.shuangchongboxleftbox {
width: 70%;
}
.shuangchongboxleftboxShow {
width: 100%;
}
.myEcharts {
width: 30%;
// height: 100%;
}
}
.shouqiwenzi {
position: absolute;
top: 10px;
right: -30px;
width: 100px;
font-size: 14px;
font-weight: bold;
color: #409EFF;
cursor: pointer;
z-index: 999;
}
.content-info {
position: relative;
}
.fanhuipiaofu {
position: absolute;
right: 20px;
top: 10px;
.look-info {
}
</style>

@ -1,53 +0,0 @@
<template>
<assetsTypeOne :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
<assetsTypeTwo :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
<assetsTypeThree :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
<assetsTypeFour :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
<assetsTypeFive :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
</template>
<script>
// web
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
//
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
//
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
//
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
//
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
export default {
name: "AssetsAuth",
components:{
assetsTypeOne,
assetsTypeTwo,
assetsTypeThree,
assetsTypeFour,
assetsTypeFive,
},
data() {
return {
}
},
beforeRouteEnter(to,from,next){
to.meta.type = to.query.type
if(to.meta.pageType == 'look') {
to.meta.title = '查看资产'
} else if(to.meta.pageType == 'change'){
to.meta.title = '审批资产'
}
// if(to.meta.type == 0) {
// to.meta.activeMenu = "/assetRecord/myWebAssets"
// } else if(to.meta.type == 1) {
// to.meta.activeMenu = "/assetRecord/myProgram"
// } else if(to.meta.type == 2) {
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
// } else if(to.meta.type == 3) {
// to.meta.activeMenu = "/assetRecord/myEmail"
// } else if(to.meta.type == 4) {
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
// }
next();
},
}
</script>

@ -1,401 +0,0 @@
<!-- 单位自主填报 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="formInlineRef" :model="pagination" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="资产名称:" prop="name">
<el-input v-model="pagination.name" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="pagination.dwmc" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="审核状态:" prop="auditState">
<el-select v-model="pagination.auditState" placeholder="请选择审核状态">
<el-option label="待审核" value="1" />
<el-option label="审核通过" value="2" />
<el-option label="审核驳回" value="3" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<el-row class="mb8">
<el-col>
<div class="exportBtn">
<div class="mybuttom"
:class="btnShow == item.value ? 'mybuttomshow' : ''"
v-for="(item, index) in btnArr"
@click="xuanzelist(item)">
{{ item.label }}
</div>
</div>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="资产名称" key="xtmc" prop="xtmc" align="center" v-if="btnShow == 'web'" />
<el-table-column label="所属单位" key="dwmc" prop="dwmc" align="center" v-if="btnShow == 'web'" />
<el-table-column label="资产名称" key="xcxmc" prop="xcxmc" align="center" v-if="btnShow == 'xcx'" />
<el-table-column label="资产名称" key="gzhmc" prop="gzhmc" align="center" v-if="btnShow == 'gzh'" />
<el-table-column label="资产名称" key="dzyxhz" prop="dzyxhz" align="center" v-if="btnShow == 'emil'" />
<el-table-column label="资产名称" key="appName" prop="appName" align="center" v-if="btnShow == 'app'" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" v-if="btnShow !== 'web'" />
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center" v-if="btnShow == 'gzh'">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_ptlx_type" :value="scope.row.ptlx"/>
</template>
</el-table-column>
<el-table-column label="审核状态" key="auditState" width="200px" prop="auditState" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.auditState == 1" style="color: #F58A0C;">
待审核
</span>
<span v-if="scope.row.auditState == 2" style="color: #16B771;">
审批通过
</span>
<span v-if="scope.row.auditState == 3" style="color: #F50C0C;">
审批驳回
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
</div>
<!-- -->
<div v-if="scope.row.auditState == 1" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="delInfo(scope.row)">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">审批</span>
</div>
<div v-if="scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="lookInfo(scope.row)">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">驳回原因</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
<my-dialog title="查看原因" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-descriptions>
<el-descriptions-item label="不通过原因">
{{ chakanyuanyin }}
</el-descriptions-item>
</el-descriptions>
</my-dialog>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import myDialog from "@/views/components/myDialog/index.vue"
import danweiList from "@/views/system/user/danweiList.vue"
import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
import { getAuditList, miniProgramsGetAuditList, gzhGetAuditList, EmailList, AppList } from "@/api/auditPagesApi/index.js"
export default {
dicts: ['sys_ptlx_type'],
components: { myPagination, myDialog, danweiList },
data() {
return {
btnloading: false,
total: 0,
pagination: {
current: 1,
size: 10,
name:'',
dwmc:'',
auditState:''
},
tableData: [
],
loading: false,
tabHeader: undefined,
btnArr: [
{
label: 'web资产',
value: "web"
}, {
label: '小程序',
value: 'xcx'
}, {
label: '公众号',
value: 'gzh'
}, {
label: '电子邮件',
value: 'emil'
}, {
label: '移动应用系统',
value: 'app'
}
],
btnShow:"web",
chakanyuanyin:'',
}
},
mounted() {
// this.getInfo(1);
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
//
getInfo(id) {
this.loading = true;
if(id == 1) {
getAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 2) {
miniProgramsGetAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 3) {
gzhGetAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 4) {
EmailList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 5) {
AppList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
}
},
//
resetQuery() {
this.resetForm("formInlineRef");
this.pagination.current = 1;
if(this.btnShow == 'web') {
this.getInfo(1)
} else if(this.btnShow == 'xcx') {
this.getInfo(2)
} else if(this.btnShow == 'gzh') {
this.getInfo(3)
} else if(this.btnShow == 'emil') {
this.getInfo(4)
} else if(this.btnShow == 'app') {
this.getInfo(5)
}
},
//
handleQuery() {
this.pagination.current = 1;
if(this.btnShow == 'web') {
this.getInfo(1)
} else if(this.btnShow == 'xcx') {
this.getInfo(2)
} else if(this.btnShow == 'gzh') {
this.getInfo(3)
} else if(this.btnShow == 'emil') {
this.getInfo(4)
} else if(this.btnShow == 'app') {
this.getInfo(5)
}
this.getInfo();
},
//
getPagination(pages) {
this.pagination.current = pages.page;
this.pagination.size = pages.limit;
this.getInfo();
if(this.btnShow == 'web') {
this.getInfo(1)
} else if(this.btnShow == 'xcx') {
this.getInfo(2)
} else if(this.btnShow == 'gzh') {
this.getInfo(3)
} else if(this.btnShow == 'emil') {
this.getInfo(4)
} else if(this.btnShow == 'app') {
this.getInfo(5)
}
},
//
goInfo(row) {
this.$router.push({
name: 'unitAssetsAuth', query: {
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
pageType: "look",
btnShow: this.btnShow,
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
queryData:this.pagination,
name:'UnitFill'
}
})
},
delInfo(row) {
//taskAudit
this.$router.push({
name: 'unitAssetsAuth', query: {
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
pageType: "change",
btnShow: this.btnShow,
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
queryData:this.pagination,
name:'UnitFill'
}
})
},
// tab
xuanzelist(item) {
this.btnShow = item.value
switch (item.value) {
case 'web':
this.getInfo(1)
break;
case 'xcx':
this.getInfo(2)
break;
case 'gzh':
this.getInfo(3)
break;
case 'emil':
this.getInfo(4)
break;
case 'app':
this.getInfo(5)
break;
default:
break;
}
},
lookInfo(row){
this.chakanyuanyin = row.auditYy
this.$refs.liebiaoDialog.open()
},
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 140;
}
},
beforeRouteEnter(to, from, next){
next(vm => {
if(from.path == "/unitAssetsAuth") {
vm.btnShow = from.query.btnShow
if(from.query.queryData) {
vm.pagination = from.query.queryData;
}
if(vm.btnShow == 'web') {
vm.getInfo(1);
} else if(vm.btnShow == 'xcx') {
vm.getInfo(2);
} else if(vm.btnShow == 'gzh') {
vm.getInfo(3);
} else if(vm.btnShow == 'emil') {
vm.getInfo(4);
} else if(vm.btnShow == 'app') {
vm.getInfo(5);
}
} else {
vm.getInfo(1);
}
})
},
}
</script>
<style lang="scss" scoped>
.el-icon-s-unfold {
font-size: 16px;
}
// ::v-deep .el-dialog__body{
// padding-left: 80px;
// }
.el-icon-delete {
color: #409EFF;
font-size: 16px;
font-weight: 600;
margin-right: 5px;
}
.exportBtn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.mybuttom {
margin: 0 10px;
display: inline-block;
padding: 5px 20px;
// background-color: rgba(30, 128, 235, 0.1);
background-color: rgba(213, 225, 236, 0.1);
border-radius: 8px;
border: 1px solid #1e80eb;
font-size: 14px;
color: #1e80eb;
font-family: Source Han Sans CN;
cursor: pointer;
&:hover {
background-color: #1e80eb;
color: #ffffff;
border: 1px solid #1e80eb;
}
}
.mybuttomshow {
background-color: #1e80eb;
color: #ffffff;
border: 1px solid #1e80eb;
}
</style>

@ -9,7 +9,7 @@
<el-form v-loading="loading" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="新增单位名称" required prop="nickName">
<el-form-item label="新增单位名称" required>
<el-input v-model="ruleForm.nickName" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
@ -133,16 +133,6 @@
<el-input v-model="ruleForm.rcyyfzbm" placeholder="请输入日常运营负责部门"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="组织架构" required prop="zzjg">
<!-- @change="handleChange" -->
<el-cascader
v-model="ruleForm.zzjg"
:options="optionsTwo"
>
</el-cascader>
</el-form-item>
</el-col>
</el-row>
<!-- 联系人 -->
<el-row style="margin: 10px 0;">
@ -152,7 +142,7 @@
<el-form-item label="单位负责人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-form-item prop="dwfzrxm">
<el-input v-model="ruleForm.dwfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
@ -183,7 +173,7 @@
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-form-item prop="dwfzrzwzc">
<el-input v-model="ruleForm.dwfzrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
@ -196,7 +186,7 @@
<el-form-item label="分管负责人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-form-item prop="fgfzrxm">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
@ -227,7 +217,7 @@
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-form-item prop="fgfzrzwzc">
<el-input v-model="ruleForm.fgfzrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
@ -240,7 +230,7 @@
<el-form-item label="部门负责人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-form-item prop="bmfzrxm">
<el-input v-model="ruleForm.bmfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
@ -271,7 +261,7 @@
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-form-item prop="bmfzrzwzc">
<el-input v-model="ruleForm.bmfzrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
@ -284,7 +274,7 @@
<el-form-item label="第一联系人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-form-item prop="dylxrxm">
<el-input v-model="ruleForm.dylxrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
@ -315,7 +305,7 @@
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-form-item prop="dylxrzwzc">
<el-input v-model="ruleForm.dylxrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
@ -323,100 +313,12 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="首席数据官" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.sxsjg" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sxsjglxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.sxsjglxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sxsjgyx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.sxsjgyx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.sxsjgzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="数据官联络人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.sjgllr" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sjgllrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.sjgllrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sjgllryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.sjgllryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.sjgllrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="其他联系人" class="daoqitixingren" v-for="(domain, index) in ruleForm.otherConcat" :key="domain.key" :prop="'otherConcat.' + index + '.qtlxrlxfs'">
<el-row>
<el-col :span="6">
<el-form-item>
<el-form-item prop="name">
<el-input v-model="domain.qtlxrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
@ -447,7 +349,7 @@
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-form-item prop="zhiwu">
<el-input v-model="domain.qtlxrzwzc" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
@ -460,7 +362,7 @@
</el-row>
<el-row v-if="$route.query.pageType !== 'look'">
<el-col :span="24">
<el-form-item>
<el-form-item prop="btn">
<el-button @click="addForm('otherConcat')"></el-button>
</el-form-item>
</el-col>
@ -565,9 +467,6 @@
<el-button type="primary" @click="newUnit" :disabled="false">确定</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="$route.query.pageType == 'look'">
<el-button type="primary" @click="cancel"></el-button>
</el-row>
</div>
</div>
</div>
@ -575,7 +474,6 @@
<script>
import pcas from "@/utils/pca-code.json"
import { lookUnit, postUnit } from "@/api/auditPagesApi/index";
import { MessageBox } from 'element-ui'
export default {
dicts:['zc_xtzyx', 'is_no', 'sshy', 'dwlx', 'dwjs', 'dwzsxz', 'dbxx_dbdj'],
data() {
@ -595,48 +493,6 @@ export default {
}
return {
options: pcas ,
optionsTwo:[
{
value:"100",
label:"政务",
children:[
{
value:"101",
label:"党委机关",
},{
value:"102",
label:"政府机关",
},{
value:"200",
label:"事业单位",
},{
value:"202",
label:"大型国企",
},
],
},
{
value:"10",
label:"民营企业",
children:[
{
value:"203",
label:"重点民企",
},{
value:"204",
label:"一般民企"
}
],
},
{
value:"20",
label:"个人",
},
{
value:"30",
label:"社会团体"
}
],
props:{
value:'value',
label:"value",
@ -665,15 +521,8 @@ export default {
},
rules:{
userName: [
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
{ required: true, trigger: "blur" ,validator: validateTyshxydm},
],
nickName: [
{ required: true, message: '请输入单位名称', trigger: 'blur' },
],
zzjg: [
{ required: true, message: '请选择组织机构', trigger: 'change' },
],
]
},
disabled:false,
loading:false,
@ -699,10 +548,6 @@ export default {
}
},
methods:{
// handleChange(value){
// console.log(value);
// },
//
getInfo(id){
this.loading = true;
lookUnit(id).then(res=>{
@ -714,10 +559,6 @@ export default {
} else if(res.data.ssqyprovince) {
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince])
}
if(this.ruleForm.ancestors) {
let deptId = this.ruleForm.ancestors.split(',');
this.$set(this.ruleForm, 'zzjg', deptId)
}
this.loading = false;
})
},
@ -751,71 +592,36 @@ export default {
}
},
newUnit(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
if(this.ruleForm.ssqy?.length > 0) {
this.ruleForm.ssqyprovince = this.ruleForm.ssqy[0]
this.ruleForm.ssqycity = this.ruleForm.ssqy[1]
this.ruleForm.ssqycounty = this.ruleForm.ssqy[2]
}
if(this.ruleForm.zzjg.length == 2) {
this.ruleForm.deptId = Number(this.ruleForm.zzjg[1])
} else {
this.ruleForm.deptId = Number(this.ruleForm.zzjg[0])
}
this.loading = true;
if(this.$route.query.pageType == 'change') {
postUnit('put',this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'Unit',params:this.$route.query.queryData})
}).catch(err=>{
this.loading = false;
})
} else if(this.$route.query.pageType == 'add') {
postUnit('post',this.ruleForm).then(res=>{
this.loading = false;
// this.$modal.msgSuccess("");
if(res.code == 200 && res.msg) {
let msg = res.msg
MessageBox.confirm(`${msg}`, '生成密码', {
confirmButtonText: '确定',
showClose:false,
type:"success ",
callback: action => {
if (window.clipboardData) {
window.clipboardData.setData('text', msg);
} else {
(function () {
document.oncopy = function (e) {
e.clipboardData.setData('text', msg);
e.preventDefault();
document.oncopy = null;
}
})(msg);
document.execCommand('Copy');
}
this.$message({
type: 'success',
message: `密码复制成功: ${ msg }`
});
this.$router.go(-1);
}
});
}
}).catch(err=>{
this.loading = false;
})
}
} else {
this.$modal.msg('请填写完整')
}
})
if(this.$route.query.pageType == 'look') {
this.$router.go(-1);
return;
}
if(this.ruleForm.ssqy?.length > 0) {
this.ruleForm.ssqyprovince = this.ruleForm.ssqy[0]
this.ruleForm.ssqycity = this.ruleForm.ssqy[1]
this.ruleForm.ssqycounty = this.ruleForm.ssqy[2]
}
this.loading = true;
if(this.$route.query.pageType == 'change') {
postUnit('put',this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
}).catch(err=>{
this.loading = false;
})
} else if(this.$route.query.pageType == 'add') {
postUnit('post',this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
}).catch(err=>{
this.loading = false;
})
}
},
cancel(){
// this.$router.go(-1);
this.$router.push({name:'Unit',params:this.$route.query.queryData})
this.$router.go(-1);
},
},
beforeRouteEnter(to,from,next){

@ -17,7 +17,7 @@
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:page-sizes="[10,20,40,80,100]"
:page-sizes="[10, 20, 30]"
:layout="layout"
:pager-count="pagerCount"
:total="total"

File diff suppressed because it is too large Load Diff

@ -1,372 +0,0 @@
<!-- 小程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入所属单位"></el-input> -->
<!-- @select="handleSelect" -->
<!-- :disabled="disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序名称" prop="xcxmc">
<el-input v-model="ruleForm.xcxmc" placeholder="请输入小程序名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="APPID" required>
<el-input v-model="ruleForm.appId" style="width: 100%;" placeholder="请输入APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" required>
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序状态" required>
<el-select v-model="ruleForm.state" placeholder="请选择小程序状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号原始ID" required>
<el-input v-model="ruleForm.ysId" style="width: 100%;" placeholder="请输入账号原始ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序包状态" required>
<el-select v-model="ruleForm.packState" placeholder="请选择小程序包状态">
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" required>
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" required>
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option
v-for="dict in dict.type.gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" required>
<el-input v-model="ruleForm.icpState" style="width: 100%;" placeholder="请输入icp备案状态"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="域名白名单" required>
<el-input v-model="ruleForm.ymbmd" style="width: 100%;" placeholder="请输入域名白名单"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="服务类目" required>
<el-input v-model="ruleForm.fwlm" style="width: 100%;" placeholder="请输入服务类目"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行业电子邮箱" required>
<el-form-item prop="hydzyx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="引入插件APPID" required>
<el-input v-model="ruleForm.yycjAppid" style="width: 100%;" placeholder="请输入引入插件APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="引用插件(开发者)" required>
<el-input v-model="ruleForm.yycjKfz" style="width: 100%;" placeholder="请输入引用插件(开发者)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
import { assetMiniPrograms, miniProgramsInfo, unitAllList } from "@/api/auditPagesApi/index";
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_rzzt','gzh_rzlx','email_state'],
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
xcxmc:[
{ required: true, message: "小程序名称不能为空", trigger: "blur" }
],
},
loading:false,
disabled:false,
// disabledTwo:true
}
},
props:['pageType', 'id', 'queryData'],
mounted(){
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
// this.disabledTwo = false;
}
},
methods:{
getInfo(id){
miniProgramsInfo(id).then(res=>{
this.ruleForm = res.data;
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
tyshxydm:item.userName
})
})
})
cb(results);
},
//
handleSelect(item){
this.ruleForm.tyshxydm = item.tyshxydm
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
assetMiniPrograms('put',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'Program',params: this.queryData})
})
} else {
assetMiniPrograms('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:'Program',params: this.queryData})
},
},
}
</script>

@ -1,503 +0,0 @@
<!-- 公众号表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="平台类型" prop="ptlx" required>
<el-select v-model="ruleForm.ptlx" @change="ptlxChange" placeholder="请选择平台类型" >
<el-option
v-for="dict in dict.type.sys_ptlx_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div v-if="ruleForm.ptlx == '1'">
<el-row>
<el-col :span="12">
<el-form-item label="微信号" required>
<el-input v-model="ruleForm.wxh" style="width: 100%;" placeholder="请输入微信号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号名称" prop="gzhmc"
:rules="[
{ required: true, message: '公众号名称不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.gzhmc" placeholder="请输入公众号名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号状态" required>
<el-select v-model="ruleForm.gzhzt" placeholder="请选择公众号状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="公众号ID" required>
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入公众号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号类型" required>
<el-select v-model="ruleForm.gzhlx" placeholder="请选择公众号类型">
<el-option
v-for="dict in dict.type.gzh_lx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" required>
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" required>
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option
v-for="dict in dict.type.gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单名称)" required>
<el-input v-model="ruleForm.cdmc" style="width: 100%;" placeholder="请输入菜单信息(菜单名称)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="菜单信息(菜单链接)" required>
<el-input v-model="ruleForm.cdlj" style="width: 100%;" placeholder="请输入菜单信息(菜单链接)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单类型)" required>
<el-input v-model="ruleForm.cdlx" style="width: 100%;" placeholder="请输入菜单信息(菜单类型)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" required>
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号名称" prop="gzhmc"
:rules="[
{ required: true, message: '账号名称不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.gzhmc" placeholder="请输入账号名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号ID" required>
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入账号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号状态" required>
<el-select v-model="ruleForm.gzhzt" placeholder="请选择账号状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="开办主体" required>
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入开办主体"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="粉丝数" required>
<el-input v-model="ruleForm.fss" type="number" style="width: 100%;" placeholder="请输入粉丝数"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
import { assetOfficialAccount, assetOfficialAccountInfo, unitAllList } from "@/api/auditPagesApi/index";
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_lx','gzh_rzzt','gzh_rzlx','gzh_cdlx', 'sys_ptlx_type'],
data() {
return {
ruleForm:{
ptlx: "1",
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
// gzhmc:[
// { required: true, message: "", trigger: "blur" }
// ],
},
loading:false,
disabled:false,
// disabledTwo:true,
}
},
props:['pageType', 'id', 'queryData'],
mounted(){
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
// this.disabledTwo = false;
}
},
methods:{
getInfo(id){
assetOfficialAccountInfo(id).then(res=>{
this.ruleForm = res.data;
})
},
//
ptlxChange(item) {
Object.keys(this.ruleForm).forEach((key)=>{
if(key !== 'ssdw' && key !== 'ptlx') {
this.ruleForm[key] = '';
}
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
assetOfficialAccount('put',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'OfficialAccount',params: this.queryData})
})
} else {
assetOfficialAccount('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:'OfficialAccount',params: this.queryData})
},
},
}
</script>

@ -1,307 +0,0 @@
<!-- 电子邮件表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz">
<el-input v-model="ruleForm.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="建设类型" required>
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option
v-for="dict in dict.type.email_jslx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统供应商" required>
<el-input v-model="ruleForm.yjxtgys" style="width: 100%;" placeholder="请输入邮件系统供应商"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="密码算法" required>
<el-input v-model="ruleForm.mmsf" placeholder="请输入密码算法"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统状态" required>
<el-select v-model="ruleForm.yjxtzc" placeholder="请选择邮件系统状态">
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全防护系统" required>
<el-select v-model="ruleForm.aqfhxt" placeholder="请选择安全防护系统">
<el-option
v-for="dict in dict.type.email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安全备份环境" required>
<el-select v-model="ruleForm.aqbfhj" placeholder="请选择安全备份环境">
<el-option
v-for="dict in dict.type.email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="数字证书厂商" required>
<el-input v-model="ruleForm.szzscs" style="width: 100%;" placeholder="请输入数字证书厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上线时间" required>
<el-date-picker
v-model="ruleForm.sxsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" required>
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
import { assetEmail, assetEmailInfo, unitAllList } from "@/api/auditPagesApi/index";
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','email_jslx','email_state','email_hasorno'],
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
dzyxhz:[
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" }
],
},
loading:false,
disabled:false,
// disabledTwo:true,
}
},
props:['pageType', 'id', 'queryData'],
mounted(){
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
// this.disabledTwo = false;
}
},
methods:{
getInfo(id){
assetEmailInfo(id).then(res=>{
this.ruleForm = res.data;
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
assetEmail('put',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'Email',params: this.queryData})
})
} else {
assetEmail('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:'Email',params: this.queryData})
},
},
}
</script>

@ -1,283 +0,0 @@
<!-- 移动应用程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" required prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" required prop="appName">
<el-input v-model="ruleForm.appName" placeholder="请输入移动应用名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" required>
<el-input v-model="ruleForm.pack" style="width: 100%;" placeholder="请输入包名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" required>
<el-select v-model="ruleForm.icpState" placeholder="请选择icp备案状态">
<el-option
v-for="dict in dict.type.app_icp_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="icp备案号" required>
<el-input v-model="ruleForm.icpbah" placeholder="请输入icp备案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" required>
<el-input v-model="ruleForm.wjm" placeholder="请输入文件名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全加固情况" required>
<el-select v-model="ruleForm.aqjgqk" placeholder="请选择安全加固情况">
<el-option
v-for="dict in dict.type.app_aqjgqk"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息" required>
<el-input v-model="ruleForm.bbxx" style="width: 100%;" placeholder="请输入版本信息"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(版本号)" required>
<el-input v-model="ruleForm.bbh" style="width: 100%;" placeholder="请输入版本信息(版本号)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息MD5" required>
<el-input v-model="ruleForm.bbxxMd5" style="width: 100%;" placeholder="请输入版本信息MD5"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(上架平台)" required>
<el-input v-model="ruleForm.bbxxSjpt" style="width: 100%;" placeholder="请输入版本信息(上架平台)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件大小" required>
<el-input v-model="ruleForm.wjdx" style="width: 100%;" placeholder="请输入文件大小"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="移动应用系统状态" required>
<el-select v-model="ruleForm.appState" placeholder="请选择移动应用系统状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" required>
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 30px; text-align: center;" v-if="pageType !== 'look'">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList } from "@/api/auditPagesApi/index";
export default {
dicts:['app_icp_state','app_sshy','app_zdhy','app_xzqh','app_aqjgqk','gzh_state'],
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
appName:[
{ required: true, message: "移动应用名称不能为空", trigger: "blur" }
],
},
loading:false,
disabled:false,
// disabledTwo:true,
}
},
props:['pageType', 'id', 'queryData'],
mounted(){
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
// this.disabledTwo = false;
}
},
methods:{
getInfo(id){
assetAppInfo(id).then(res=>{
this.ruleForm = res.data;
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
assetApp('put',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'MobileApplication',params: this.queryData})
})
} else {
assetApp('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:'MobileApplication',params: this.queryData})
},
},
}
</script>

File diff suppressed because it is too large Load Diff

@ -1,545 +0,0 @@
<!-- 小程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入所属单位"></el-input> -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
disabled
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序名称" prop="xcxmc">
<el-input v-model="ruleForm.xcxmc" placeholder="请输入小程序名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="APPID" prop="appId">
<el-input v-model="ruleForm.appId" style="width: 100%;" placeholder="请输入APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" prop="rzzt">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" >
<el-form-item class="daoqitixingren" prop="tyshxydm" :rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
},
]" label="统一社会信用代码" required>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序状态" prop="state">
<el-select v-model="ruleForm.state" placeholder="请选择小程序状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号原始ID" prop="ysId">
<el-input v-model="ruleForm.ysId" style="width: 100%;" placeholder="请输入账号原始ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序包状态" prop="packState">
<el-select v-model="ruleForm.packState" placeholder="请选择小程序包状态">
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" prop="rzState">
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" prop="rzsj">
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" prop="rzlx">
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option
v-for="dict in dict.type.gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState">
<el-input v-model="ruleForm.icpState" style="width: 100%;" placeholder="请输入icp备案状态"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="域名白名单" prop="ymbmd">
<el-input v-model="ruleForm.ymbmd" style="width: 100%;" placeholder="请输入域名白名单"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="服务类目" prop="fwlm">
<el-input v-model="ruleForm.fwlm" style="width: 100%;" placeholder="请输入服务类目"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="hydzyx"
label="行业电子邮箱" required
:rules="[
{
type: 'email',
required: true,
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]"
>
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrrdh"
label="系统责任人电话" required
:rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrryx"
label="系统责任人邮箱" required
:rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="引入插件APPID" prop="yycjAppid">
<el-input v-model="ruleForm.yycjAppid" style="width: 100%;" placeholder="请输入引入插件APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="引用插件(开发者)" prop="yycjKfz">
<el-input v-model="ruleForm.yycjKfz" style="width: 100%;" placeholder="请输入引用插件(开发者)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'change' && !audit">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit">
<el-button type="danger" :disabled="false" @click="btnReject"></el-button>
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
<el-form-item label="不通过原因:" prop="auditYy">
<el-input v-model="dialogruleForm.auditYy" placeholder="请输入不通过原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import { assetMiniPrograms, miniProgramsInfo, unitAllList, miniProgramsLookInfo, miniProgramsUnitEdit, miniProgramsAudit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_rzzt','gzh_rzlx','email_state'],
components:{
myDialog
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
xcxmc:[
{ required: true, message: "小程序名称不能为空", trigger: "blur" }
],
appId: [
{ required: true, message: "APPID不能为空", trigger: "blur" }
],
rzzt: [
{ required: true, message: "认证主体不能为空", trigger: "blur" }
],
state: [
{ required: true, message: "小程序状态不能为空", trigger: "change" }
],
ysId: [
{ required: true, message: "账号原始ID不能为空", trigger: "blur" }
],
packState: [
{ required: true, message: "小程序包状态不能为空", trigger: "change" }
],
rzState: [
{ required: true, message: "认证状态不能为空", trigger: "change" }
],
rzsj: [
{ required: true, message: "认证时间不能为空", trigger: "change" }
],
rzlx: [
{ required: true, message: "认证类型不能为空", trigger: "change" }
],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "blur" }
],
ymbmd: [
{ required: true, message: "域名白名单不能为空", trigger: "blur" }
],
fwlm: [
{ required: true, message: "服务类目不能为空", trigger: "blur" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" }
],
xtzrryx: [
{ required: true, message: "系统责任人邮箱不能为空", trigger: "blur" },
{ type: 'email', message: "请输入正确的邮箱地址", trigger: ["change", "blur"] }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" }
],
yycjAppid: [
{ required: true, message: "引入插件APPID不能为空", trigger: "blur" }
],
yycjKfz: [
{ required: true, message: "引用插件(开发者)不能为空", trigger: "blur" }
],
xtjj: [
{ required: true, message: "系统简介不能为空", trigger: "blur" }
]
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'],
mounted(){
if(this.isModdle) {
if(this.pageType == 'look') {
this.getInfoTwo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
}
},
methods:{
getInfo(id){
miniProgramsInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
getInfoTwo(id) {
miniProgramsLookInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
tyshxydm:item.userName
})
})
})
cb(results);
},
//
handleSelect(item){
this.ruleForm.tyshxydm = item.tyshxydm
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
miniProgramsUnitEdit(this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
} else {
assetMiniPrograms('post',this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
miniProgramsAudit(tijioaobj).then(res=>{
if(res.code == 200){
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
}
})
} else {
console.log('error submit!!');
return false;
}
});
},
//
btnPass(){
this.loading = true;
miniProgramsAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.loading = false;
}).catch(err=>{
this.loading = false;
})
},
},
}
</script>

@ -1,698 +0,0 @@
<!-- 公众号表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
disabled
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="平台类型" prop="ptlx" required>
<el-select v-model="ruleForm.ptlx" disabled placeholder="请选择平台类型" >
<el-option
v-for="dict in dict.type.sys_ptlx_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div v-if="ruleForm.ptlx == '1'">
<el-row>
<el-col :span="12">
<el-form-item label="微信号" prop="wxh">
<el-input v-model="ruleForm.wxh" style="width: 100%;" placeholder="请输入微信号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号名称" prop="gzhmc"
:rules="[
{ required: true, message: '公众号名称不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.gzhmc" placeholder="请输入公众号名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" >
<el-form-item prop="tyshxydm"
class="daoqitixingren" label="统一社会信用代码" required
:rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号状态" prop="gzhzt">
<el-select v-model="ruleForm.gzhzt" placeholder="请选择公众号状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="公众号ID" prop="gzhId">
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入公众号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号类型" prop="gzhlx">
<el-select v-model="ruleForm.gzhlx" placeholder="请选择公众号类型">
<el-option
v-for="dict in dict.type.gzh_lx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" prop="rzState">
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" prop="rzsj">
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" prop="rzlx">
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option
v-for="dict in dict.type.gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrrdh"
label="系统责任人电话" required
:rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrryx"
label="系统责任人邮箱" required
:rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单名称)" prop="cdmc">
<el-input v-model="ruleForm.cdmc" style="width: 100%;" placeholder="请输入菜单信息(菜单名称)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="菜单信息(菜单链接)" prop="cdlj">
<el-input v-model="ruleForm.cdlj" style="width: 100%;" placeholder="请输入菜单信息(菜单链接)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单类型)" prop="cdlx">
<el-input v-model="ruleForm.cdlx" style="width: 100%;" placeholder="请输入菜单信息(菜单类型)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" prop="rzzt">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else>
<el-row>
<el-col :span="12">
<!-- <el-form-item> -->
<el-form-item prop="tyshxydm" class="daoqitixingren" label="统一社会信用代码" required
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
<!-- </el-form-item> -->
</el-col>
<el-col :span="12">
<el-form-item label="账号名称" prop="gzhmc"
:rules="[
{ required: true, message: '账号名称不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.gzhmc" placeholder="请输入账号名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号ID" required prop="gzhId"
:rules="[
{ required: true, message: '账号名称不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入账号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号状态" required
prop="gzhzt"
:rules="[
{ required: true, message: '账号状态不能为空', trigger: 'blur' }
]"
>
<el-select v-model="ruleForm.gzhzt" placeholder="请选择账号状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="开办主体" required
prop="rzzt"
:rules="[
{ required: true, message: '开办主体不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入开办主体"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="粉丝数" required
prop="fss"
:rules="[
{ required: true, message: '粉丝数不能为空', trigger: 'blur' }
]"
>
<el-input v-model="ruleForm.fss" type="number" style="width: 100%;" placeholder="请输入粉丝数"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required
prop="zdhy"
>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-form-item label="系统责任人电话" required> -->
<el-form-item prop="xtzrrdh" label="系统责任人电话" required
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
<!-- </el-form-item> -->
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<!-- <el-form-item> -->
<el-form-item prop="xtzrryx" label="系统责任人邮箱" required
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
<!-- </el-form-item> -->
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'change' && !audit">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit">
<el-button type="danger" :disabled="false" @click="btnReject"></el-button>
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
<el-form-item label="不通过原因:" prop="auditYy">
<el-input v-model="dialogruleForm.auditYy" placeholder="请输入不通过原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import { assetOfficialAccount, assetOfficialAccountInfo, unitAllList, gzhLookInfo, gzhAudit, gzhUnitEdit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_lx','gzh_rzzt','gzh_rzlx','gzh_cdlx','sys_ptlx_type'],
components:{
myDialog
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
gzhmc:[
{ required: true, message: "公众号名称不能为空", trigger: "blur" }
],
wxh: [
{ required: true, message: "微信号不能为空", trigger: "blur" }
],
rzzt: [
{ required: true, message: "认证主体不能为空", trigger: "blur" }
],
tyshxydm: [
{ required: true, message: "统一社会信用代码不能为空", trigger: "change" },
{ pattern: /^[a-zA-Z0-9]{18}$/, message: "请输入正确格式的18位统一社会信用代码", trigger: "change" }
],
gzhzt: [
{ required: true, message: "公众号状态不能为空", trigger: "change" }
],
gzhId: [
{ required: true, message: "公众号ID不能为空", trigger: "blur" }
],
gzhlx: [
{ required: true, message: "公众号类型不能为空", trigger: "change" }
],
rzState: [
{ required: true, message: "认证状态不能为空", trigger: "change" }
],
rzsj: [
{ required: true, message: "认证时间不能为空", trigger: "change" }
],
rzlx: [
{ required: true, message: "认证类型不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" }
],
xtzrrdh: [
{ required: true, message: "系统责任人电话不能为空", trigger: "blur" },
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }
],
xtzrryx: [
{ required: true, message: "系统责任人邮箱不能为空", trigger: "change" },
{ type: 'email', message: "请输入正确的邮箱地址", trigger: ['change', 'blur'] }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" }
],
cdmc: [
{ required: true, message: "菜单信息(菜单名称)不能为空", trigger: "blur" }
],
cdlj: [
{ required: true, message: "菜单信息(菜单链接)不能为空", trigger: "blur" }
],
cdlx: [
{ required: true, message: "菜单信息(菜单类型)不能为空", trigger: "blur" }
],
xtjj: [
{ required: true, message: "系统简介不能为空", trigger: "blur" }
]
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'],
mounted(){
if(this.isModdle) {
if(this.pageType == 'look') {
this.getInfoTwo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
}
},
methods:{
getInfo(id){
assetOfficialAccountInfo(id).then(res=>{
this.ruleForm = res.data;
if(!this.ruleForm.ptlx) {
this.ruleForm.ptlx = '1'
}
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
getInfoTwo(id){
gzhLookInfo(id).then(res=>{
this.ruleForm = res.data;
if(!this.ruleForm.ptlx) {
this.ruleForm.ptlx = '1'
}
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
gzhUnitEdit(this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
} else {
assetOfficialAccount('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
gzhAudit(tijioaobj).then(res=>{
if(res.code == 200){
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
}
})
} else {
console.log('error submit!!');
return false;
}
});
},
//
btnPass(){
this.loading = true;
gzhAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.loading = false;
}).catch(err=>{
this.loading = false;
})
},
},
}
</script>

@ -1,462 +0,0 @@
<!-- 电子邮件表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
disabled
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz">
<el-input v-model="ruleForm.dzyxhz" placeholder="请输入电子邮箱后缀" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="建设类型" prop="jslx">
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option
v-for="dict in dict.type.email_jslx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统供应商" prop="yjxtgys">
<el-input v-model="ruleForm.yjxtgys" style="width: 100%;" placeholder="请输入邮件系统供应商"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="密码算法" prop="mmsf">
<el-input v-model="ruleForm.mmsf" placeholder="请输入密码算法"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统状态" prop="yjxtzc">
<el-select v-model="ruleForm.yjxtzc" placeholder="请选择邮件系统状态">
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全防护系统" prop="aqfhxt">
<el-select v-model="ruleForm.aqfhxt" placeholder="请选择安全防护系统">
<el-option
v-for="dict in dict.type.email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安全备份环境" prop="aqbfhj">
<el-select v-model="ruleForm.aqbfhj" placeholder="请选择安全备份环境">
<el-option
v-for="dict in dict.type.email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="数字证书厂商" prop="szzscs">
<el-input v-model="ruleForm.szzscs" style="width: 100%;" placeholder="请输入数字证书厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上线时间" prop="sxsj">
<el-date-picker
v-model="ruleForm.sxsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrrdh"
label="系统责任人电话" required
:rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrryx"
label="系统责任人邮箱" required
:rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" prop="jj">
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'change' && !audit">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit">
<el-button type="danger" :disabled="false" @click="btnReject"></el-button>
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
<el-form-item label="不通过原因:" prop="auditYy">
<el-input v-model="dialogruleForm.auditYy" placeholder="请输入不通过原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import { assetEmail, assetEmailInfo, unitAllList, EmailLookInfo, EmailAudit, EmailUnitEdit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','email_jslx','email_state','email_hasorno'],
components:{
myDialog
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
dzyxhz:[
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" }
],
jslx: [
{ required: true, message: "建设类型不能为空", trigger: "change" }
],
yjxtgys: [
{ required: true, message: "邮件系统供应商不能为空", trigger: "blur" }
],
mmsf: [
{ required: true, message: "密码算法不能为空", trigger: "blur" }
],
yjxtzc: [
{ required: true, message: "邮件系统状态不能为空", trigger: "change" }
],
aqfhxt: [
{ required: true, message: "安全防护系统不能为空", trigger: "change" }
],
aqbfhj: [
{ required: true, message: "安全备份环境不能为空", trigger: "blur" }
],
szzscs: [
{ required: true, message: "数字证书厂商不能为空", trigger: "blur" }
],
sxsj: [
{ required: true, message: "上线时间不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "blur" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" }
],
jj: [
{ required: true, message: "简介不能为空", trigger: "blur" }
]
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'],
mounted(){
if(this.isModdle) {
if(this.pageType == 'look') {
this.getInfoTwo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
}
},
methods:{
getInfo(id){
assetEmailInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
getInfoTwo(id) {
EmailLookInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
EmailUnitEdit(this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
} else {
assetEmail('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
EmailAudit(tijioaobj).then(res=>{
if(res.code == 200){
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
}
})
} else {
console.log('error submit!!');
return false;
}
});
},
//
btnPass(){
this.loading = true;
EmailAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.loading = false;
}).catch(err=>{
this.loading = false;
})
},
},
}
</script>

@ -1,440 +0,0 @@
<!-- 移动应用程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
disabled
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" prop="appName">
<el-input v-model="ruleForm.appName" placeholder="请输入移动应用名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" prop="pack">
<el-input v-model="ruleForm.pack" style="width: 100%;" placeholder="请输入包名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState">
<el-select v-model="ruleForm.icpState" placeholder="请选择icp备案状态">
<el-option
v-for="dict in dict.type.app_icp_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="icp备案号" prop="icpbah">
<el-input v-model="ruleForm.icpbah" placeholder="请输入icp备案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="tyshxydm"
class="daoqitixingren" label="统一社会信用代码" required
:rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" prop="wjm">
<el-input v-model="ruleForm.wjm" placeholder="请输入文件名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全加固情况" prop="aqjgqk">
<el-select v-model="ruleForm.aqjgqk" placeholder="请选择安全加固情况">
<el-option
v-for="dict in dict.type.app_aqjgqk"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息" prop="bbxx">
<el-input v-model="ruleForm.bbxx" style="width: 100%;" placeholder="请输入版本信息"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(版本号)" prop="bbh">
<el-input v-model="ruleForm.bbh" style="width: 100%;" placeholder="请输入版本信息(版本号)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息MD5" prop="bbxxMd5">
<el-input v-model="ruleForm.bbxxMd5" style="width: 100%;" placeholder="请输入版本信息MD5"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(上架平台)" prop="bbxxSjpt">
<el-input v-model="ruleForm.bbxxSjpt" style="width: 100%;" placeholder="请输入版本信息(上架平台)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件大小" prop="wjdx">
<el-input v-model="ruleForm.wjdx" style="width: 100%;" placeholder="请输入文件大小"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="移动应用系统状态" prop="appState" required>
<el-select v-model="ruleForm.appState" placeholder="请选择移动应用系统状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" prop="jj">
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'change' && !audit">
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit">
<el-button type="danger" :disabled="false" @click="btnReject"></el-button>
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
<el-form-item label="不通过原因:" prop="auditYy">
<el-input v-model="dialogruleForm.auditYy" placeholder="请输入不通过原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList, AppLookInfo, AppAudit, assetAppUnitEdit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
export default {
dicts:['app_icp_state','app_sshy','app_zdhy','app_xzqh','app_aqjgqk','gzh_state'],
components:{
myDialog
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
appName:[
{ required: true, message: "移动应用名称不能为空", trigger: "blur" }
],
pack: [
{ required: true, message: "包名不能为空", trigger: "blur" }
],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" }
],
icpbah: [
{ required: true, message: "icp备案号不能为空", trigger: "blur" }
],
wjm: [
{ required: true, message: "文件名不能为空", trigger: "blur" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
aqjgqk: [
{ required: true, message: "安全加固情况不能为空", trigger: "change" }
],
bbxx: [
{ required: true, message: "版本信息不能为空", trigger: "blur" }
],
bbh: [
{ required: true, message: "版本信息(版本号)不能为空", trigger: "blur" }
],
bbxxMd5: [
{ required: true, message: "版本信息MD5不能为空", trigger: "blur" }
],
bbxxSjpt: [
{ required: true, message: "版本信息(上架平台)不能为空", trigger: "blur" }
],
wjdx: [
{ required: true, message: "文件大小不能为空", trigger: "blur" }
],
jj: [
{ required: true, message: "简介不能为空", trigger: "blur" }
],
appState:[
{ required: true, message: "移动应用系统状态不能为空", trigger: "change" }
],
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'],
mounted(){
if(this.isModdle) {
if(this.pageType == 'look') {
this.getInfoTwo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if(this.audit) {
this.disabled = true;
}
}
},
methods:{
getInfo(id){
assetAppInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
getInfoTwo(id){
AppLookInfo(id).then(res=>{
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb){
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
this.loading = true;
if(this.pageType == 'change') {
assetAppUnitEdit(this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
} else {
assetApp('post',this.ruleForm).then(res=>{
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
}
}
})
},
sendBack(){
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
AppAudit(tijioaobj).then(res=>{
if(res.code == 200){
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
}
})
} else {
console.log('error submit!!');
return false;
}
});
},
//
btnPass(){
this.loading = true;
AppAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.loading = false;
}).catch(err=>{
this.loading = false;
})
},
},
}
</script>

@ -26,7 +26,7 @@
<el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
</el-link>
<div class="ele-upload-list__item-content-action" v-if="$route.query.pageType != 'look'">
<div class="ele-upload-list__item-content-action">
<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
</div>
</li>
@ -68,9 +68,7 @@ export default {
number: 0,
uploadList: [],
baseUrl: process.env.VUE_APP_BASE_API,
// baseUrl: location.origin + '/api',
uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", //
// uploadFileUrl: location.origin + '/api/common/upload',
headers: {
Authorization: "Bearer " + getToken(),
},
@ -151,14 +149,6 @@ export default {
if (res.code === 200) {
this.uploadList.push({ name: res.fileName, url: res.fileName });
this.uploadedSuccessfully();
} else if(res.code == 401) {
this.$store.dispatch('LogOut').then(() => {
// location.href = '/login';
this.$modal.msgError(res.msg);
this.$modal.closeLoading();
this.uploadedSuccessfully();
this.$router.replace("/login");
})
} else {
this.number--;
this.$modal.closeLoading();

@ -1,80 +0,0 @@
<template>
<div>
<my-dialog title="提示" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="eldialogruleForm" label-width="100px">
<el-form-item label="关停原因:" prop="bfyy">
<el-input v-model="dialogruleForm.bfyy" placeholder="请输入关停原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('eldialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('eldialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import myDialog from "@/views/components/myDialog/index.vue"
export default {
components:{
myDialog
},
name: 'baofei',
data () {
return {
dialogruleForm:{
bfyy:""
},
dialogruleFormrules:{
bfyy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
created () { },
mounted () { },
props:['ruleForm', 'assetTaskzc'],
methods: {
importClose(){},
resetForm() {
this.dialogruleForm = {
bfyy:""
}
this.$refs.liebiaoDialog.close()
},
open(){
this.$refs.liebiaoDialog.open()
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.ruleForm.isbf = 2
this.ruleForm.bfyy = this.dialogruleForm.bfyy
this.$emit("assetTaskzc",this.ruleForm)
} else {
console.log('error submit!!');
return false;
}
});
},
},
computed: {}
}
</script>
<style scoped lang='scss'>
</style>

@ -1,93 +0,0 @@
<template>
<div>
<my-dialog title="提示" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
<el-row>
<el-col :span="21">
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
<el-form-item label="不通过原因:" prop="btgyy">
<el-input v-model="dialogruleForm.btgyy" placeholder="请输入不通过原因"></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"></el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import myDialog from "@/views/components/myDialog/index.vue"
import { assetTasksh } from "@/api/renwuApi/index.js"
export default {
components:{
myDialog
},
name: 'baofei',
data () {
return {
dialogruleForm:{
btgyy:""
},
dialogruleFormrules:{
btgyy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
}
},
created () { },
mounted () { },
props:['chuandemingcheng', 'assetTaskzc'],
methods: {
importClose(){},
resetForm() {
this.dialogruleForm = {
btgyy:""
}
this.$refs.liebiaoDialog.close()
},
open(){
this.$refs.liebiaoDialog.open()
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc:this.chuandemingcheng,
btgyy:this.dialogruleForm.btgyy,
dwmc:this.$route.query.zcdwmc,
status: 4,
type:this.$route.query.type
}
assetTasksh(tijioaobj).then(res=>{
if(res.code == 200){
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
} else {
console.log('error submit!!');
return false;
}
});
},
},
computed: {}
}
</script>
<style scoped lang='scss'>
</style>

@ -1,488 +0,0 @@
<!-- 小程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm"
label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入所属单位"></el-input> -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync" placeholder="请输入所属单位"
disabled></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序名称" prop="xcxmc">
<el-input v-model="ruleForm.xcxmc" placeholder="请输入小程序名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="APPID" prop="appId">
<el-input v-model="ruleForm.appId" style="width: 100%;" placeholder="请输入APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" prop="rzzt">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" prop="tyshxydm" :rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
},
{ required: true, message: '统一社会信用代码不能为空', trigger: 'change' },
]" label="统一社会信用代码" required>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序状态" prop="state">
<el-select v-model="ruleForm.state" placeholder="请选择小程序状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号原始ID" prop="ysId">
<el-input v-model="ruleForm.ysId" style="width: 100%;" placeholder="请输入账号原始ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序包状态" prop="packState">
<el-select v-model="ruleForm.packState" placeholder="请选择小程序包状态">
<el-option v-for="dict in dict.type.email_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" prop="rzState">
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option v-for="dict in dict.type.gzh_rzzt" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" prop="rzsj">
<el-date-picker v-model="ruleForm.rzsj" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" prop="rzlx">
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option v-for="dict in dict.type.gzh_rzlx" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState">
<el-input v-model="ruleForm.icpState" style="width: 100%;" placeholder="请输入icp备案状态"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="域名白名单" prop="ymbmd">
<el-input v-model="ruleForm.ymbmd" style="width: 100%;" placeholder="请输入域名白名单"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="服务类目" prop="fwlm">
<el-input v-model="ruleForm.fwlm" style="width: 100%;" placeholder="请输入服务类目"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="hydzyx" label="行业电子邮箱" required :rules="[
{
type: 'email',
required: true,
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]">
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.app_xzqh" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrrdh" label="系统责任人电话" required :rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrryx" label="系统责任人邮箱" required :rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="引入插件APPID" prop="yycjAppid">
<el-input v-model="ruleForm.yycjAppid" style="width: 100%;" placeholder="请输入引入插件APPID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="引用插件(开发者)" prop="yycjKfz">
<el-input v-model="ruleForm.yycjKfz" style="width: 100%;" placeholder="请输入引用插件(开发者)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5"
v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.bfyy">
<el-col :span="24">
<el-form-item label="关停原因">
                <div>{{ ruleForm.bfyy }}</div>
              </el-form-item>
</el-col>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'mytaskAuditInfo'">
<el-button type="danger" @click="newAssets(0)"></el-button>
<el-button @click="newAssets(1)"></el-button>
<el-button type="warning" @click="newAssets(2)"></el-button>
<el-button type="success" @click="newAssets(3)" :loading="loading">提交</el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'taskAuditInfo'">
<el-button type="danger" @click="JGnewAssets(0)"></el-button>
<el-button type="primary" @click="JGnewAssets(1)"></el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
</div>
</div>
<baofei ref='baofei' :ruleForm='ruleForm' @assetTaskzc="guanting"></baofei>
<butongguo ref='butongguo' :chuandemingcheng='ruleForm.xcxmc'></butongguo>
</div>
</template>
<script>
import { assetMiniPrograms, miniProgramsInfo, unitAllList } from "@/api/auditPagesApi/index";
import { assetTaskminitaskSh, assetTaskxcxzc, assetTasksh, assetTaskxcxjyTj } from "@/api/renwuApi/index.js"
import baofei from "@/views/components/renwuType/baofei.vue"
import butongguo from "@/views/components/renwuType/butongguo.vue"
export default {
dicts: ['app_xzqh', 'app_sshy', 'app_zdhy', 'gzh_state', 'gzh_rzzt', 'gzh_rzlx', 'email_state'],
components: { baofei, butongguo },
data() {
return {
ruleForm: {
},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "change" }
],
xcxmc: [
{ required: true, message: "小程序名称不能为空", trigger: "change" }
],
appId: [
{ required: true, message: "APPID不能为空", trigger: "change" }
],
rzzt: [
{ required: true, message: "认证主体不能为空", trigger: "change" }
],
state: [
{ required: true, message: "小程序状态不能为空", trigger: "change" }
],
ysId: [
{ required: true, message: "账号原始ID不能为空", trigger: "change" }
],
packState: [
{ required: true, message: "小程序包状态不能为空", trigger: "change" }
],
rzState: [
{ required: true, message: "认证状态不能为空", trigger: "change" }
],
rzsj: [
{ required: true, message: "认证时间不能为空", trigger: "change" }
],
rzlx: [
{ required: true, message: "认证类型不能为空", trigger: "change" }
],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" }
],
ymbmd: [
{ required: true, message: "域名白名单不能为空", trigger: "change" }
],
fwlm: [
{ required: true, message: "服务类目不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "change" }
],
xtzrryx: [
{ required: true, message: "系统责任人邮箱不能为空", trigger: "change" },
{ type: 'email', message: "请输入正确的邮箱地址", trigger: ["change", "change"] }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "change" }
],
yycjAppid: [
{ required: true, message: "引入插件APPID不能为空", trigger: "change" }
],
yycjKfz: [
{ required: true, message: "引用插件(开发者)不能为空", trigger: "change" }
],
xtjj: [
{ required: true, message: "系统简介不能为空", trigger: "change" }
]
},
loading: false,
disabled: false,
}
},
props: ['pageType', 'id'],
mounted() {
console.log(this.$route);
if (this.pageType == 'look') {
this.getInfo()
this.disabled = true;
this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if (this.pageType == 'change') {
this.getInfo()
this.disabled = false;
}
if (this.$route.query.taskInfo == 'taskInfo') {
this.disabled = true;
}
},
methods: {
sendBack() {
if (localStorage.getItem('ismypaginationTow')) {
let formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
formInline.isfanhuiTow = true
localStorage.setItem("ismypaginationTow", JSON.stringify(formInline))
}
this.$router.go(-1);
},
getInfo(id) {
let obj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId
}
assetTaskminitaskSh(obj).then(res => {
this.ruleForm = res.data;
console.log(111);
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
guanting(ruleForm) {
assetTaskxcxzc(ruleForm).then(res => {
this.$message({
type: 'info',
message: '已关停'
});
this.$router.go(-1);
this.ruleForm.bfyy = ""
this.$refs.baofei.resetForm()
})
},
//
newAssets(type) {
if (type == 1) {
//
this.loading = true
this.$router.go(-1);
this.loading = false
return
}
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.baofei.open()
}
//
if (type == 2) {
this.loading = true
assetTaskxcxzc(this.ruleForm).then(res => {
console.log(res, "res");
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
this.loading = false
})
}
if (type == 3) {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.loading = true;
assetTaskxcxjyTj(this.ruleForm).then(res => {
this.loading = false;
this.$modal.msgSuccess("提交成功");
this.$router.go(-1);
})
}
})
}
},
JGnewAssets(type) {
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.butongguo.open()
}
if (type == 1) {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc: this.ruleForm.xcxmc,
status: 3,
type: this.$route.query.type
}
assetTasksh(tijioaobj).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
}
},
},
}
</script>

@ -1,578 +0,0 @@
<!-- 公众号表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm"
label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync" placeholder="请输入所属单位"
disabled></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="平台类型" prop="ptlx" required>
<el-select v-model="ruleForm.ptlx" placeholder="请选择平台类型" disabled>
<el-option v-for="dict in dict.type.sys_ptlx_type" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<div v-if="ruleForm.ptlx == 1">
<el-row>
<el-col :span="12">
<el-form-item label="微信号" prop="wxh">
<el-input v-model="ruleForm.wxh" style="width: 100%;" placeholder="请输入微信号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号名称" prop="gzhmc">
<el-input v-model="ruleForm.gzhmc" placeholder="请输入公众号名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="tyshxydm" class="daoqitixingren" label="统一社会信用代码" required :rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号状态" prop="gzhzt">
<el-select v-model="ruleForm.gzhzt" placeholder="请选择公众号状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="公众号ID" prop="gzhId">
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入公众号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号类型" prop="gzhlx">
<el-select v-model="ruleForm.gzhlx" placeholder="请选择公众号类型">
<el-option v-for="dict in dict.type.gzh_lx" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" prop="rzState">
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option v-for="dict in dict.type.gzh_rzzt" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" prop="rzsj">
<el-date-picker v-model="ruleForm.rzsj" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" prop="rzlx">
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option v-for="dict in dict.type.gzh_rzlx" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.app_xzqh" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrrdh" label="系统责任人电话" required :rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrryx" label="系统责任人邮箱" required :rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单名称)" prop="cdmc">
<el-input v-model="ruleForm.cdmc" style="width: 100%;" placeholder="请输入菜单信息(菜单名称)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="菜单信息(菜单链接)" prop="cdlj">
<el-input v-model="ruleForm.cdlj" style="width: 100%;" placeholder="请输入菜单信息(菜单链接)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="菜单信息(菜单类型)" prop="cdlx">
<el-input v-model="ruleForm.cdlx" style="width: 100%;" placeholder="请输入菜单信息(菜单类型)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" prop="rzzt">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5"
v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else>
<el-row>
<el-col :span="12">
<el-form-item prop="tyshxydm" class="daoqitixingren" label="统一社会信用代码" required>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号名称" prop="gzhmc" :rules="[
{ required: true, message: '账号名称不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.gzhmc" placeholder="请输入账号名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号ID" required prop="gzhId" :rules="[
{ required: true, message: '账号ID不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入账号ID"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号状态" required prop="gzhzt" :rules="[
{ required: true, message: '账号状态不能为空', trigger: 'blur' }
]">
<el-select v-model="ruleForm.gzhzt" placeholder="请选择账号状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="开办主体" required prop="rzzt" :rules="[
{ required: true, message: '开办主体不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入开办主体"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="粉丝数" required prop="fss" :rules="[
{ required: true, message: '粉丝数不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.fss" type="number" style="width: 100%;" placeholder="请输入粉丝数"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrrdh" label="系统责任人电话" required>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required prop="xtzrryx">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5"
v-model="ruleForm.xtjj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row v-if="ruleForm.bfyy">
<el-col :span="24">
<el-form-item label="关停原因">
                <div>{{ ruleForm.bfyy }}</div>
              </el-form-item>
</el-col>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'mytaskAuditInfo'">
<el-button type="danger" @click="newAssets(0)"></el-button>
<el-button @click="newAssets(1)"></el-button>
<el-button type="warning" @click="newAssets(2)"></el-button>
<el-button type="success" @click="newAssets(3)" :loading="loading">提交</el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'taskAuditInfo'">
<el-button type="danger" @click="JGnewAssets(0)"></el-button>
<el-button type="primary" @click="JGnewAssets(1)"></el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
</div>
</div>
<baofei ref='baofei' :ruleForm='ruleForm' @assetTaskzc="guanting"></baofei>
<butongguo ref='butongguo' :chuandemingcheng='ruleForm.gzhmc'></butongguo>
</div>
</template>
<script>
import { assetOfficialAccount, assetOfficialAccountInfo, unitAllList } from "@/api/auditPagesApi/index";
import { assetTaskofficetaskSh, assetTaskgzhzc, assetTasksh, assetTaskgzhjyTj } from "@/api/renwuApi/index.js"
import baofei from "@/views/components/renwuType/baofei.vue"
import butongguo from "@/views/components/renwuType/butongguo.vue"
export default {
components: { baofei, butongguo },
dicts: ['app_xzqh', 'app_sshy', 'app_zdhy', 'gzh_state', 'gzh_lx', 'gzh_rzzt', 'gzh_rzlx', 'gzh_cdlx', 'sys_ptlx_type'],
data() {
return {
ruleForm: {
},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "change" }
],
gzhmc: [
{ required: true, message: "公众号名称不能为空", trigger: "change" }
],
wxh: [
{ required: true, message: "微信号不能为空", trigger: "change" }
],
rzzt: [
{ required: true, message: "认证主体不能为空", trigger: "change" }
],
tyshxydm: [
{ required: true, message: "统一社会信用代码不能为空", trigger: "change" },
{ required: true, pattern: /^[a-zA-Z0-9]{18}$/, message: "请输入正确格式的18位统一社会信用代码", trigger: "blur" }
],
gzhzt: [
{ required: true, message: "公众号状态不能为空", trigger: "change" }
],
gzhId: [
{ required: true, message: "公众号ID不能为空", trigger: "change" }
],
gzhlx: [
{ required: true, message: "公众号类型不能为空", trigger: "change" }
],
rzState: [
{ required: true, message: "认证状态不能为空", trigger: "change" }
],
rzsj: [
{ required: true, message: "认证时间不能为空", trigger: "change" }
],
rzlx: [
{ required: true, message: "认证类型不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "change" }
],
xtzrrdh: [
{ required: true, message: "系统责任人电话不能为空", trigger: "change" },
{ required: true, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }
],
xtzrryx: [
{ required: true, message: "系统责任人邮箱不能为空", trigger: "change" },
{ required: true, type: 'email', message: "请输入正确的邮箱地址", trigger: ['blur', 'change'] }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "change" }
],
cdmc: [
{ required: true, message: "菜单信息(菜单名称)不能为空", trigger: "change" }
],
cdlj: [
{ required: true, message: "菜单信息(菜单链接)不能为空", trigger: "change" }
],
cdlx: [
{ required: true, message: "菜单信息(菜单类型)不能为空", trigger: "change" }
],
xtjj: [
{ required: true, message: "系统简介不能为空", trigger: "change" }
]
},
loading: false,
disabled: false,
}
},
props: ['pageType', 'id'],
mounted() {
if (this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if (this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if (this.$route.query.taskInfo == 'taskInfo') {
this.disabled = true;
}
},
methods: {
sendBack() {
if (localStorage.getItem('ismypaginationTow')) {
let formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
formInline.isfanhuiTow = true
localStorage.setItem("ismypaginationTow", JSON.stringify(formInline))
}
this.$router.go(-1);
},
getInfo(id) {
let obj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId
}
assetTaskofficetaskSh(obj).then(res => {
this.ruleForm = res.data;
if (!this.ruleForm.ptlx) {
this.ruleForm.ptlx = '1'
}
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
guanting(ruleForm) {
assetTaskgzhzc(ruleForm).then(res => {
this.$message({
type: 'info',
message: '已关停'
});
this.$router.go(-1);
this.ruleForm.bfyy = ""
this.$refs.baofei.resetForm()
})
},
//
newAssets(type) {
if (type == 1) {
//
this.loading = true
this.$router.go(-1);
this.loading = false
return
}
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.baofei.open()
}
//
if (type == 2) {
this.loading = true
assetTaskgzhzc(this.ruleForm).then(res => {
console.log(res, "res");
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
this.loading = false
})
}
if (type == 3) {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.loading = true;
assetTaskgzhjyTj(this.ruleForm).then(res => {
this.loading = false;
this.$modal.msgSuccess("提交成功");
this.$router.go(-1);
})
}
})
}
},
JGnewAssets(type) {
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.butongguo.open()
}
if (type == 1) {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc: this.ruleForm.gzhmc,
status: 3,
type: this.$route.query.type
}
assetTasksh(tijioaobj).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
}
},
},
}
</script>

@ -1,409 +0,0 @@
<!-- 电子邮件表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm"
label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync" placeholder="请输入所属单位"
disabled></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz">
<el-input v-model="ruleForm.dzyxhz" placeholder="请输入电子邮箱后缀" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="建设类型" prop="jslx">
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option v-for="dict in dict.type.email_jslx" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统供应商" prop="yjxtgys">
<el-input v-model="ruleForm.yjxtgys" style="width: 100%;" placeholder="请输入邮件系统供应商"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="密码算法" prop="mmsf">
<el-input v-model="ruleForm.mmsf" placeholder="请输入密码算法"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统状态" prop="yjxtzc">
<el-select v-model="ruleForm.yjxtzc" placeholder="请选择邮件系统状态">
<el-option v-for="dict in dict.type.email_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全防护系统" prop="aqfhxt">
<el-select v-model="ruleForm.aqfhxt" placeholder="请选择安全防护系统">
<el-option v-for="dict in dict.type.email_hasorno" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安全备份环境" prop="aqbfhj">
<el-select v-model="ruleForm.aqbfhj" placeholder="请选择安全备份环境">
<el-option v-for="dict in dict.type.email_hasorno" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="数字证书厂商" prop="szzscs">
<el-input v-model="ruleForm.szzscs" style="width: 100%;" placeholder="请输入数字证书厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上线时间" prop="sxsj">
<el-date-picker v-model="ruleForm.sxsj" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.app_xzqh" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="xtzrrdh" label="系统责任人电话" required :rules="[
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="xtzrryx" label="系统责任人邮箱" required :rules="[
{
required: true,
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['change', 'change']
}
]">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" prop="jj">
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.bfyy">
<el-col :span="24">
<el-form-item label="关停原因">
                <div>{{ ruleForm.bfyy }}</div>
              </el-form-item>
</el-col>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'mytaskAuditInfo'">
<el-button type="danger" @click="newAssets(0)"></el-button>
<el-button @click="newAssets(1)"></el-button>
<el-button type="warning" @click="newAssets(2)"></el-button>
<el-button type="success" @click="newAssets(3)" :loading="loading">提交</el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'taskAuditInfo'">
<el-button type="danger" @click="JGnewAssets(0)"></el-button>
<el-button type="primary" @click="JGnewAssets(1)"></el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
</div>
</div>
<baofei ref='baofei' :ruleForm='ruleForm' @assetTaskzc="guanting"></baofei>
<butongguo ref='butongguo' :chuandemingcheng='ruleForm.gzhmc'></butongguo>
</div>
</template>
<script>
import { assetEmail, assetEmailInfo, unitAllList } from "@/api/auditPagesApi/index";
import { assetTaskemailtaskSh, assetTaskemailzc, assetTasksh, assetTaskemailjyTj } from "@/api/renwuApi/index.js"
import baofei from "@/views/components/renwuType/baofei.vue"
import butongguo from "@/views/components/renwuType/butongguo.vue"
export default {
components: { baofei, butongguo },
dicts: ['app_xzqh', 'app_sshy', 'app_zdhy', 'email_jslx', 'email_state', 'email_hasorno'],
data() {
return {
ruleForm: {
},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "change" }
],
dzyxhz: [
{ required: true, message: "电子邮箱后缀不能为空", trigger: "change" }
],
jslx: [
{ required: true, message: "建设类型不能为空", trigger: "change" }
],
yjxtgys: [
{ required: true, message: "邮件系统供应商不能为空", trigger: "change" }
],
mmsf: [
{ required: true, message: "密码算法不能为空", trigger: "change" }
],
yjxtzc: [
{ required: true, message: "邮件系统状态不能为空", trigger: "change" }
],
aqfhxt: [
{ required: true, message: "安全防护系统不能为空", trigger: "change" }
],
aqbfhj: [
{ required: true, message: "安全备份环境不能为空", trigger: "change" }
],
szzscs: [
{ required: true, message: "数字证书厂商不能为空", trigger: "change" }
],
sxsj: [
{ required: true, message: "上线时间不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "change" }
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "change" }
],
jj: [
{ required: true, message: "简介不能为空", trigger: "change" }
]
},
loading: false,
disabled: false,
}
},
props: ['pageType', 'id'],
mounted() {
if (this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if (this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if (this.$route.query.taskInfo == 'taskInfo') {
this.disabled = true;
}
},
methods: {
sendBack() {
if (localStorage.getItem('ismypaginationTow')) {
let formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
formInline.isfanhuiTow = true
localStorage.setItem("ismypaginationTow", JSON.stringify(formInline))
}
this.$router.go(-1);
},
getInfo(id) {
let obj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId
}
assetTaskemailtaskSh(obj).then(res => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
guanting(ruleForm) {
assetTaskemailzc(ruleForm).then(res => {
this.$message({
type: 'info',
message: '已关停'
});
this.$router.go(-1);
this.ruleForm.bfyy = ""
this.$refs.baofei.resetForm()
})
},
//
newAssets(type) {
if (type == 1) {
//
this.loading = true
this.$router.go(-1);
this.loading = false
return
}
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.baofei.open()
}
//
if (type == 2) {
this.loading = true
assetTaskemailzc(this.ruleForm).then(res => {
console.log(res, "res");
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
this.loading = false
})
}
if (type == 3) {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.loading = true;
assetTaskemailjyTj(this.ruleForm).then(res => {
this.loading = false;
this.$modal.msgSuccess("提交成功");
this.$router.go(-1);
})
}
})
}
},
JGnewAssets(type) {
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.butongguo.open()
}
if (type == 1) {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc: this.ruleForm.dzyxhz,
status: 3,
type: this.$route.query.type
}
assetTasksh(tijioaobj).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
}
},
},
}
</script>

@ -1,399 +0,0 @@
<!-- 移动应用程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm"
label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync" placeholder="请输入所属单位"
disabled></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" prop="appName">
<el-input v-model="ruleForm.appName" placeholder="请输入移动应用名称" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" prop="pack">
<el-input v-model="ruleForm.pack" style="width: 100%;" placeholder="请输入包名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState">
<el-select v-model="ruleForm.icpState" placeholder="请选择icp备案状态">
<el-option v-for="dict in dict.type.app_icp_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="icp备案号" prop="icpbah">
<el-input v-model="ruleForm.icpbah" placeholder="请输入icp备案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="tyshxydm" class="daoqitixingren" label="统一社会信用代码" required :rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" prop="wjm">
<el-input v-model="ruleForm.wjm" placeholder="请输入文件名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.app_xzqh" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全加固情况" prop="aqjgqk">
<el-select v-model="ruleForm.aqjgqk" placeholder="请选择安全加固情况">
<el-option v-for="dict in dict.type.app_aqjgqk" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息" prop="bbxx">
<el-input v-model="ruleForm.bbxx" style="width: 100%;" placeholder="请输入版本信息"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(版本号)" prop="bbh">
<el-input v-model="ruleForm.bbh" style="width: 100%;" placeholder="请输入版本信息(版本号)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息MD5" prop="bbxxMd5">
<el-input v-model="ruleForm.bbxxMd5" style="width: 100%;" placeholder="请输入版本信息MD5"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(上架平台)" prop="bbxxSjpt">
<el-input v-model="ruleForm.bbxxSjpt" style="width: 100%;" placeholder="请输入版本信息(上架平台)"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件大小" prop="wjdx">
<el-input v-model="ruleForm.wjdx" style="width: 100%;" placeholder="请输入文件大小"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="移动应用系统状态" required>
<el-select v-model="ruleForm.appState" prop="appState" placeholder="请选择移动应用系统状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" prop="jj">
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.bfyy">
<el-col :span="24">
<el-form-item label="关停原因">
                <div>{{ ruleForm.bfyy }}</div>
              </el-form-item>
</el-col>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'mytaskAuditInfo'">
<el-button type="danger" @click="newAssets(0)"></el-button>
<el-button @click="newAssets(1)"></el-button>
<el-button type="warning" @click="newAssets(2)"></el-button>
<el-button type="success" @click="newAssets(3)" :loading="loading">提交</el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'taskAuditInfo'">
<el-button type="danger" @click="JGnewAssets(0)"></el-button>
<el-button type="primary" @click="JGnewAssets(1)"></el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
</div>
</div>
<baofei ref='baofei' :ruleForm='ruleForm' @assetTaskzc="guanting"></baofei>
<butongguo ref='butongguo' :chuandemingcheng='ruleForm.appName'></butongguo>
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList } from "@/api/auditPagesApi/index";
import { assetTaskapptaskSh, assetTaskappzc, assetTasksh, assetTaskappjyTj } from "@/api/renwuApi/index.js"
import baofei from "@/views/components/renwuType/baofei.vue"
import butongguo from "@/views/components/renwuType/butongguo.vue"
export default {
components: { baofei, butongguo },
dicts: ['app_icp_state', 'app_sshy', 'app_zdhy', 'app_xzqh', 'app_aqjgqk', 'gzh_state'],
data() {
return {
ruleForm: {
},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "change" }
],
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "change" }
],
pack: [
{ required: true, message: "包名不能为空", trigger: "change" }
],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" }
],
icpbah: [
{ required: true, message: "icp备案号不能为空", trigger: "change" }
],
wjm: [
{ required: true, message: "文件名不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
aqjgqk: [
{ required: true, message: "安全加固情况不能为空", trigger: "change" }
],
bbxx: [
{ required: true, message: "版本信息不能为空", trigger: "change" }
],
bbh: [
{ required: true, message: "版本信息(版本号)不能为空", trigger: "change" }
],
bbxxMd5: [
{ required: true, message: "版本信息MD5不能为空", trigger: "change" }
],
bbxxSjpt: [
{ required: true, message: "版本信息(上架平台)不能为空", trigger: "change" }
],
wjdx: [
{ required: true, message: "文件大小不能为空", trigger: "change" }
],
jj: [
{ required: true, message: "简介不能为空", trigger: "change" }
],
appState: [
{ required: true, message: "移动应用系统状态不能为空", trigger: "change" }
],
},
loading: false,
disabled: false,
}
},
props: ['pageType', 'id'],
mounted() {
if (this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
inputElements.forEach((input) => {
input.placeholder = '';
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
});
})
} else if (this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
if (this.$route.query.taskInfo == 'taskInfo') {
this.disabled = true;
}
},
methods: {
sendBack() {
if (localStorage.getItem('ismypaginationTow')) {
let formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
formInline.isfanhuiTow = true
localStorage.setItem("ismypaginationTow", JSON.stringify(formInline))
}
this.$router.go(-1);
},
getInfo(id) {
let obj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId
}
assetTaskapptaskSh(obj).then(res => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
guanting(ruleForm) {
assetTaskappzc(ruleForm).then(res => {
this.$message({
type: 'info',
message: '已关停'
});
this.$router.go(-1);
this.ruleForm.bfyy = ""
this.$refs.baofei.resetForm()
})
},
//
newAssets(type) {
if (type == 1) {
//
this.loading = true
this.$router.go(-1);
this.loading = false
return
}
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.baofei.open()
}
//
if (type == 2) {
this.loading = true
assetTaskappzc(this.ruleForm).then(res => {
console.log(res, "res");
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
this.loading = false
})
}
if (type == 3) {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.loading = true;
assetTaskappjyTj(this.ruleForm).then(res => {
this.loading = false;
this.$modal.msgSuccess("提交成功");
this.$router.go(-1);
})
}
})
}
},
JGnewAssets(type) {
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.butongguo.open()
}
if (type == 1) {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc: this.ruleForm.appName,
status: 3,
type: this.$route.query.type
}
assetTasksh(tijioaobj).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
}
},
},
}
</script>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -11,11 +11,7 @@ export default {
},
mounted() {
const firstRouter = this.defaultRoutes.filter(item => !item.hidden)
if(this.$store.state.user.roles.includes('unit')) {
this.$router.push('/'+firstRouter[0].children[0].path);
} else {
this.$router.push(firstRouter[0].path + "/" + firstRouter[0].children[0].path);
}
this.$router.push('/'+firstRouter[0].children[0].path);
},
};
</script>

@ -1,7 +1,7 @@
<template>
<div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">太仓市网络和数据资产采集管理系统</h3>
<h3 class="title">太仓资产核查管理系统</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
@ -53,14 +53,11 @@
<router-link class="link-type" :to="'/register'">立即注册</router-link>
</div>
</el-form-item>
</el-form>
<!-- 底部 -->
<!-- <div class="el-login-footer">
<span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>
</div> -->
<div class="dibutishi"><span>主办单位</span>中共太仓市委网信办 <span class="kongge"></span> <span>技术支持单位</span>杭州安恒信息技术股份有限公司
</div>
</div>
</template>
@ -76,8 +73,8 @@ export default {
return {
codeUrl: "",
loginForm: {
username: "",
password: "",
username: "admin",
password: "admin123",
rememberMe: false,
code: "",
uuid: ""
@ -109,12 +106,6 @@ export default {
}
},
created() {
if(localStorage.getItem("ismypaginationTow")){
localStorage.removeItem("ismypaginationTow")
}
if(localStorage.getItem("ismypagination")){
localStorage.removeItem("ismypagination")
}
this.getCode();
this.getCookie();
},
@ -186,7 +177,7 @@ export default {
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style rel="stylesheet/scss" lang="scss">
.login {
display: flex;
justify-content: center;
@ -198,9 +189,8 @@ export default {
.title {
margin: 0px auto 30px auto;
text-align: center;
// text-wrap: nowrap;
font-family: Alimama ShuHeiTi;
// font-weight: bold;
font-weight: bold;
font-size: 24px;
color: #192734;
}
@ -208,7 +198,7 @@ export default {
.login-form {
border-radius: 6px;
background: #ffffff;
width: 420px;
width: 400px;
padding: 25px 25px 5px 25px;
.el-input {
height: 38px;
@ -251,20 +241,4 @@ export default {
.login-code-img {
height: 38px;
}
.dibutishi {
position: absolute;
bottom: 10px;
text-align: center;
font-size: 14px;
margin-top: 3px;
color: #ffffff;
.kongge {
margin: 0 10px;
}
span {
color: #ffffff;
}
}
</style>

@ -1,7 +1,7 @@
<template>
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">太仓市网络和数据资产采集管理系统</h3>
<h3 class="title">若依后台管理系统</h3>
<el-form-item prop="username">
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

@ -14,7 +14,7 @@
</el-col>
<el-col :span="7">
<el-form-item label="单位类型:" prop="dwlx">
<el-select v-model="queryParams.dwlx" placeholder="请选择单位类型" clearable>
<el-select v-model="queryParams.dwlx" placeholder="用户状态" clearable>
<el-option v-for="dict in dict.type.dwlx" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
@ -235,14 +235,8 @@ export default {
}
return '';
},
getType(type){
this.queryParams.type = type.join(",")
},
/** 查询用户列表 */
getList(type) {
if(this.queryParams.type){
this.queryParams.type = this.queryParams.type
}
getList() {
this.loading = true;
this.queryParams.isSearch = 1
listUnitdw(this.queryParams).then(response => {
@ -267,9 +261,6 @@ export default {
},
/** 重置按钮操作 */
resetQuery() {
if(this.queryParams.type){
this.queryParams.type = this.queryParams.type
}
this.resetForm("queryForm");
this.toggleSelection()
this.handleQuery();

@ -137,226 +137,190 @@
</el-col>
</el-row>
</div> -->
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
<!--部门数据-->
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
<div class="head-container">
<el-input
v-model="deptName"
placeholder="请输入部门名称"
clearable
size="small"
prefix-icon="el-icon-search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" :model="queryParams" ref="queryForm" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="单位名称:" prop="nickName">
<el-input
v-model="queryParams.nickName"
placeholder="请输入单位名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单位类型:" prop="dwlx">
<el-select
v-model="queryParams.dwlx"
placeholder="请选择单位类型"
clearable
>
<el-option
v-for="dict in dict.type.dwlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="统一社会信用代码:" class="tyshxydm-class" prop="userName">
<el-input
v-model="queryParams.userName"
placeholder="请输入统一社会信用代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;padding-right: 20px;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery"></el-button>
<el-button size="mini" type="primary" @click="handleQuery"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">任务列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增单位</el-button>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" :model="queryParams" ref="queryForm" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="单位名称:" prop="nickName">
<el-input
v-model="queryParams.nickName"
placeholder="请输入单位名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单位类型:" prop="dwlx">
<el-select
v-model="queryParams.dwlx"
placeholder="请选择单位类型"
clearable
>
<el-option
v-for="dict in dict.type.dwlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="统一社会信用代码:" class="tyshxydm-class" prop="userName">
<el-input
v-model="queryParams.userName"
placeholder="请输入统一社会信用代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;padding-right: 20px;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery"></el-button>
<el-button size="mini" type="primary" @click="handleQuery"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">任务列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增单位</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="userList" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column label="单位名称" align="center" key="nickName" prop="nickName">
<template slot-scope="scope">{{ scope.row.nickName }}</template>
</el-table-column>
<el-table-column label="单位类型" width="100" align="center" key="dwlx" prop="dwlx">
<template slot-scope="scope">
<dict-tag :options="dict.type.dwlx" :value="scope.row.dwlx"/>
</template>
</el-table-column>
<el-table-column label="统一社会信用代码" align="center" key="userName" prop="userName">
<template slot-scope="scope">{{ scope.row.userName }}</template>
</el-table-column>
<!-- <el-table-column label="所属区域" align="center" key="ssqycounty" prop="ssqycounty">
<template slot-scope="scope">{{ getSsqu(scope.row) }}</template>
</el-table-column> -->
<el-table-column label="所属行业" width="80" align="center" key="sshy" prop="sshy">
<template slot-scope="scope">
<dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/>
<!-- {{ scope.row.sshy }} -->
</template>
</el-table-column>
<el-table-column label="单位地址" align="center" key="dwxxdz" prop="dwxxdz">
<template slot-scope="scope">{{ scope.row.dwxxdz }}</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;"@click="handleLookdate(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer; margin-left: 10px;" @click="handleUpdate(scope.row)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">编辑</span>
</div>
<div v-if="roles.includes('admin') || roles.includes('common')" style="display: flex;align-items: center;cursor: pointer; margin-left: 10px;" @click="changePassword(scope.row)">
<!-- <img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;"> -->
<i class="el-icon-refresh-right" style="width: 20px;margin-right: 5px;color: #1485EF;font-size: 20px;"></i>
<span class="look-info" style="color: #1485EF;">重置密码</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer; margin-left: 10px;" @click="handleDelete(scope.row)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="queryParams.current"
:limit="queryParams.size"
@pagination="getPagination"
:current-page.sync="queryParams.current"
></my-pagination>
</main>
<!-- 用户导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
<section>
<el-table v-loading="loading" :data="userList" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column label="单位名称" align="center" key="nickName" prop="nickName">
<template slot-scope="scope">{{ scope.row.nickName }}</template>
</el-table-column>
<el-table-column label="单位类型" align="center" key="dwlx" prop="dwlx">
<template slot-scope="scope">
<dict-tag :options="dict.type.dwlx" :value="scope.row.dwlx"/>
</template>
</el-table-column>
<el-table-column label="统一社会信用代码" align="center" key="userName" prop="userName">
<template slot-scope="scope">{{ scope.row.userName }}</template>
</el-table-column>
<el-table-column label="所属区域" align="center" key="ssqycounty" prop="ssqycounty">
<template slot-scope="scope">{{ getSsqu(scope.row) }}</template>
</el-table-column>
<el-table-column label="所属行业" align="center" key="sshy" prop="sshy">
<template slot-scope="scope">
<dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/>
<!-- {{ scope.row.sshy }} -->
</template>
</el-table-column>
<el-table-column label="单位地址" align="center" key="dwxxdz" prop="dwxxdz">
<template slot-scope="scope">{{ scope.row.dwxxdz }}</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;"@click="handleLookdate(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer; margin-left: 10px;" @click="handleUpdate(scope.row)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">编辑</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer; margin-left: 10px;" @click="handleDelete(scope.row)">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #F50C0C;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="queryParams.current"
:limit="queryParams.size"
@pagination="getPagination"
:current-page.sync="queryParams.current"
></my-pagination>
</main>
<!-- 用户导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div>
</el-dialog>
<span>仅允许导入xlsxlsx格式文件</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-col>
</el-row>
</el-dialog>
</div>
</template>
<script>
import { deptTreeSelect } from "@/api/system/user";
import { listUnit, delUnit, editPassword } from "@/api/auditPagesApi/index";
// import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect } from "@/api/system/user";
import { listUnit, delUnit } from "@/api/auditPagesApi/index";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import myPagination from "@/views/components/Pagination/index.vue"
import { MessageBox } from 'element-ui'
export default {
name: "User",
dicts: ['dwlx','sshy'],
components: { Treeselect, myPagination },
data() {
return {
roles: this.$store.state.user.roles,
//
loading: true,
//
@ -453,16 +417,12 @@ export default {
}
},
created() {
this.getList();
// this.getConfigKey("sys.user.initPassword").then(response => {
// this.initPassword = response.msg;
// });
},
mounted(){
if(this.$route.params) {
this.queryParams = this.$route.params;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
@ -497,17 +457,6 @@ export default {
this.queryParams.size = pages.limit;
this.getList();
},
/** 查询部门下拉树结构 */
getDeptTree() {
deptTreeSelect().then(response => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.queryParams.deptId = data.id;
@ -521,8 +470,6 @@ export default {
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.queryParams.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
/** 新增按钮操作 */
@ -543,16 +490,14 @@ export default {
handleUpdate(row) {
this.$router.push({name: 'UnitAuth',query: {
pageType: "change",
id: row.id,
queryData:this.queryParams
id: row.id
}})
},
/** 查看按钮操作 */
handleLookdate(row){
this.$router.push({name: 'UnitAuth',query: {
pageType: "look",
id: row.id,
queryData:this.queryParams
id: row.id
}})
},
/** 删除按钮操作 */
@ -569,7 +514,7 @@ export default {
handleExport() {
this.download('/tc/unit/export', {
...this.queryParams
}, `单位列表${new Date().getTime()}.xlsx`)
}, `unit_${new Date().getTime()}.xlsx`)
},
/** 导入按钮操作 */
handleImport() {
@ -579,7 +524,7 @@ export default {
/** 下载模板操作 */
importTemplate() {
this.download('/tc/unit/importTemplate', {
}, `单位导入模板${new Date().getTime()}.xlsx`)
}, `unit_template_${new Date().getTime()}.xlsx`)
},
//
handleFileUploadProgress(event, file, fileList) {
@ -597,38 +542,6 @@ export default {
submitFileForm() {
this.$refs.upload.submit();
},
// admin
changePassword(row){
editPassword(row.id).then(res=>{
if(res.code == 200 && res.msg) {
let msg = res.msg
MessageBox.confirm(`${msg}`, '重置密码', {
confirmButtonText: '确定',
showClose:false,
type:"success ",
callback: action => {
if (window.clipboardData) {
window.clipboardData.setData('text', msg);
} else {
(function () {
document.oncopy = function (e) {
e.clipboardData.setData('text', msg);
e.preventDefault();
document.oncopy = null;
}
})(msg);
document.execCommand('Copy');
}
this.$message({
type: 'success',
message: `密码复制成功: ${ msg }`
});
this.getList();
}
});
}
})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {

@ -1,53 +0,0 @@
<template>
<assetsTypeOne :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
<assetsTypeTwo :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
<assetsTypeThree :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
<assetsTypeFour :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
<assetsTypeFive :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
</template>
<script>
// web
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
//
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
//
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
//
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
//
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
export default {
name: "AssetsAuth",
components:{
assetsTypeOne,
assetsTypeTwo,
assetsTypeThree,
assetsTypeFour,
assetsTypeFive,
},
data() {
return {
}
},
beforeRouteEnter(to,from,next){
to.meta.type = to.query.type
if(to.meta.pageType == 'look') {
to.meta.title = '查看资产'
} else if(to.meta.pageType == 'change'){
to.meta.title = '修改资产'
}
// if(to.meta.type == 0) {
// to.meta.activeMenu = "/assetRecord/myWebAssets"
// } else if(to.meta.type == 1) {
// to.meta.activeMenu = "/assetRecord/myProgram"
// } else if(to.meta.type == 2) {
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
// } else if(to.meta.type == 3) {
// to.meta.activeMenu = "/assetRecord/myEmail"
// } else if(to.meta.type == 4) {
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
// }
next();
},
}
</script>

@ -1,402 +0,0 @@
<!-- 单位自主填报 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="formInlineRef" :model="pagination" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="资产名称:" prop="name">
<el-input v-model="pagination.name" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="审核状态:" prop="auditState">
<el-select v-model="pagination.auditState" placeholder="请选择审核状态">
<el-option label="待审核" value="1" />
<el-option label="审核通过" value="2" />
<el-option label="审核驳回" value="3" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: left;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<el-row class="mb8">
<el-col>
<div class="exportBtn">
<div class="mybuttom"
:class="btnShow == item.value ? 'mybuttomshow' : ''"
v-for="(item, index) in btnArr"
@click="xuanzelist(item)">
{{ item.label }}
</div>
</div>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="资产名称" key="xtmc" prop="xtmc" align="center" v-if="btnShow == 'web'" />
<el-table-column label="所属单位" key="dwmc" prop="dwmc" align="center" v-if="btnShow == 'web'" />
<el-table-column label="资产名称" key="xcxmc" prop="xcxmc" align="center" v-if="btnShow == 'xcx'" />
<el-table-column label="资产名称" key="gzhmc" prop="gzhmc" align="center" v-if="btnShow == 'gzh'" />
<el-table-column label="资产名称" key="dzyxhz" prop="dzyxhz" align="center" v-if="btnShow == 'emil'" />
<el-table-column label="资产名称" key="appName" prop="appName" align="center" v-if="btnShow == 'app'" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" v-if="btnShow !== 'web'" />
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center" v-if="btnShow == 'gzh'">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_ptlx_type" :value="scope.row.ptlx"/>
</template>
</el-table-column>
<el-table-column label="审核状态" key="auditState" width="200px" prop="auditState" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.auditState == 1" style="color: #F58A0C;">
待审核
</span>
<span v-if="scope.row.auditState == 2" style="color: #16B771;">
审批通过
</span>
<span v-if="scope.row.auditState == 3" style="color: #F50C0C;">
审批驳回
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
</div>
<!-- -->
<div v-if="scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="delInfo(scope.row)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">编辑</span>
</div>
<div v-if="scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="lookInfo(scope.row)">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">驳回原因</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
</main>
<my-dialog title="查看原因" ref="liebiaoDialog" class="taskDialogBox" width="40%">
<el-descriptions>
<el-descriptions-item label="不通过原因">
{{ chakanyuanyin }}
</el-descriptions-item>
</el-descriptions>
</my-dialog>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import myDialog from "@/views/components/myDialog/index.vue"
import danweiList from "@/views/system/user/danweiList.vue"
import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
import { getAuditList, miniProgramsGetAuditList, gzhGetAuditList, EmailList, AppList } from "@/api/auditPagesApi/index.js"
export default {
dicts: ['sys_ptlx_type'],
components: { myPagination, myDialog, danweiList },
data() {
return {
btnloading: false,
total: 0,
pagination: {
current: 1,
size: 10,
dwmc:'',
auditState:'',
name:'',
},
tableData: [
],
loading: false,
tabHeader: undefined,
btnArr: [
{
label: 'web资产',
value: "web"
}, {
label: '小程序',
value: 'xcx'
}, {
label: '公众号',
value: 'gzh'
}, {
label: '电子邮件',
value: 'emil'
}, {
label: '移动应用系统',
value: 'app'
}
],
btnShow:"web",
chakanyuanyin:'',
}
},
mounted() {
// this.getInfo(1);
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
//
getInfo(id) {
this.loading = true;
// getassetTask(this.pagination).then(res => {
// this.loading = false;
// this.total = res.data.total;
// this.tableData = res.data.records;
// })
if(id == 1) {
getAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 2) {
miniProgramsGetAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 3) {
gzhGetAuditList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 4) {
EmailList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
} else if(id == 5) {
AppList(this.pagination).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
}
},
//
resetQuery() {
this.resetForm("formInlineRef");
this.pagination.current = 1;
if(this.btnShow == 'web') {
this.getInfo(1);
} else if(this.btnShow == 'xcx') {
this.getInfo(2);
} else if(this.btnShow == 'gzh') {
this.getInfo(3);
} else if(this.btnShow == 'emil') {
this.getInfo(4);
} else if(this.btnShow == 'app') {
this.getInfo(5);
}
this.getInfo();
},
//
handleQuery() {
this.pagination.current = 1;
if(this.btnShow == 'web') {
this.getInfo(1);
} else if(this.btnShow == 'xcx') {
this.getInfo(2);
} else if(this.btnShow == 'gzh') {
this.getInfo(3);
} else if(this.btnShow == 'emil') {
this.getInfo(4);
} else if(this.btnShow == 'app') {
this.getInfo(5);
}
},
//
getPagination(pages) {
this.pagination.current = pages.page;
this.pagination.size = pages.limit;
if(this.btnShow == 'web') {
this.getInfo(1);
} else if(this.btnShow == 'xcx') {
this.getInfo(2);
} else if(this.btnShow == 'gzh') {
this.getInfo(3);
} else if(this.btnShow == 'emil') {
this.getInfo(4);
} else if(this.btnShow == 'app') {
this.getInfo(5);
}
},
//
goInfo(row) {
this.$router.push({
name: 'assetsAuthRecord', query: {
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
pageType: "look",
btnShow: this.btnShow,
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
name: "AssetRecord",
queryData:this.pagination
}
})
},
//
delInfo(row) {
//taskAudit
this.$router.push({
name: 'assetsAuthRecord', query: {
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
pageType: "change",
btnShow: this.btnShow,
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
name: "AssetRecord",
queryData:this.pagination
}
})
},
//
lookInfo(row){
this.chakanyuanyin = row.auditYy
this.$refs.liebiaoDialog.open()
},
// tab
xuanzelist(item) {
this.btnShow = item.value
switch (item.value) {
case 'web':
this.getInfo(1);
break;
case 'xcx':
this.getInfo(2);
break;
case 'gzh':
this.getInfo(3);
break;
case 'emil':
this.getInfo(4);
break;
case 'app':
this.getInfo(5);
break;
default:
break;
}
},
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 140;
}
},
beforeRouteEnter(to, from, next){
next(vm => {
if(from.path == "/assetsAuthRecord") {
vm.btnShow = from.query.btnShow
if(from.query.queryData) {
vm.pagination = from.query.queryData;
}
if(vm.btnShow == 'web') {
vm.getInfo(1);
} else if(vm.btnShow == 'xcx') {
vm.getInfo(2);
} else if(vm.btnShow == 'gzh') {
vm.getInfo(3);
} else if(vm.btnShow == 'emil') {
vm.getInfo(4);
} else if(vm.btnShow == 'app') {
vm.getInfo(5);
}
} else {
vm.getInfo(1);
}
})
},
}
</script>
<style lang="scss" scoped>
.el-icon-s-unfold {
font-size: 16px;
}
// ::v-deep .el-dialog__body{
// padding-left: 80px;
// }
.el-icon-delete {
color: #409EFF;
font-size: 16px;
font-weight: 600;
margin-right: 5px;
}
.exportBtn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.mybuttom {
margin: 0 10px;
display: inline-block;
padding: 5px 20px;
// background-color: rgba(30, 128, 235, 0.1);
background-color: rgba(213, 225, 236, 0.1);
border-radius: 8px;
border: 1px solid #1e80eb;
font-size: 14px;
color: #1e80eb;
font-family: Source Han Sans CN;
cursor: pointer;
&:hover {
background-color: #1e80eb;
color: #ffffff;
border: 1px solid #1e80eb;
}
}
.mybuttomshow {
background-color: #1e80eb;
color: #ffffff;
border: 1px solid #1e80eb;
}
</style>

File diff suppressed because it is too large Load Diff

@ -1,208 +0,0 @@
<!-- 资产管理 -- 电子邮件 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="7">
<el-form-item label="电子邮箱后缀:" prop="dzyxhz">
<el-input v-model="formInline.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="邮件系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择邮件系统状态">
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" />
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> -->
</el-table-column>
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="邮件系统状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.yjxtzc == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;">
停用
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { assetEmailList, deleteAssetEmail } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx', 'email_state'],
components:{myPagination},
data() {
return {
formInline:{
dzyxhz:"",
xtzt:"",
// startTime:"",
// endTime:"",
current:1,
size:10,
},
// time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
//
getList(){
this.loading = true;
assetEmailList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
// if(this.time) {
// this.formInline.startTime = this.time[0]
// this.formInline.endTime = this.time[1]
// }
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/assetEmail/export', {
...this.formInline
}, `电子邮件资产${new Date().getTime()}.xlsx`)
},
//
goInfo(row,id){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:3,
id:row.id,
queryData:this.formInline,
name:"MyEmail"
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -88,21 +88,17 @@
维护中
</span>
<span v-if="scope.row.xtzt == 5" style="color: #F50C0C;">
关停
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
</div>
<div v-if="!scope.row.auditState || scope.row.auditState == 2 || scope.row.xtzt == '5'" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
</div>
</template>
</el-table-column>
@ -136,15 +132,49 @@ export default {
size:10,
},
total:0,
tableData:[],
tableData:[
{
number:20230001,
name:"XXX资产",
type:"1类资产",
unit:"太仓市XXX局",
time:"2023-07-30 16:30:21",
status:0,
},{
number:20230001,
name:"XXX资产",
type:"1类资产",
unit:"太仓市XXX局",
time:"2023-07-30 16:30:21",
status:1,
},{
number:20230001,
name:"XXX资产",
type:"1类资产",
unit:"太仓市XXX局",
time:"2023-07-30 16:30:21",
status:2,
},{
number:20230001,
name:"XXX资产",
type:"1类资产",
unit:"太仓市XXX局",
time:"2023-07-30 16:30:21",
status:3,
},{
number:20230001,
name:"XXX资产",
type:"1类资产",
unit:"太仓市XXX局",
time:"2023-07-30 16:30:21",
status:4,
},
],
loading:false,
tabHeader: undefined,
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
@ -187,13 +217,10 @@ export default {
}, `asset_${new Date().getTime()}.xlsx`)
},
//
goInfo(row,id){
goInfo(row){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:0,
id: row.id,
queryData:this.formInline,
name:"MyWebAssets"
pageType: "look",
id: row.id
}})
},
// table
@ -211,7 +238,7 @@ export default {
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 120;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 80;
}
},
}

@ -1,232 +0,0 @@
<!-- 资产管理 -- 移动应用系统 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="7">
<el-form-item label="移动应用名称:" prop="yymc">
<el-input v-model="formInline.yymc" placeholder="请输入移动应用名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="icp备案状态" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择icp备案状态">
<el-option
v-for="dict in dict.type.app_icp_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="移动应用名称" key="appName" prop="appName" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="icp备案状态" key="dwmc" prop="dwmc" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template>
</el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="icp备案状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.icpState == 1" style="color: #F58A0C;">
未备案
</span>
<span v-if="scope.row.icpState == 2" style="color: #16B771;">
已备案
</span>
<span v-if="scope.row.icpState == 3" style="color: #1485EF;">
非网站系统
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { assetAppList, deleteAssetApp } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx', 'app_icp_state'],
components:{myPagination},
data() {
return {
formInline:{
xtzt:"",
yymc:"",
// startTime:"",
// endTime:"",
current:1,
size:10,
},
// time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
//
getList(){
this.loading = true;
assetAppList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
this.time = [];
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
// if(this.time) {
// this.formInline.startTime = this.time[0]
// this.formInline.endTime = this.time[1]
// }
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleExport(){
this.download('/tc/assetApp/export', {
...this.formInline
}, `移动应用程序资产${new Date().getTime()}.xlsx`)
},
//
goInfo(row,id){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:4,
id:row.id,
queryData:this.formInline,
name:"MyMobileApplication"
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -1,238 +0,0 @@
<!-- 资产管理 -- 公众号 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
<el-row>
<el-col :span="7">
<el-form-item label="公众号名称:" prop="gzhmc">
<el-input v-model="formInline.gzhmc" placeholder="请输入公众号名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="公众号状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择公众号状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_ptlx_type" :value="scope.row.ptlx"/>
</template>
</el-table-column>
<el-table-column label="公众号状态" key="status" prop="status" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.gzhzt == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
注销
</span>
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
迁移
</span>
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
受限
</span>
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
违规
</span>
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
未知
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx', 'gzh_state','sys_ptlx_type'],
components:{myPagination},
data() {
return {
formInline:{
gzhmc:"",
xtzt:"",
// startTime:"",
// endTime:"",
current:1,
size:10,
},
// time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
//
getList(){
this.loading = true;
assetOfficialAccountList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
// if(this.time) {
// this.formInline.startTime = this.time[0]
// this.formInline.endTime = this.time[1]
// }
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleExport(){
this.download('/tc/assetOfficialAccount/export', {
...this.formInline
}, `公众号资产${new Date().getTime()}.xlsx`)
},
//
goInfo(row,id){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:2,
id:row.id,
queryData:this.formInline,
name:"MyOfficialAccount"
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

@ -1,236 +0,0 @@
<!-- 资产管理 -- 小程序 -->
<template>
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline" label-width="100px">
<el-row>
<!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc">
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="7">
<el-form-item label="小程序名称:" prop="xcxmc">
<el-input v-model="formInline.xcxmc" placeholder="请输入小程序名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="小程序状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择小程序状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="小程序状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="16" style="text-align: right;padding-right: 30px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">资产列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center">
<!-- <template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
</template> -->
</el-table-column>
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> -->
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> -->
<el-table-column label="小程序状态" key="state" prop="state" class-name="table-status" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 1" style="color: #16B771;">
正常
</span>
<span v-if="scope.row.state == 2" style="color: #F58A0C;">
注销
</span>
<span v-if="scope.row.state == 3" style="color: #1485EF;">
迁移
</span>
<span v-if="scope.row.state == 4" style="color: #29A07A;">
受限
</span>
<span v-if="scope.row.state == 5" style="color: #F50C0C;">
违规
</span>
<span v-if="scope.row.state == 6" style="color: #F58A0C;">
未知
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
</div>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;" @click="goInfo(scope.row,2)">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
// import myDialog from "@/views/components/myDialog/index.vue"
import { miniProgramsList, deleteMiniPrograms } from "@/api/auditPagesApi/index";
export default {
dicts: ['gzh_state'],
components:{myPagination},
data() {
return {
formInline:{
xtzt:"",
xcxmc:"",
// startTime:"",
// endTime:"",
current:1,
size:10,
},
// time:[],
total:0,
tableData:[],
loading:false,
tabHeader: undefined,
}
},
mounted(){
if(this.$route.params) {
this.formInline = this.$route.params;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
//
getList(){
this.loading = true;
miniProgramsList(this.formInline).then(res=>{
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
},
//
resetQuery(){
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
handleQuery(){
this.formInline.current = 1;
// if(this.time) {
// this.formInline.startTime = this.time[0]
// this.formInline.endTime = this.time[1]
// }
this.getList();
},
//
getPagination(pages){
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleExport(){
this.download('/tc/miniPrograms/export', {
...this.formInline
}, `小程序资产${new Date().getTime()}.xlsx`)
},
//
goInfo(row,id){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:1,
id:row.id,
queryData:this.formInline,
name:"MyProgram"
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
},
}
</script>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -82,7 +82,7 @@
已核查
</span>
<span v-if="scope.row.status === 1" style="color: #F43147;">
关停
报废
</span>
<span v-if="scope.row.status === 2" style="color: #F59A23;">
未核查

@ -18,8 +18,6 @@
<el-col :span="7">
<el-form-item label="任务状态:">
<el-select v-model="formInline.taskStatus" placeholder="请选择">
<el-option label="已关闭" value="0">
</el-option>
<el-option label="进行中" value="1">
</el-option>
<el-option label="正常完成" value="2">
@ -39,7 +37,7 @@
</el-form>
</div>
<main>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
@ -56,22 +54,19 @@
<el-table-column label="任务状态" key="taskStatus" width="200px" prop="taskStatus" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.taskStatus == 0" style="color: #F56C6C;">
已关闭
</span>
<span v-if="scope.row.taskStatus == 1" style="color: #E6A23C;">
<span v-if="scope.row.taskStatus == 1" style="color: #F58A0C;">
进行中
</span>
<span v-if="scope.row.taskStatus == 2" style="color: #67C23A;">
<span v-if="scope.row.taskStatus == 2" style="color: #76EE00;">
正常完成
</span>
<span v-if="scope.row.taskStatus == 3" style="color: #67C23A;">
<span v-if="scope.row.taskStatus == 3" style="color: #16B771;">
超期完成
</span>
<span v-if="scope.row.taskStatus == 4" style="color: #F56C6C;">
<span v-if="scope.row.taskStatus == 4" style="color: #1485EF;">
审核不通过
</span>
<span v-if="scope.row.taskStatus == 5" style="color: #F56C6C;">
<span v-if="scope.row.taskStatus == 5" style="color: #1485EF;">
审核驳回
</span>
</template>
@ -81,13 +76,14 @@
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;cursor: pointer;">查看</span>
<span class="look-info"
style="color: #1485EF;cursor: pointer;">查看</span>
</div>
<!-- v-if="scope.row.taskStatus == 1" -->
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;" @click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;cursor: pointer;">开始核查</span>
<span class="del-info"
style="color: #1485EF;cursor: pointer;">开始核查</span>
</div>
</div>
</template>
@ -183,17 +179,9 @@ export default {
}
},
mounted() {
localStorage.removeItem("activeName")
if (localStorage.getItem('ismypagination')) {
if (JSON.parse(localStorage.getItem('ismypagination')).isfanhui) {
this.formInline = JSON.parse(localStorage.getItem('ismypagination'))
this.handleQuery()
} else {
localStorage.removeItem("ismypagination")
}
}
localStorage.removeItem("ismypaginationTow")
console.log(this.$store.state.user);
console.log(this.$store.state.user.roles[0]);
this.getInfo();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
@ -245,9 +233,9 @@ export default {
//
getInfo() {
this.loading = true;
if (this.$store.state.user.roles.includes("unit")) {
this.pagination.dwmc = this.$store.state.user.useer.nickName
}
if(this.$store.state.user.roles.includes("unit")){
this.pagination.dwmc=this.$store.state.user.useer.nickName
}
getassetTask(this.pagination).then(res => {
this.loading = false;
this.total = res.data.total;
@ -267,8 +255,6 @@ export default {
current: 1,
size: 10,
}
localStorage.removeItem("ismypagination")
this.getInfo();
},
//
@ -296,9 +282,6 @@ export default {
this.formInline.endTime = this.formInline.time[1]
}
this.pagination = { ...this.pagination, ...this.formInline };
this.formInline.isfanhui = false
localStorage.setItem("ismypagination", JSON.stringify(this.formInline))
this.getInfo();
},
//
@ -317,7 +300,7 @@ export default {
},
//
importClose() {
this.resetForm()
},
//
goInfo(row) {
@ -325,20 +308,20 @@ export default {
this.$router.push({
name: 'mytaskInfo', query: {
pageType: "look",
id: row.id,
dwmc: row.dwmc
id:row.id,
dwmc:row.dwmc
}
})
},
delInfo(row) {
//taskAudit
console.log(row);
this.$router.push({
name: 'mytaskInfo', query: {
pageType: "info",
id: row.id,
dwmc: row.dwmc
id:row.id,
dwmc:row.dwmc
}
})
},
@ -346,7 +329,7 @@ export default {
edit() {
},
//
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {

@ -5,13 +5,11 @@
<div class="info-left info-left-two" id="L-size-main">
<div class="content-info content-info-two" id="L-header">
<div class="info-title">任务详情</div>
<el-button type="primary" @click="sendBack" class="fanhuipiaofu" size='mini'>返回</el-button>
<div class="teshu-top-info">
<div class="top-info">
<el-row class="top-row">
<el-col :span="8">
任务下发时间<span>{{ titleInfoObj.taskTime }}</span>
任务编号<span>{{ titleInfoObj.id }}</span>
</el-col>
<el-col :span="8">
任务名称<span>{{ titleInfoObj.taskName }}</span>
@ -24,8 +22,8 @@
<el-col :span="8">
任务期限<span>{{ titleInfoObj.taskDeadline }}</span>
</el-col>
<el-col :span="16">
核查资产类型<span>{{ listTow.join(",") }}</span>
<el-col :span="8">
任务下发时间<span>{{ titleInfoObj.taskTime }}</span>
</el-col>
</el-row>
</div>
@ -38,12 +36,12 @@
<div class="info-bottom-box">
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline" v-if="index == 1">
<el-row>
<!-- <el-col :span="7">
<el-col :span="8">
<el-form-item label="核查单位:">
<el-input v-model="formInline.dwmc" placeholder="请输入"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="9">
</el-col>
<el-col :span="9">
<el-form-item label="系统类型:">
<el-select v-model="formInline.xtlx" placeholder="请选择">
<el-option v-for="dict in dict.type.zc_xtlx" :key="dict.label" :label="dict.label"
@ -51,8 +49,8 @@
</el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="7">
</el-col>
<el-col :span="9">
<el-form-item label="审核状态:">
<el-select v-model="formInline.status" placeholder="请选择">
<el-option label="未核查" value="0">
@ -63,7 +61,7 @@
</el-option>
<el-option label="审核不通过" value="4">
</el-option>
<el-option label="已关停" value="5">
<el-option label="已报废" value="5">
</el-option>
</el-select>
</el-form-item>
@ -100,62 +98,50 @@
</el-row>
</el-form>
<section v-if="index == 1">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="item.conent" :name="item.lable" :xtmcName="item.xtmcName"
v-for="item in chanckListTow"></el-tab-pane>
</el-tabs>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center" />
<!-- <el-table-column label="资产编号" key="id" width="200px" prop="id" align="center" /> -->
<el-table-column :label="xtmcName" key="xtmc" prop="xtmc" align="center" />
<!-- <el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<el-table-column label="系统名称" key="xtmc" prop="xtmc" align="center" />
<el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx" />
</template>
</el-table-column> -->
</el-table-column>
<el-table-column label="核查单位" key="zcdwmc" prop="zcdwmc" align="center" />
<el-table-column label="审核状态" key="status" width="200px" prop="status" class-name="table-status"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.status == 0" style="color: #E6A23C;">
<span v-if="scope.row.status == 0" style="color: #F59A23;">
未核查
</span>
<span v-if="scope.row.status == 1" style="color: #67C23A;">
<span v-if="scope.row.status == 1" style="color: #00FF00;">
已核查
</span>
<span v-if="scope.row.status == 3" style="color: #67C23A;">
<span v-if="scope.row.status == 3" style="color: #00FF00;">
审核通过
</span>
<span v-if="scope.row.status == 4" style="color: #F56C6C;">
<span v-if="scope.row.status == 4" style="color: #C51717;">
审核不通过
</span>
<span v-if="scope.row.status == 5" style="color: #F56C6C;">
关停
<span v-if="scope.row.status == 5" style="color: #C51717;">
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(1, scope.row)"
v-if="(scope.row.status != 4 && scope.row.status != 0) || ($route.query.pageType == 'look' || $route.meta.pageType == 'look')">
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(1,scope.row)">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看</span>
<span class="look-info"
style="color: #1485EF;">查看</span>
</div>
<!-- v-if="scope.row.taskStatus == 1" -->
<div
v-if="($route.query.pageType == 'info' || $route.meta.pageType == 'info') && scope.row.status != 3 && scope.row.status != 5 && scope.row.status != 1"
style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
@click="goInfo(2, scope.row)">
<div v-if="($route.query.pageType == 'info' || $route.meta.pageType == 'info') && scope.row.status != 3&& scope.row.status != 5&&scope.row.status != 1" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;" @click="goInfo(2,scope.row)">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" style="color: #1485EF;">核查</span>
</div>
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 5px;"
@click="goInfo(3, scope.row)" v-show='scope.row.status == 4'>
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" style="color: #1485EF;">查看原因</span>
<span class="del-info"
style="color: #1485EF;">核查</span>
</div>
</div>
</template>
@ -170,45 +156,37 @@
<div class="info-right" v-if="$route.query.pageType == 'look' || $route.meta.pageType == 'look'">
<div class="info-title">任务流程节点</div>
<div class="timeline">
<div class="timeline-items" v-for="(item, index) in timeLineData">
<div class="timeline-items" v-for="(item,index) in timeLineData">
<div class="left-box">
<img class="main-img" :src="returnidimg(item.assetName)" alt="">
<img class="main-img" :src="returnidimg(item.assetName)" alt="">
<!-- <img class="main-img" v-if="item.status == 2" src="" alt="">
<img class="main-img" v-if="item.status == 3" src="" alt="">
<img class="main-img" v-if="item.status == 4" src="" alt=""> -->
<img class="icon-jt" v-if="(index + 1) != timeLineData.length" src="@/assets/images/icon-jt@2x.png" alt="">
</div>
<div class="right-box">
<span class="span-title">{{ item.assetName }}:</span>
<span class="span-title" >{{item.assetName}}:</span>
<span class="span-time">{{ item.xfTime }}</span>
</div>
</div>
</div>
</div>
<my-dialog title="查看原因" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
<el-descriptions>
<el-descriptions-item label="不通过原因">
{{ chakanyuanyin }}
</el-descriptions-item>
</el-descriptions>
</my-dialog>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import { getassetTaskid, geassetTaskcHc } from "@/api/renwuApi/index.js"
import { assetLcpage } from "@/api/renwuApi/index.js"
import myDialog from "@/views/components/myDialog/index.vue"
export default {
dicts: ['zc_xtlx'],
components: { myPagination, myDialog },
components: { myPagination },
data() {
return {
index: 1,
formInline: {
},
formInlineTwo: {
unitName: "",
@ -227,92 +205,25 @@ export default {
loading: false,
tabHeader: undefined,
timeLineData: [],
titleInfoObj: {},
chakanyuanyin: "",
activeName: "0",
xtmcName: "系统名称",
chanckList: [
{
lable: "0",
conent: "web资产",
xtmcName: "系统名称",
},
{
lable: "1",
conent: "小程序资产",
xtmcName: "小程序名称",
},
{
lable: "2",
conent: "公众号资产",
xtmcName: "公众号名称",
},
{
lable: "3",
conent: "电子邮件资产",
xtmcName: "电子邮箱后缀",
},
{
lable: "4",
conent: "移动应用程序资产",
xtmcName: "移动应用程序名称",
},
],
chanckListTow: [],
listTow: [],
titleInfoObj: {}
}
},
mounted() {
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
this.titleInfo()
this.assetLcpageList()
if (localStorage.getItem('ismypaginationTow')) {
console.log(JSON.parse(localStorage.getItem('ismypaginationTow')));
if (JSON.parse(localStorage.getItem('ismypaginationTow')).isfanhuiTow) {
this.formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
console.log(99999, this.formInline);
this.titleInfo()
} else {
console.log(99999, this.formInline);
localStorage.removeItem("ismypaginationTow")
}
}
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
sendBack() {
if (localStorage.getItem('ismypagination')) {
let formInline = JSON.parse(localStorage.getItem('ismypagination'))
formInline.isfanhui = true
localStorage.setItem("ismypagination", JSON.stringify(formInline))
}
this.$router.go(-1);
},
handleClick(tab, event) {
console.log(tab.name);
// this.formInline = {
// }
this.activeName = tab.name
this.xtmcName = tab.$attrs.xtmcName
localStorage.setItem("activeName", this.activeName)
this.handleQuery()
},
//
returnidimg(iswenzi) {
//
returnidimg(iswenzi){
// let obj = {
// '':require('@/assets/images/rwxf.png'),
// "":require('@/assets/images/wctj.png'),
@ -322,40 +233,38 @@ export default {
let listsna = [
{
name: "下发",
imgdata: require('@/assets/images/rwxf.png'),
}, {
name: "提交",
imgdata: require('@/assets/images/wctj.png'),
}, {
name: "不通过",
imgdata: require('@/assets/images/shbh.png'),
}, {
name: "审核通过",
imgdata: require('@/assets/images/shtg.png'),
}, {
name: "驳回",
imgdata: require('@/assets/images/shbh.png'),
name:"下发",
imgdata:require('@/assets/images/rwxf.png'),
},{
name:"提交",
imgdata:require('@/assets/images/wctj.png'),
},{
name:"不通过",
imgdata:require('@/assets/images/shbh.png'),
},{
name:"审核通过",
imgdata:require('@/assets/images/shtg.png'),
},{
name:"驳回",
imgdata:require('@/assets/images/shbh.png'),
}
]
let item = listsna.find(item => iswenzi.includes(item.name))
if (item) {
return item.imgdata
} else {
return require('@/assets/images/wctj.png')
}
let item = listsna.find(item=>iswenzi.includes(item.name))
if(item){
return item.imgdata
}else{
return require('@/assets/images/wctj.png')
}
},
assetLcpageList() {
assetLcpageList(){
let obj = {
taskId: this.$route.query.id || this.$route.meta.id
taskId:this.$route.query.id || this.$route.meta.id
}
assetLcpage(obj).then(res => {
assetLcpage(obj).then(res=>{
this.timeLineData = res.data
})
},
importClose() { },
goInfo(type, row) {
//
if (type == 1) {
@ -363,9 +272,7 @@ export default {
name: 'mytaskAuditInfo', query: {
pageType: "look",
taskId: row.taskId,
assetId: row.id,
type: this.activeName,
assetId:row.id
}
})
@ -376,25 +283,16 @@ export default {
name: 'mytaskAuditInfo', query: {
pageType: "change",
taskId: row.taskId,
assetId: row.id,
type: this.activeName,
assetId:row.id
}
})
}
//
if (type == 3) {
this.chakanyuanyin = row.btgyy
this.$refs.liebiaoDialog.open()
}
// getassetTaskid(row.id)
},
taskstatus(id) {
if (id) {
let obj = {
0: "已关闭",
1: "进行中",
2: "正常完成", 3: "超期完成", 4: "正常完成", 5: "审核驳回"
}
@ -403,64 +301,24 @@ export default {
return "-"
}
},
//
titleInfoObjtype(type = "0,1") {
console.log(type);
let list = type.split(",")
//
this.listTow = []
//tab
this.chanckListTow = []
this.chanckList.forEach(res => {
list.forEach(element => {
if (element == res.lable) {
this.listTow.push(res.conent)
this.chanckListTow.push(res)
}
});
})
//tab
this.activeName = this.chanckListTow[0].lable
if (localStorage.getItem("activeName")) {
this.activeName = localStorage.getItem("activeName")
localStorage.setItem("activeName", this.activeName)
}
//
let listname = this.chanckListTow.filter(item => item.lable == this.activeName)
if (listname) {
this.xtmcName = listname[0].xtmcName
}
this.handleQuery();
},
titleInfo() {
getassetTaskid(this.$route.query.id || this.$route.meta.id).then(res => {
if (res.code == 200) {
this.titleInfoObj = res.data
// this.$set(this.titleInfoObj,'type',"0,1")
this.titleInfoObjtype(this.titleInfoObj.type)
}
})
},
//
resetQuery() {
this.activeName = this.chanckListTow[0].lable
this.pagination = {
current: 1,
size: 10,
type: this.activeName,
}
if (this.index == 1) {
this.formInline = {
type: this.activeName,
}
localStorage.removeItem("ismypaginationTow")
this.getList();
} else if (this.index == 2) {
this.formInlineTwo = {
@ -474,18 +332,9 @@ export default {
this.pagination = {
current: 1,
size: 10,
type: this.activeName,
}
if (this.index == 1) {
this.pagination = { ...this.pagination, ...this.formInline };
this.formInline.isfanhuiTow = false
console.log(77777, this.formInline);
console.log(88888, this.pagination);
localStorage.setItem("ismypaginationTow", JSON.stringify(this.formInline))
this.getList();
} else if (this.index == 2) {
this.getListTwo();
@ -498,7 +347,7 @@ export default {
if (this.index == 1) {
this.getList();
} else if (this.index == 2) {
this.getListTwo();
this.getListTwo();
}
},
// tab
@ -522,11 +371,7 @@ export default {
this.loading = true
this.pagination.taskId = this.$route.query.id || this.$route.meta.id
// this.pagination.dwmc = this.$route.query.dwmc || this.$route.meta.dwmc
if (this.$store.state.user.roles.includes("unit")) {
this.pagination.dwmc = this.$store.state.user.useer.nickName
}
geassetTaskcHc(this.pagination).then(res => {
this.tableData = res.data.records
this.loading = false
this.total = res.data.total
@ -550,15 +395,15 @@ export default {
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
const tabHeight = tab.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 160;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 120;
}
},
beforeRouteEnter(to, from, next) {
if (to.query.pageType == 'info') {
to.meta.title = '资产核查'
beforeRouteEnter(to,from,next){
if(to.query.pageType == 'info') {
to.meta.title = '任务审核'
to.meta.pageType = to.query.pageType
to.meta.id = to.query.id
} else if (to.query.pageType == 'look') {
} else if(to.query.pageType == 'look') {
to.meta.title = '任务详情'
to.meta.pageType = to.query.pageType
to.meta.id = to.query.id
@ -577,19 +422,6 @@ export default {
padding-right: 3px;
}
.look-info {}
::v-deep .el-dialog {
margin-top: 20vh !important;
}
.content-info {
position: relative;
}
.fanhuipiaofu {
position: absolute;
right: 20px;
top: 10px;
.look-info {
}
</style>

@ -1,850 +0,0 @@
<!-- 新增单位 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form v-loading="loading" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" :disabled="disabled">
<el-row>
<el-col :span="12">
<el-form-item label="单位名称" required prop="nickName">
<el-input v-model="ruleForm.nickName" disabled :placeholder="disabled ? '' : '请输入单位名称'"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位简称">
<el-input v-model="ruleForm.dwjc" :placeholder="disabled ? '' : '请输入单位简称'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属区域" required prop="ssqy">
<el-cascader
size="large"
:props="props"
:options="options"
v-model="ruleForm.ssqy"
>
</el-cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位详细地址" required prop="dwxxdz">
<el-input v-model="ruleForm.dwxxdz" :placeholder="disabled ? '':'请输入单位详细地址'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" required prop="sshy">
<el-select v-model="ruleForm.sshy" :placeholder="disabled ? '':'请选择所属行业'">
<el-option
v-for="dict in dict.type.sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型" required prop="dwlx">
<el-select v-model="ruleForm.dwlx" :placeholder="disabled ? '':'请选择单位类型'">
<el-option
v-for="dict in dict.type.dwlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位标签">
<el-select v-model="ruleForm.dwbq" :placeholder="disabled ? '':'请选择单位标签'">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属监管单位">
<el-input v-model="ruleForm.ssjgdw" :placeholder="disabled ? '' : '请输入监管单位'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位角色">
<el-select v-model="ruleForm.dwjs" :placeholder="disabled ? '':'请选择单位角色'">
<el-option
v-for="dict in dict.type.dwjs"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位直属性质">
<el-select v-model="ruleForm.dwzsxz" :placeholder="disabled ?'':'请选择单位直属性质'">
<el-option
v-for="dict in dict.type.dwzsxz"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="统一社会信用代码" prop="userName">
<el-input v-model="ruleForm.userName" disabled :placeholder="disabled ? '':'请输入统一社会信用代码'"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否关基单位">
<el-select v-model="ruleForm.gjdw" :placeholder="disabled ? '':'请选择是否关基单位'">
<el-option
v-for="dict in dict.type.is_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="日常运营负责部门" required prop="rcyyfzbm">
<el-input v-model="ruleForm.rcyyfzbm" :placeholder="disabled ? '':'请输入日常运营负责部门'"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="组织架构" required prop="zzjg">
<!-- @change="handleChange" -->
<el-cascader
v-model="ruleForm.zzjg"
:options="optionsTwo"
disabled
>
</el-cascader>
</el-form-item>
</el-col>
</el-row>
<!-- 联系人 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">联系人</span>
<el-row>
<el-col :span="24">
<el-form-item label="单位负责人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="dwfzrxm">
<el-input v-model="ruleForm.dwfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="dwfzrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
required: true,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.dwfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="dwfzryx"
:rules="[
{
type: 'email',
required: true,
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.dwfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="dwfzrzwzc">
<el-input v-model="ruleForm.dwfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="分管负责人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="fgfzrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="fgfzryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.fgfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="部门负责人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.bmfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="bmfzrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.bmfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="bmfzryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.bmfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.bmfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="第一联系人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.dylxrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="dylxrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.dylxrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="dylxryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.dylxryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.dylxrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="首席数据官" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.sxsjg" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sxsjglxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.sxsjglxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sxsjgyx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.sxsjgyx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.sxsjgzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="数据官联络人" class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="ruleForm.sjgllr" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sjgllrlxfs"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="ruleForm.sjgllrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="sjgllryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="ruleForm.sjgllryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="ruleForm.sjgllrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="其他联系人" class="daoqitixingren" v-for="(domain, index) in ruleForm.otherConcat" :key="domain.key" :prop="'otherConcat.' + index + '.qtlxrlxfs'">
<el-row>
<el-col :span="6">
<el-form-item>
<el-input v-model="domain.qtlxrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item :prop="'otherConcat.' + index + '.qtlxrlxfs'"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]"
>
<el-input v-model="domain.qtlxrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="qtlxryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]"
>
<el-input v-model="domain.qtlxryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item>
<el-input v-model="domain.qtlxrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
</el-form-item>
</el-col>
<el-col :span="1" style="text-align: center;" v-if="isDisabled">
<i @click="removeDomain(domain,'otherConcat')" class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="$route.query.pageType !== 'look'">
<el-col :span="24">
<el-form-item>
<el-button @click="addForm('otherConcat')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-row>
<!-- 检查信息 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">检查信息</span>
</el-row>
<div v-for="(domain, index) in ruleForm.jcxxList" :key="domain.key" :prop="'jcxxList.' + index + '.value'">
<el-row style="display: flex;">
<el-col :span="8">
<el-form-item class="daoqitixingren" required :label="'时间' + (index == 0 ? '' : index)"
:prop="`jcxxList[${index}].sj`"
:rules="[
{
required: true,
message: '请选择时间',
trigger: ['change']
}
]"
>
<el-date-picker
v-model="domain.sj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
:placeholder="disabled ? '':'选择日期'">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="daoqitixingren" :label="'系统域名' + (index == 0 ? '' : index)">
<el-input v-model="domain.tyshxydm" :placeholder="disabled ? '':'请输入系统域名'"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item class="daoqitixingren" :label="'系统名称' + (index == 0 ? '' : index)">
<el-input v-model="domain.lxdh" :placeholder="disabled ? '':'请输入系统名称'"></el-input>
</el-form-item>
</el-col>
<el-col :span="1" style="text-align: center;" v-if="isDisabled">
<i @click="addGongyinglian('jcxxList')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
<i @click="removeDomain(domain,'jcxxList')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :label="'等保级别' + (index == 0 ? '' : index)">
<el-select v-model="domain.dbjb" :placeholder="disabled ? '':'请选择等保级别'">
<el-option
v-for="dict in dict.type.dbxx_dbdj"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'单位名称' + (index == 0 ? '' : index)">
<el-input v-model="domain.dwmc" :placeholder="disabled ? '':'请输入单位名称'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item :label="'检查结果' + (index == 0 ? '' : index)">
<el-input type="textarea" resize="none" :placeholder="disabled ? '':'请输入检查结果'" :rows="5" v-model="domain.xgyw_ywms"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 更多信息 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">更多信息</span>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="官网">
<el-input v-model="ruleForm.gw" :placeholder="disabled ? '':'请输入官网'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地图经度">
<el-input v-model="ruleForm.dtjd" :placeholder="disabled ? '':'请输入地图经度'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地图纬度">
<el-input v-model="ruleForm.dtwd" :placeholder="disabled ? '':'请输入地图纬度'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="上级单位" required prop="sjdw">
<el-input v-model="ruleForm.sjdw" :placeholder="disabled ? '':'请输入上级单位'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input type="textarea" resize="none" :placeholder="disabled ? '':'请输入备注'" :rows="5" v-model="ruleForm.remark"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;">
<el-button type="danger" @click="cancel" :disabled="false" v-if="isDisabled"></el-button>
<el-button type="warning" @click="editUnit" v-if="!isDisabled" :disabled="isDisabled"></el-button>
<el-button type="primary" @click="newUnit" :disabled="false" v-if="isDisabled"></el-button>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import pcas from "@/utils/pca-code.json"
import { unitOwnInfo, unitEditOwn } from "@/api/auditPagesApi/index";
import { MessageBox } from 'element-ui'
export default {
dicts:['zc_xtzyx', 'is_no', 'sshy', 'dwlx', 'dwjs', 'dwzsxz', 'dbxx_dbdj'],
data() {
const validateTyshxydm = (rule, value, callback) => {
const pattern = /^[a-zA-Z0-9]{18}$/;
if (!pattern.test(value)) {
callback(new Error('请输入正确格式的18位统一社会信用代码'));
return;
}
callback();
// if (value.length!== 18) {
// callback(new Error('18'));
// return;
// } else {
// callback();
// }
}
return {
options: pcas ,
isDisabled: false,
optionsTwo:[
{
value:"100",
label:"政务",
children:[
{
value:"101",
label:"党委机关",
},{
value:"102",
label:"政府机关",
},{
value:"200",
label:"事业单位",
},{
value:"202",
label:"大型国企",
},
],
},
{
value:"10",
label:"民营企业",
children:[
{
value:"203",
label:"重点民企",
},{
value:"204",
label:"一般民企"
}
],
},
{
value:"20",
label:"个人",
},
{
value:"30",
label:"社会团体"
}
],
props:{
value:'value',
label:"value",
checkStrictly:true,
},
ruleForm:{
//
otherConcat:[
{
qtlxrxm: '',
qtlxrlxfs: '',
qtlxryx: '',
qtlxrzwzc: '',
}
],
//
ssqy:[],
//
jcxxList:[
{
name:"",
tyshxydm:"",
lxdh:"",
}
],
},
rules:{
userName: [
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
{ required: true, trigger: "blur" ,validator: validateTyshxydm},
],
nickName: [
{ required: true, message: '请输入单位名称', trigger: 'blur' },
],
zzjg: [
{ required: true, message: '请选择组织机构', trigger: 'change' },
],
ssqy: [
{ required: true, message: '请选择所属区域', trigger: 'change' },
],
dwxxdz: [
{ required: true, message: '请输入详细地址', trigger: 'blur' },
],
sshy: [
{ required: true, message: '请选择所属行业', trigger: 'change' },
],
dwlx: [
{ required: true, message: '请选择单位类型', trigger: 'change' },
],
rcyyfzbm: [
{ required: true, message: '请输入日常运营负责部门', trigger: 'blur' },
],
daoqitixingren: [
{ required: true, message: '请输入单位名称', trigger: 'blur' },
],
sjdw: [
{ required: true, message: '请输入上级单位', trigger: 'blur' },
],
dwfzrxm: [
{ required: true, message: '请输入单位负责人姓名', trigger: 'blur' },
],
// dwfzrlxfs: [
// { required: true, message: '', trigger: 'blur' },
// ],
// dwfzryx: [
// { required: true, message: '', trigger: 'blur' },
// ],
dwfzrzwzc: [
{ required: true, message: '请输入单位负责人职务职称', trigger: 'blur' },
],
},
disabled:false,
loading:false,
}
},
mounted(){
this.getInfo()
this.disabled = true;
// this.$nextTick(()=>{
// const inputElements = document.querySelectorAll('.el-input__inner');
// const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
// inputElements.forEach((input) => {
// input.placeholder = '';
// });
// textareaInputElements.forEach((input) => {
// input.placeholder = '';
// });
// })
// if(this.$route.query.pageType == 'look') {
// this.getInfo(this.$route.query.id)
// this.disabled = true;
// this.$nextTick(()=>{
// const inputElements = document.querySelectorAll('.el-input__inner');
// const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
// inputElements.forEach((input) => {
// input.placeholder = '';
// });
// textareaInputElements.forEach((input) => {
// input.placeholder = '';
// });
// })
// } else if(this.$route.query.pageType == 'change') {
// this.getInfo(this.$route.query.id)
// this.disabled = false;
// }
},
methods:{
// handleChange(value){
// console.log(value);
// },
//
getInfo(){
this.loading = true;
unitOwnInfo().then(res=>{
this.ruleForm = res.data;
if(res.data.ssqyprovince && res.data.ssqycity && res.data.ssqycounty) {
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince,res.data.ssqycity,res.data.ssqycounty])
} else if(res.data.ssqyprovince && res.data.ssqycity) {
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince,res.data.ssqycity])
} else if(res.data.ssqyprovince) {
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince])
}
if(!res.data.jcxxList) {
this.$set(this.ruleForm,'jcxxList', [{name:"",tyshxydm:"",lxdh:"",}])
}
if(this.ruleForm.ancestors) {
let deptId = this.ruleForm.ancestors.split(',');
this.$set(this.ruleForm, 'zzjg', deptId)
}
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
this.loading = false;
})
},
// form
addForm(type){
this.ruleForm[type].push({
qtlxrxm: '',
qtlxrlxfs: '',
qtlxryx: '',
qtlxrzwzc: '',
key: Date.now()
});
},
// Form
addGongyinglian(type){
this.ruleForm[type].push({
sj:"",
xtym:"",
xthc:"",
dbjb:"",
dwmc:"",
jcjg:"",
key: Date.now()
});
},
// form
removeDomain(item,type) {
var index = this.ruleForm[type].indexOf(item)
if (index !== -1) {
this.ruleForm[type].splice(index, 1)
}
},
newUnit(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
if(this.ruleForm.ssqy?.length > 0) {
this.ruleForm.ssqyprovince = this.ruleForm.ssqy[0]
this.ruleForm.ssqycity = this.ruleForm.ssqy[1]
this.ruleForm.ssqycounty = this.ruleForm.ssqy[2]
}
if(this.ruleForm.zzjg.length == 2) {
this.ruleForm.deptId = Number(this.ruleForm.zzjg[1])
} else {
this.ruleForm.deptId = Number(this.ruleForm.zzjg[0])
}
this.loading = true;
unitEditOwn(this.ruleForm).then(res=>{
this.loading = false;
this.$modal.msgSuccess("修改成功");
this.disabled = true;
this.isDisabled = false;
this.getInfo()
}).catch(err=>{
this.loading = false;
})
}
})
},
cancel(){
this.$router.go(-1);
},
editUnit(){
this.disabled = false;
this.isDisabled = true;
},
},
}
</script>

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || '太仓市网络和数据资产采集管理系统' // 网页标题
const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
const port = process.env.port || process.env.npm_config_port || 80 // 端口
@ -18,8 +18,7 @@ module.exports = {
// 部署生产环境和开发环境下的URL。
// 默认情况下Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
publicPath: process.env.NODE_ENV === "production" ? "/demo/TcAssetVerificationPc" : "/",
// publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
// 在npm run build 或 yarn build 时 生成文件的目录名称要和baseUrl的生产环境路径一致默认dist
outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下)

Loading…
Cancel
Save