Compare commits
7 Commits
Author | SHA1 | Date |
---|---|---|
|
146e75e83d | 7 months ago |
|
6c6a7c1fca | 7 months ago |
|
462030367f | 7 months ago |
|
96c6c6d05a | 7 months ago |
|
74c8f68261 | 7 months ago |
|
c53e5eaf01 | 7 months ago |
|
48f72ac585 | 7 months ago |
@ -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'
|
||||
|
Before Width: | Height: | Size: 5.8 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -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>
|
File diff suppressed because it is too large
Load Diff
@ -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>
|
File diff suppressed because it is too large
Load Diff
@ -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,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>
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -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>
|
@ -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
@ -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>
|
Loading…
Reference in new issue