企业端除了web资产外新增添加功能

lijinlongNew
许宏杰 2 months ago
parent 9791cc0545
commit f6c1ca74b5

@ -1,3 +1,11 @@
###
# @Author: 许宏杰 1943105267@qq.com
# @Date: 2025-02-18 16:33:34
# @LastEditors: 许宏杰 1943105267@qq.com
# @LastEditTime: 2025-03-03 09:49:08
# @FilePath: \TcAssetVerificationPc\.env.development
# @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
###
# 页面标题
VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
@ -5,10 +13,8 @@ VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
ENV = 'development'
# 若依管理系统/开发环境
VUE_APP_BASE_API = 'http://192.168.0.103:9115'
VUE_APP_BASE_API = 'http://192.168.0.125:9115'
# VUE_APP_BASE_API = 'http://39.101.188.84:9115'
# VUE_APP_BASE_API = 'http://192.168.0.112:9115'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

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

File diff suppressed because it is too large Load Diff

@ -2,11 +2,19 @@
<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 style="margin: 10px 0">
<span class="top-title-box">基本信息3</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-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">
@ -21,13 +29,16 @@
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz">
<el-input v-model="ruleForm.dzyxhz" placeholder="请输入电子邮箱后缀" disabled></el-input>
<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="建设类型" prop="jslx">
<el-form-item label="建设类型" prop="jslx">
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option
v-for="dict in dict.type.email_jslx"
@ -39,20 +50,30 @@
</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 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 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-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"
@ -65,8 +86,11 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全防护系统" prop="aqfhxt">
<el-select v-model="ruleForm.aqfhxt" placeholder="请选择安全防护系统">
<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"
@ -77,8 +101,11 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安全备份环境" prop="aqbfhj">
<el-select v-model="ruleForm.aqbfhj" placeholder="请选择安全备份环境">
<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"
@ -91,25 +118,30 @@
</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 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-form-item label="上线时间" prop="sxsj">
<el-date-picker
v-model="ruleForm.sxsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
@ -121,7 +153,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
@ -135,7 +167,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
@ -147,82 +179,141 @@
</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 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-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-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 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 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-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="(pageType == 'change' || pageType == 'add') && !audit"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</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
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-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%">
<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
: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-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-button type="primary" @click="submitForm('dialogruleForm')"
>确定</el-button
>
</el-form-item>
</el-form>
</el-col>
@ -232,231 +323,269 @@
</div>
</template>
<script>
import { assetEmail, assetEmailInfo, unitAllList, EmailLookInfo, EmailAudit, EmailUnitEdit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
import {
assetEmail,
assetEmailInfo,
unitAllList,
EmailLookInfo,
EmailAudit,
EmailUnitEdit,
} from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue";
import { mapGetters } from "vuex";
export default {
dicts:['app_xzqh','app_sshy','app_zdhy','email_jslx','email_state','email_hasorno'],
components:{
myDialog
dicts: [
"app_xzqh",
"app_sshy",
"app_zdhy",
"email_jslx",
"email_state",
"email_hasorno",
],
components: {
myDialog,
},
computed: {
...mapGetters(["nickName"]),
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
ruleForm: {},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
],
dzyxhz:[
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" }
dzyxhz: [
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" },
],
jslx: [
{ required: true, message: "建设类型不能为空", trigger: "change" }
{ required: true, message: "建设类型不能为空", trigger: "change" },
],
yjxtgys: [
{ required: true, message: "邮件系统供应商不能为空", trigger: "blur" }
{
required: true,
message: "邮件系统供应商不能为空",
trigger: "blur",
},
],
mmsf: [
{ required: true, message: "密码算法不能为空", trigger: "blur" }
{ required: true, message: "密码算法不能为空", trigger: "blur" },
],
yjxtzc: [
{ required: true, message: "邮件系统状态不能为空", trigger: "change" }
{
required: true,
message: "邮件系统状态不能为空",
trigger: "change",
},
],
aqfhxt: [
{ required: true, message: "安全防护系统不能为空", trigger: "change" }
{
required: true,
message: "安全防护系统不能为空",
trigger: "change",
},
],
aqbfhj: [
{ required: true, message: "安全备份环境不能为空", trigger: "blur" }
{ required: true, message: "安全备份环境不能为空", trigger: "blur" },
],
szzscs: [
{ required: true, message: "数字证书厂商不能为空", trigger: "blur" }
{ required: true, message: "数字证书厂商不能为空", trigger: "blur" },
],
sxsj: [
{ required: true, message: "上线时间不能为空", trigger: "change" }
{ required: true, message: "上线时间不能为空", trigger: "change" },
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "blur" }
{ required: true, message: "所属行业不能为空", trigger: "blur" },
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
{ required: true, message: "重点行业不能为空", trigger: "change" },
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
{ required: true, message: "行政区划不能为空", trigger: "change" },
],
xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" }
{ required: true, message: "系统责任人不能为空", trigger: "blur" },
],
xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" }
{
required: true,
message: "系统责任人地址不能为空",
trigger: "blur",
},
],
jj: [
{ required: true, message: "简介不能为空", trigger: "blur" }
]
jj: [{ required: true, message: "简介不能为空", trigger: "blur" }],
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
loading: false,
disabled: false,
dialogruleForm: {
auditYy: "",
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
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)
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');
this.$nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
});
} else if (this.pageType == "change") {
this.getInfoTwo(this.id);
this.disabled = false;
}
if(this.audit) {
if (this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
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');
this.$nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
});
} else if (this.pageType == "change") {
this.getInfo(this.id);
this.disabled = false;
}
if(this.audit) {
if (this.audit) {
this.disabled = true;
}
}
if (this.pageType == "add") {
this.ruleForm.ssdw = this.nickName;
}
},
methods:{
getInfo(id){
assetEmailInfo(id).then(res=>{
methods: {
getInfo(id) {
assetEmailInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
this.$refs.ruleForm.clearValidate();
}, 100);
})
});
},
getInfoTwo(id) {
EmailLookInfo(id).then(res=>{
EmailLookInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
this.$refs.ruleForm.clearValidate();
}, 100);
})
});
},
//
querySearchAsync(queryString, cb){
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
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) {
newAssets() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if(this.pageType == 'change') {
EmailUnitEdit(this.ruleForm).then(res=>{
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})
})
this.$router.push({ name: this.name, params: this.queryData });
});
} else {
assetEmail('post',this.ruleForm).then(res=>{
this.ruleForm.xzType = 1;
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})
})
this.$router.push({ name: this.name, params: this.queryData });
});
}
}
})
});
},
sendBack(){
sendBack() {
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.$router.push({ name: this.name, params: this.queryData });
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
btnReject() {
this.$refs.liebiaoDialog.open();
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
auditYy: "",
};
this.$refs.liebiaoDialog.close();
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditState: "3",
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
EmailAudit(tijioaobj).then(res=>{
if(res.code == 200){
};
EmailAudit(tijioaobj).then((res) => {
if (res.code == 200) {
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.$router.push({ name: this.name, params: this.queryData });
}
})
});
} else {
console.log('error submit!!');
console.log("error submit!!");
return false;
}
});
},
//
btnPass(){
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;
})
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>
};
</script>

@ -2,14 +2,22 @@
<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 style="margin: 10px 0">
<span class="top-title-box">基本信息4</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-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-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<el-autocomplete
v-model="ruleForm.ssdw"
@ -20,20 +28,30 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" prop="appName">
<el-input v-model="ruleForm.appName" placeholder="请输入移动应用名称" disabled></el-input>
<el-form-item label="移动应用名称" prop="appName">
<el-input
v-model="ruleForm.appName"
placeholder="请输入移动应用名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" prop="pack">
<el-input v-model="ruleForm.pack" style="width: 100%;" placeholder="请输入包名"></el-input>
<el-form-item label="包名" prop="pack">
<el-input
v-model="ruleForm.pack"
style="width: 100%"
placeholder="请输入包名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState">
<el-select v-model="ruleForm.icpState" placeholder="请选择icp备案状态">
<el-form-item label="icp备案状态" prop="icpState">
<el-select
v-model="ruleForm.icpState"
placeholder="请选择icp备案状态"
>
<el-option
v-for="dict in dict.type.app_icp_state"
:key="dict.value"
@ -46,34 +64,46 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="icp备案号" prop="icpbah">
<el-input v-model="ruleForm.icpbah" placeholder="请输入icp备案号"></el-input>
<el-form-item label="icp备案号" prop="icpbah">
<el-input
v-model="ruleForm.icpbah"
placeholder="请输入icp备案号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="tyshxydm"
class="daoqitixingren" label="统一社会信用代码" required
:rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
<el-form-item
prop="tyshxydm"
class="daoqitixingren"
label="统一社会信用代码"
required
:rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" prop="wjm">
<el-input v-model="ruleForm.wjm" placeholder="请输入文件名"></el-input>
<el-form-item label="文件名" prop="wjm">
<el-input
v-model="ruleForm.wjm"
placeholder="请输入文件名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.app_sshy"
@ -87,7 +117,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" prop="zdhy">
<el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.app_zdhy"
@ -99,7 +129,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" prop="xzqh">
<el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.app_xzqh"
@ -113,8 +143,11 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全加固情况" prop="aqjgqk">
<el-select v-model="ruleForm.aqjgqk" placeholder="请选择安全加固情况">
<el-form-item label="安全加固情况" prop="aqjgqk">
<el-select
v-model="ruleForm.aqjgqk"
placeholder="请选择安全加固情况"
>
<el-option
v-for="dict in dict.type.app_aqjgqk"
:key="dict.value"
@ -125,39 +158,62 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息" prop="bbxx">
<el-input v-model="ruleForm.bbxx" style="width: 100%;" placeholder="请输入版本信息"></el-input>
<el-form-item label="版本信息" prop="bbxx">
<el-input
v-model="ruleForm.bbxx"
style="width: 100%"
placeholder="请输入版本信息"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(版本号)" prop="bbh">
<el-input v-model="ruleForm.bbh" style="width: 100%;" placeholder="请输入版本信息(版本号)"></el-input>
<el-form-item label="版本信息(版本号)" prop="bbh">
<el-input
v-model="ruleForm.bbh"
style="width: 100%"
placeholder="请输入版本信息(版本号)"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息MD5" prop="bbxxMd5">
<el-input v-model="ruleForm.bbxxMd5" style="width: 100%;" placeholder="请输入版本信息MD5"></el-input>
<el-form-item label="版本信息MD5" prop="bbxxMd5">
<el-input
v-model="ruleForm.bbxxMd5"
style="width: 100%"
placeholder="请输入版本信息MD5"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(上架平台)" prop="bbxxSjpt">
<el-input v-model="ruleForm.bbxxSjpt" style="width: 100%;" placeholder="请输入版本信息(上架平台)"></el-input>
<el-form-item label="版本信息(上架平台)" prop="bbxxSjpt">
<el-input
v-model="ruleForm.bbxxSjpt"
style="width: 100%"
placeholder="请输入版本信息(上架平台)"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件大小" prop="wjdx">
<el-input v-model="ruleForm.wjdx" style="width: 100%;" placeholder="请输入文件大小"></el-input>
<el-form-item label="文件大小" prop="wjdx">
<el-input
v-model="ruleForm.wjdx"
style="width: 100%"
placeholder="请输入文件大小"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="移动应用系统状态" prop="appState" required>
<el-select v-model="ruleForm.appState" placeholder="请选择移动应用系统状态">
<el-select
v-model="ruleForm.appState"
placeholder="请选择移动应用系统状态"
>
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
@ -170,35 +226,75 @@
</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 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-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="(pageType == 'change' || pageType == 'add') && !audit"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">提交</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
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-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%">
<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
: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-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-button type="primary" @click="submitForm('dialogruleForm')"
>确定</el-button
>
</el-form-item>
</el-form>
</el-col>
@ -208,233 +304,272 @@
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList, AppLookInfo, AppAudit, assetAppUnitEdit } from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue"
import {
assetApp,
assetAppInfo,
unitAllList,
AppLookInfo,
AppAudit,
assetAppUnitEdit,
} from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue";
import { mapGetters } from "vuex";
export default {
dicts:['app_icp_state','app_sshy','app_zdhy','app_xzqh','app_aqjgqk','gzh_state'],
components:{
myDialog
dicts: [
"app_icp_state",
"app_sshy",
"app_zdhy",
"app_xzqh",
"app_aqjgqk",
"gzh_state",
],
components: {
myDialog,
},
computed: {
...mapGetters(["nickName"]),
},
data() {
return {
ruleForm:{
},
rules:{
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
appName:[
{ required: true, message: "移动应用名称不能为空", trigger: "blur" }
ruleForm: {},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
],
pack: [
{ required: true, message: "包名不能为空", trigger: "blur" }
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "blur" },
],
pack: [{ required: true, message: "包名不能为空", trigger: "blur" }],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" }
{ required: true, message: "icp备案状态不能为空", trigger: "change" },
],
icpbah: [
{ required: true, message: "icp备案号不能为空", trigger: "blur" }
],
wjm: [
{ required: true, message: "文件名不能为空", trigger: "blur" }
{ required: true, message: "icp备案号不能为空", trigger: "blur" },
],
wjm: [{ required: true, message: "文件名不能为空", trigger: "blur" }],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
{ required: true, message: "所属行业不能为空", trigger: "change" },
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
{ required: true, message: "重点行业不能为空", trigger: "change" },
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
{ required: true, message: "行政区划不能为空", trigger: "change" },
],
aqjgqk: [
{ required: true, message: "安全加固情况不能为空", trigger: "change" }
{
required: true,
message: "安全加固情况不能为空",
trigger: "change",
},
],
bbxx: [
{ required: true, message: "版本信息不能为空", trigger: "blur" }
{ required: true, message: "版本信息不能为空", trigger: "blur" },
],
bbh: [
{ required: true, message: "版本信息(版本号)不能为空", trigger: "blur" }
{
required: true,
message: "版本信息(版本号)不能为空",
trigger: "blur",
},
],
bbxxMd5: [
{ required: true, message: "版本信息MD5不能为空", trigger: "blur" }
{
required: true,
message: "版本信息MD5不能为空",
trigger: "blur",
},
],
bbxxSjpt: [
{ required: true, message: "版本信息(上架平台)不能为空", trigger: "blur" }
{
required: true,
message: "版本信息(上架平台)不能为空",
trigger: "blur",
},
],
wjdx: [
{ required: true, message: "文件大小不能为空", trigger: "blur" }
{ required: true, message: "文件大小不能为空", trigger: "blur" },
],
jj: [
{ required: true, message: "简介不能为空", trigger: "blur" }
],
appState:[
{ required: true, message: "移动应用系统状态不能为空", trigger: "change" }
jj: [{ required: true, message: "简介不能为空", trigger: "blur" }],
appState: [
{
required: true,
message: "移动应用系统状态不能为空",
trigger: "change",
},
],
},
loading:false,
disabled:false,
dialogruleForm:{
auditYy:'',
loading: false,
disabled: false,
dialogruleForm: {
auditYy: "",
},
dialogruleFormrules:{
auditYy: [
{ required: true, message: '请输入', trigger: 'blur' },
],
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)
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');
this.$nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
})
} else if(this.pageType == 'change') {
this.getInfoTwo(this.id)
});
} else if (this.pageType == "change") {
this.getInfoTwo(this.id);
this.disabled = false;
}
if(this.audit) {
if (this.audit) {
this.disabled = true;
}
} else {
if(this.pageType == 'look') {
this.getInfo(this.id)
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');
this.$nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
});
} else if (this.pageType == "change") {
this.getInfo(this.id);
this.disabled = false;
}
if(this.audit) {
if (this.audit) {
this.disabled = true;
}
}
// console.log(this.pageType);
if (this.pageType == "add") {
this.ruleForm.ssdw = this.nickName;
}
},
methods:{
getInfo(id){
assetAppInfo(id).then(res=>{
methods: {
getInfo(id) {
assetAppInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
this.$refs.ruleForm.clearValidate();
}, 100);
})
});
},
getInfoTwo(id){
AppLookInfo(id).then(res=>{
getInfoTwo(id) {
AppLookInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
this.$refs.ruleForm.clearValidate();
}, 100);
})
});
},
//
querySearchAsync(queryString, cb){
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
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) {
newAssets() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if(this.pageType == 'change') {
assetAppUnitEdit(this.ruleForm).then(res=>{
if (this.pageType == "change") {
assetAppUnitEdit(this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
})
this.$router.push({ name: this.name, params: this.queryData });
});
} else {
assetApp('post',this.ruleForm).then(res=>{
this.ruleForm.xzType = 1;
assetApp("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(){
sendBack() {
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.$router.push({ name: this.name, params: this.queryData });
},
//
btnReject(){
this.$refs.liebiaoDialog.open()
btnReject() {
this.$refs.liebiaoDialog.open();
},
//
resetForm() {
this.dialogruleForm = {
auditYy:""
}
this.$refs.liebiaoDialog.close()
auditYy: "",
};
this.$refs.liebiaoDialog.close();
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: '3',
auditState: "3",
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
}
AppAudit(tijioaobj).then(res=>{
if(res.code == 200){
};
AppAudit(tijioaobj).then((res) => {
if (res.code == 200) {
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.$router.push({ name: this.name, params: this.queryData });
}
})
});
} else {
console.log('error submit!!');
console.log("error submit!!");
return false;
}
});
},
//
btnPass(){
btnPass() {
this.loading = true;
AppAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData})
this.loading = false;
}).catch(err=>{
this.loading = false;
})
AppAudit({ currentId: Number(this.id), auditState: "2" })
.then((res) => {
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({ name: this.name, params: this.queryData });
this.loading = false;
})
.catch((err) => {
this.loading = false;
});
},
},
}
</script>
};
</script>

@ -2,8 +2,14 @@
<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">
<div class="search-title">查询条件3</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">
@ -12,25 +18,39 @@
</el-col> -->
<el-col :span="7">
<el-form-item label="电子邮箱后缀:" prop="dzyxhz">
<el-input v-model="formInline.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
<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-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">
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<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-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>
@ -47,165 +67,265 @@
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button
>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" />
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center">
<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">
<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 v-if="scope.row.yjxtzc == 1" style="color: #16b771">
正常
</span>
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;">
<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">
<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
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
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
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
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},
dicts: ["zc_xtzt", "zc_xtlx", "email_state"],
components: { myPagination },
data() {
return {
formInline:{
dzyxhz:"",
xtzt:"",
formInline: {
dzyxhz: "",
xtzt: "",
// startTime:"",
// endTime:"",
current:1,
size:10,
current: 1,
size: 10,
},
// time:[],
total:0,
tableData:[],
loading:false,
total: 0,
tableData: [],
loading: false,
tabHeader: undefined,
}
};
},
mounted(){
if( Object.keys(this.$route.params).length != 0) {
mounted() {
if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params;
}else{
this.formInline.current = 1
this.formInline.size = 20
} else {
this.formInline.current = 1;
this.formInline.size = 20;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
handleAdd() {
this.$router.push({
name: "myAssetsAuth",
query: {
pageType: "add",
type: 3,
queryData: this.formInline,
name: "MyEmail",
},
});
},
//
getList(){
getList() {
this.loading = true;
assetEmailList(this.formInline).then(res=>{
assetEmailList(this.formInline).then((res) => {
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
});
},
//
resetQuery(){
resetQuery() {
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
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){
getPagination(pages) {
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport(){
handleImport() {
this.upload.open = true;
},
//
handleExport(){
this.download('/tc/assetEmail/export', {
...this.formInline
}, `电子邮件资产${new Date().getTime()}.xlsx`)
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"
}})
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}){
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
return "evenNumber-row";
}
return '';
return "";
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
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>

@ -3,7 +3,13 @@
<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-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">
@ -12,25 +18,39 @@
</el-col> -->
<el-col :span="7">
<el-form-item label="移动应用名称:" prop="yymc">
<el-input v-model="formInline.yymc" placeholder="请输入移动应用名称"></el-input>
<el-input
v-model="formInline.yymc"
placeholder="请输入移动应用名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="icp备案状态" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择icp备案状态">
<el-select
v-model="formInline.xtzt"
placeholder="请选择icp备案状态"
>
<el-option
v-for="dict in dict.type.app_icp_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<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-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>
@ -72,164 +92,259 @@
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button
>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="移动应用名称" key="appName" prop="appName" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<el-table
v-loading="loading"
:data="tableData"
:height="tabHeader"
:row-class-name="tableRowClassName"
:max-height="tabHeader"
>
<el-table-column
type="index"
width="50"
label="序号"
align="center"
/>
<el-table-column
label="移动应用名称"
key="appName"
prop="appName"
align="center"
/>
<el-table-column
label="所属单位"
key="ssdw"
prop="ssdw"
align="center"
/>
<!-- <el-table-column label="icp备案状态" key="dwmc" prop="dwmc" align="center">
<template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template>
</el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
<el-table-column label="icp备案状态" key="status" prop="status" class-name="table-status" align="center">
<el-table-column
label="新增时间"
key="createTime"
prop="createTime"
align="center"
/>
<el-table-column
label="icp备案状态"
key="status"
prop="status"
class-name="table-status"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.icpState == 1" style="color: #F58A0C;">
<span v-if="scope.row.icpState == 1" style="color: #f58a0c">
未备案
</span>
<span v-if="scope.row.icpState == 2" style="color: #16B771;">
<span v-if="scope.row.icpState == 2" style="color: #16b771">
已备案
</span>
<span v-if="scope.row.icpState == 3" style="color: #1485EF;">
<span v-if="scope.row.icpState == 3" style="color: #1485ef">
非网站系统
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<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
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
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
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import myPagination from "@/views/components/Pagination/index.vue";
// import myDialog from "@/views/components/myDialog/index.vue"
import { assetAppList, deleteAssetApp } from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx', 'app_icp_state'],
components:{myPagination},
dicts: ["zc_xtzt", "zc_xtlx", "app_icp_state"],
components: { myPagination },
data() {
return {
formInline:{
xtzt:"",
yymc:"",
formInline: {
xtzt: "",
yymc: "",
// startTime:"",
// endTime:"",
current:1,
size:10,
current: 1,
size: 10,
},
// time:[],
total:0,
tableData:[],
loading:false,
total: 0,
tableData: [],
loading: false,
tabHeader: undefined,
}
};
},
mounted(){
if( Object.keys(this.$route.params).length != 0) {
mounted() {
if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params;
}else{
this.formInline.current = 1
this.formInline.size = 20
} else {
this.formInline.current = 1;
this.formInline.size = 20;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
handleAdd() {
this.$router.push({
name: "myAssetsAuth",
query: {
pageType: "add",
type: 4,
queryData: this.formInline,
name: "MyMobileApplication",
},
});
},
//
getList(){
getList() {
this.loading = true;
assetAppList(this.formInline).then(res=>{
assetAppList(this.formInline).then((res) => {
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
});
},
//
resetQuery(){
resetQuery() {
this.resetForm("queryForm");
this.time = [];
this.handleQuery();
},
//
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){
getPagination(pages) {
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleExport(){
this.download('/tc/assetApp/export', {
...this.formInline
}, `移动应用程序资产${new Date().getTime()}.xlsx`)
handleExport() {
this.download(
"/tc/assetApp/export",
{
...this.formInline,
},
`移动应用程序资产${new Date().getTime()}.xlsx`
);
},
//
goInfo(row,id){
this.$router.push({name: 'myAssetsAuth',query: {
pageType: id == 1 ? "look" : "change",
type:4,
id:row.id,
queryData:this.formInline,
name:"MyMobileApplication"
}})
goInfo(row, id) {
this.$router.push({
name: "myAssetsAuth",
query: {
pageType: id == 1 ? "look" : "change",
type: 4,
id: row.id,
queryData: this.formInline,
name: "MyMobileApplication",
},
});
},
// table
tableRowClassName({row, rowIndex}){
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
return "evenNumber-row";
}
return '';
return "";
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
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>

@ -2,30 +2,50 @@
<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">
<div class="search-title">查询条件2</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-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-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">
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<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-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>
@ -67,175 +87,281 @@
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button
>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
<el-table
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">
<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"/>
<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">
<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 v-if="scope.row.gzhzt == 1" style="color: #16b771">
正常
</span>
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
<span v-if="scope.row.gzhzt == 2" style="color: #f58a0c">
注销
</span>
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
<span v-if="scope.row.gzhzt == 3" style="color: #1485ef">
迁移
</span>
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
<span v-if="scope.row.gzhzt == 4" style="color: #29a07a">
受限
</span>
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
<span v-if="scope.row.gzhzt == 5" style="color: #f50c0c">
违规
</span>
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
<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">
<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
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
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
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import myPagination from "@/views/components/Pagination/index.vue";
// import myDialog from "@/views/components/myDialog/index.vue"
import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index";
import {
assetOfficialAccountList,
deleteAssetOfficialAccount,
} from "@/api/auditPagesApi/index";
export default {
dicts: ['zc_xtzt','zc_xtlx', 'gzh_state','sys_ptlx_type'],
components:{myPagination},
dicts: ["zc_xtzt", "zc_xtlx", "gzh_state", "sys_ptlx_type"],
components: { myPagination },
data() {
return {
formInline:{
gzhmc:"",
xtzt:"",
formInline: {
gzhmc: "",
xtzt: "",
// startTime:"",
// endTime:"",
current:1,
size:10,
current: 1,
size: 10,
},
// time:[],
total:0,
tableData:[],
loading:false,
total: 0,
tableData: [],
loading: false,
tabHeader: undefined,
}
};
},
mounted(){
if( Object.keys(this.$route.params).length != 0) {
mounted() {
if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params;
}else{
this.formInline.current = 1
this.formInline.size = 20
} else {
this.formInline.current = 1;
this.formInline.size = 20;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
handleAdd() {
this.$router.push({
name: "myAssetsAuth",
query: {
pageType: "add",
type: 2,
queryData: this.formInline,
name: "MyOfficialAccount",
},
});
},
//
getList(){
getList() {
this.loading = true;
assetOfficialAccountList(this.formInline).then(res=>{
assetOfficialAccountList(this.formInline).then((res) => {
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
});
},
//
resetQuery(){
resetQuery() {
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
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){
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`)
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"
}})
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}){
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
return "evenNumber-row";
}
return '';
return "";
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
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>

@ -3,7 +3,14 @@
<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-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">
@ -12,25 +19,39 @@
</el-col> -->
<el-col :span="7">
<el-form-item label="小程序名称:" prop="xcxmc">
<el-input v-model="formInline.xcxmc" placeholder="请输入小程序名称"></el-input>
<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-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">
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;">
<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-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>
@ -67,127 +88,218 @@
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button
>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center">
<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="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">
<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 v-if="scope.row.state == 1" style="color: #16b771">
正常
</span>
<span v-if="scope.row.state == 2" style="color: #F58A0C;">
<span v-if="scope.row.state == 2" style="color: #f58a0c">
注销
</span>
<span v-if="scope.row.state == 3" style="color: #1485EF;">
<span v-if="scope.row.state == 3" style="color: #1485ef">
迁移
</span>
<span v-if="scope.row.state == 4" style="color: #29A07A;">
<span v-if="scope.row.state == 4" style="color: #29a07a">
受限
</span>
<span v-if="scope.row.state == 5" style="color: #F50C0C;">
<span v-if="scope.row.state == 5" style="color: #f50c0c">
违规
</span>
<span v-if="scope.row.state == 6" style="color: #F58A0C;">
<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">
<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
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
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
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
:current-page.sync="formInline.current"
></my-pagination>
</main>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import myPagination from "@/views/components/Pagination/index.vue";
// import myDialog from "@/views/components/myDialog/index.vue"
import { miniProgramsList, deleteMiniPrograms } from "@/api/auditPagesApi/index";
import {
miniProgramsList,
deleteMiniPrograms,
} from "@/api/auditPagesApi/index";
export default {
dicts: ['gzh_state'],
components:{myPagination},
dicts: ["gzh_state"],
components: { myPagination },
data() {
return {
formInline:{
xtzt:"",
xcxmc:"",
formInline: {
xtzt: "",
xcxmc: "",
// startTime:"",
// endTime:"",
current:1,
size:10,
current: 1,
size: 10,
},
// time:[],
total:0,
tableData:[],
loading:false,
total: 0,
tableData: [],
loading: false,
tabHeader: undefined,
}
};
},
mounted(){
if( Object.keys(this.$route.params).length != 0) {
mounted() {
if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params;
}else{
this.formInline.current = 1
this.formInline.size = 20
} else {
this.formInline.current = 1;
this.formInline.size = 20;
}
this.getList();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
handleAdd() {
this.$router.push({
name: "myAssetsAuth",
query: {
pageType: "add",
type: 1,
queryData: this.formInline,
name: "MyProgram",
},
});
},
//
getList(){
getList() {
this.loading = true;
miniProgramsList(this.formInline).then(res=>{
miniProgramsList(this.formInline).then((res) => {
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
})
});
},
//
resetQuery(){
resetQuery() {
this.resetForm("queryForm");
// this.time = [];
this.handleQuery();
},
//
handleQuery(){
handleQuery() {
this.formInline.current = 1;
// if(this.time) {
// this.formInline.startTime = this.time[0]
@ -196,44 +308,51 @@ export default {
this.getList();
},
//
getPagination(pages){
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`)
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"
}})
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}){
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
return "evenNumber-row";
}
return '';
return "";
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
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>

Loading…
Cancel
Save