企业端除了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 = 太仓市网络和数据资产采集管理系统 VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
@ -5,10 +13,8 @@ VUE_APP_TITLE = 太仓市网络和数据资产采集管理系统
ENV = 'development' 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://39.101.188.84:9115'
# VUE_APP_BASE_API = 'http://192.168.0.112:9115'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

@ -2,59 +2,88 @@
<template> <template>
<div class="L-assets-info"> <div class="L-assets-info">
<div class="assets-info-top"> <div class="assets-info-top">
<el-row style="margin: 10px 0;"> <el-row style="margin: 10px 0">
<span class="top-title-box">基本信息</span> <span class="top-title-box">基本信息1</span>
</el-row> </el-row>
<div class="assets-info-box"> <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-row>
<el-col :span="12"> <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-input v-model="ruleForm.ssdw" placeholder="请输入所属单位"></el-input> -->
<el-autocomplete <el-autocomplete
v-model="ruleForm.ssdw" v-model="ruleForm.ssdw"
disabled
:fetch-suggestions="querySearchAsync" :fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位" placeholder="请输入所属单位"
disabled
></el-autocomplete> ></el-autocomplete>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="小程序名称" prop="xcxmc"> <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="APPID" prop="appId"> <el-form-item label="APPID" prop="appId">
<el-input v-model="ruleForm.appId" style="width: 100%;" placeholder="请输入APPID"></el-input> <el-input
v-model="ruleForm.appId"
style="width: 100%"
placeholder="请输入APPID"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="认证主体" prop="rzzt"> <el-form-item label="认证主体" prop="rzzt">
<el-input v-model="ruleForm.rzzt" style="width: 100%;" placeholder="请输入认证主体"></el-input> <el-input
v-model="ruleForm.rzzt"
style="width: 100%"
placeholder="请输入认证主体"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item class="daoqitixingren" prop="tyshxydm" :rules="[ <el-form-item
class="daoqitixingren"
prop="tyshxydm"
:rules="[
{ {
required: true, required: true,
pattern: /^[a-zA-Z0-9]{18}$/, pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码', message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change' trigger: 'change',
}, },
]"
]" label="统一社会信用代码" required> label="统一社会信用代码"
required
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input> >
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="小程序状态" prop="state"> <el-form-item label="小程序状态" prop="state">
<el-select v-model="ruleForm.state" placeholder="请选择小程序状态"> <el-select
v-model="ruleForm.state"
placeholder="请选择小程序状态"
>
<el-option <el-option
v-for="dict in dict.type.gzh_state" v-for="dict in dict.type.gzh_state"
:key="dict.value" :key="dict.value"
@ -68,12 +97,19 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="账号原始ID" prop="ysId"> <el-form-item label="账号原始ID" prop="ysId">
<el-input v-model="ruleForm.ysId" style="width: 100%;" placeholder="请输入账号原始ID"></el-input> <el-input
v-model="ruleForm.ysId"
style="width: 100%"
placeholder="请输入账号原始ID"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="小程序包状态" prop="packState"> <el-form-item label="小程序包状态" prop="packState">
<el-select v-model="ruleForm.packState" placeholder="请选择小程序包状态"> <el-select
v-model="ruleForm.packState"
placeholder="请选择小程序包状态"
>
<el-option <el-option
v-for="dict in dict.type.email_state" v-for="dict in dict.type.email_state"
:key="dict.value" :key="dict.value"
@ -87,7 +123,10 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="认证状态" prop="rzState"> <el-form-item label="认证状态" prop="rzState">
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态"> <el-select
v-model="ruleForm.rzState"
placeholder="请选择认证状态"
>
<el-option <el-option
v-for="dict in dict.type.gzh_rzzt" v-for="dict in dict.type.gzh_rzzt"
:key="dict.value" :key="dict.value"
@ -104,7 +143,8 @@
type="date" type="date"
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期"> placeholder="选择日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -124,36 +164,54 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="icp备案状态" prop="icpState"> <el-form-item label="icp备案状态" prop="icpState">
<el-input v-model="ruleForm.icpState" style="width: 100%;" placeholder="请输入icp备案状态"></el-input> <el-input
v-model="ruleForm.icpState"
style="width: 100%"
placeholder="请输入icp备案状态"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="域名白名单" prop="ymbmd"> <el-form-item label="域名白名单" prop="ymbmd">
<el-input v-model="ruleForm.ymbmd" style="width: 100%;" placeholder="请输入域名白名单"></el-input> <el-input
v-model="ruleForm.ymbmd"
style="width: 100%"
placeholder="请输入域名白名单"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="服务类目" prop="fwlm"> <el-form-item label="服务类目" prop="fwlm">
<el-input v-model="ruleForm.fwlm" style="width: 100%;" placeholder="请输入服务类目"></el-input> <el-input
v-model="ruleForm.fwlm"
style="width: 100%"
placeholder="请输入服务类目"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="hydzyx" <el-form-item
label="行业电子邮箱" required prop="hydzyx"
label="行业电子邮箱"
required
:rules="[ :rules="[
{ {
type: 'email', type: 'email',
required: true, required: true,
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: ['change', 'change'] trigger: ['change', 'change'],
} },
]" ]"
> >
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input> <el-input
v-model="ruleForm.hydzyx"
style="width: 100%"
placeholder="请输入行业电子邮箱"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -198,90 +256,158 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr"> <el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input> <el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="xtzrrdh" <el-form-item
label="系统责任人电话" required prop="xtzrrdh"
label="系统责任人电话"
required
:rules="[ :rules="[
{ {
required: true, required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码', message: '请输入正确的手机号码',
trigger: 'change' trigger: 'change',
} },
]" ]"
> >
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input> <el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="xtzrryx" <el-form-item
label="系统责任人邮箱" required prop="xtzrryx"
label="系统责任人邮箱"
required
:rules="[ :rules="[
{ {
required: true, required: true,
type: 'email', type: 'email',
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: ['change', 'change'] trigger: ['change', 'change'],
} },
]" ]"
> >
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input> <el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz"> <el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input> <el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="引入插件APPID" prop="yycjAppid"> <el-form-item label="引入插件APPID" prop="yycjAppid">
<el-input v-model="ruleForm.yycjAppid" style="width: 100%;" placeholder="请输入引入插件APPID"></el-input> <el-input
v-model="ruleForm.yycjAppid"
style="width: 100%"
placeholder="请输入引入插件APPID"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="引用插件(开发者)" prop="yycjKfz"> <el-form-item label="引用插件(开发者)" prop="yycjKfz">
<el-input v-model="ruleForm.yycjKfz" style="width: 100%;" placeholder="请输入引用插件(开发者)"></el-input> <el-input
v-model="ruleForm.yycjKfz"
style="width: 100%"
placeholder="请输入引用插件(开发者)"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="系统简介" prop="xtjj"> <el-form-item label="系统简介" prop="xtjj">
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input> <el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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="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>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit"> <el-row
<el-button type="danger" :disabled="false" @click="btnReject"></el-button> style="margin: 10px 0; padding-bottom: 50px; text-align: center"
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button> 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-row>
</el-form> </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-button type="primary" @click="sendBack"></el-button>
</el-row> </el-row>
</div> </div>
</div> </div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%"> <my-dialog
title="提示"
ref="liebiaoDialog"
class="taskDialogBox"
width="40%"
>
<el-row> <el-row>
<el-col :span="21"> <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-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>
<el-form-item class="newTask-form-item"> <el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button> <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-item>
</el-form> </el-form>
</el-col> </el-col>
@ -291,239 +417,284 @@
</div> </div>
</template> </template>
<script> <script>
import { assetMiniPrograms, miniProgramsInfo, unitAllList, miniProgramsLookInfo, miniProgramsUnitEdit, miniProgramsAudit } from "@/api/auditPagesApi/index"; import {
import myDialog from "@/views/components/myDialog/index.vue" assetMiniPrograms,
miniProgramsInfo,
unitAllList,
miniProgramsLookInfo,
miniProgramsUnitEdit,
miniProgramsAudit,
} from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue";
import { mapGetters } from "vuex";
export default { export default {
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_rzzt','gzh_rzlx','email_state'], dicts: [
"app_xzqh",
"app_sshy",
"app_zdhy",
"gzh_state",
"gzh_rzzt",
"gzh_rzlx",
"email_state",
],
components: { components: {
myDialog myDialog,
}, },
data() { data() {
return { return {
ruleForm:{ ruleForm: {},
},
rules: { rules: {
ssdw: [ ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" } { required: true, message: "所属单位不能为空", trigger: "blur" },
], ],
xcxmc: [ xcxmc: [
{ required: true, message: "小程序名称不能为空", trigger: "blur" } { required: true, message: "小程序名称不能为空", trigger: "blur" },
],
appId: [
{ required: true, message: "APPID不能为空", trigger: "blur" }
], ],
appId: [{ required: true, message: "APPID不能为空", trigger: "blur" }],
rzzt: [ rzzt: [
{ required: true, message: "认证主体不能为空", trigger: "blur" } { required: true, message: "认证主体不能为空", trigger: "blur" },
], ],
state: [ state: [
{ required: true, message: "小程序状态不能为空", trigger: "change" } { required: true, message: "小程序状态不能为空", trigger: "change" },
], ],
ysId: [ ysId: [
{ required: true, message: "账号原始ID不能为空", trigger: "blur" } { required: true, message: "账号原始ID不能为空", trigger: "blur" },
], ],
packState: [ packState: [
{ required: true, message: "小程序包状态不能为空", trigger: "change" } {
required: true,
message: "小程序包状态不能为空",
trigger: "change",
},
], ],
rzState: [ rzState: [
{ required: true, message: "认证状态不能为空", trigger: "change" } { required: true, message: "认证状态不能为空", trigger: "change" },
], ],
rzsj: [ rzsj: [
{ required: true, message: "认证时间不能为空", trigger: "change" } { required: true, message: "认证时间不能为空", trigger: "change" },
], ],
rzlx: [ rzlx: [
{ required: true, message: "认证类型不能为空", trigger: "change" } { required: true, message: "认证类型不能为空", trigger: "change" },
], ],
icpState: [ icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "blur" } { required: true, message: "icp备案状态不能为空", trigger: "blur" },
], ],
ymbmd: [ ymbmd: [
{ required: true, message: "域名白名单不能为空", trigger: "blur" } { required: true, message: "域名白名单不能为空", trigger: "blur" },
], ],
fwlm: [ fwlm: [
{ required: true, message: "服务类目不能为空", trigger: "blur" } { required: true, message: "服务类目不能为空", trigger: "blur" },
], ],
sshy: [ sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" } { required: true, message: "所属行业不能为空", trigger: "change" },
], ],
zdhy: [ zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" } { required: true, message: "重点行业不能为空", trigger: "change" },
], ],
xzqh: [ xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" } { required: true, message: "行政区划不能为空", trigger: "change" },
], ],
xtzrr: [ xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" } { required: true, message: "系统责任人不能为空", trigger: "blur" },
], ],
xtzrryx: [ xtzrryx: [
{ required: true, message: "系统责任人邮箱不能为空", trigger: "blur" }, {
{ type: 'email', message: "请输入正确的邮箱地址", trigger: ["change", "blur"] } required: true,
message: "系统责任人邮箱不能为空",
trigger: "blur",
},
{
type: "email",
message: "请输入正确的邮箱地址",
trigger: ["change", "blur"],
},
], ],
xtzrrdz: [ xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" } {
required: true,
message: "系统责任人地址不能为空",
trigger: "blur",
},
], ],
yycjAppid: [ yycjAppid: [
{ required: true, message: "引入插件APPID不能为空", trigger: "blur" } {
required: true,
message: "引入插件APPID不能为空",
trigger: "blur",
},
], ],
yycjKfz: [ yycjKfz: [
{ required: true, message: "引用插件(开发者)不能为空", trigger: "blur" } {
required: true,
message: "引用插件(开发者)不能为空",
trigger: "blur",
},
], ],
xtjj: [ xtjj: [
{ required: true, message: "系统简介不能为空", trigger: "blur" } { required: true, message: "系统简介不能为空", trigger: "blur" },
] ],
}, },
loading: false, loading: false,
disabled: false, disabled: false,
dialogruleForm: { dialogruleForm: {
auditYy:'', auditYy: "",
}, },
dialogruleFormrules: { dialogruleFormrules: {
auditYy: [ auditYy: [{ required: true, message: "请输入", trigger: "blur" }],
{ required: true, message: '请输入', trigger: 'blur' },
],
}, },
} };
}, },
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'], computed: {
...mapGetters(["nickName"]),
},
props: ["pageType", "id", "audit", "isModdle", "name", "queryData"],
mounted() { mounted() {
if (this.isModdle) { if (this.isModdle) {
if(this.pageType == 'look') { if (this.pageType == "look") {
this.getInfoTwo(this.id) this.getInfoTwo(this.id);
this.disabled = true; this.disabled = true;
this.$nextTick(() => { this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner'); const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll('.el-textarea__inner'); const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => { inputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
textareaInputElements.forEach((input) => { textareaInputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
}) });
} else if(this.pageType == 'change') { } else if (this.pageType == "change") {
this.getInfoTwo(this.id) this.getInfoTwo(this.id);
this.disabled = false; this.disabled = false;
} }
if (this.audit) { if (this.audit) {
this.disabled = true; this.disabled = true;
} }
} else { } else {
if(this.pageType == 'look') { if (this.pageType == "look") {
this.getInfo(this.id) this.getInfo(this.id);
this.disabled = true; this.disabled = true;
this.$nextTick(() => { this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner'); const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll('.el-textarea__inner'); const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => { inputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
textareaInputElements.forEach((input) => { textareaInputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
}) });
} else if(this.pageType == 'change') { } else if (this.pageType == "change") {
this.getInfo(this.id) this.getInfo(this.id);
this.disabled = false; this.disabled = false;
} }
if (this.audit) { if (this.audit) {
this.disabled = true; this.disabled = true;
} }
} }
if (this.pageType == "add") {
this.ruleForm.ssdw = this.nickName;
}
}, },
methods: { methods: {
getInfo(id) { getInfo(id) {
miniProgramsInfo(id).then(res=>{ miniProgramsInfo(id).then((res) => {
this.ruleForm = res.data; this.ruleForm = res.data;
setTimeout(() => { setTimeout(() => {
this.$refs.ruleForm.clearValidate() this.$refs.ruleForm.clearValidate();
}, 100); }, 100);
}) });
}, },
getInfoTwo(id) { getInfoTwo(id) {
miniProgramsLookInfo(id).then(res=>{ miniProgramsLookInfo(id).then((res) => {
this.ruleForm = res.data; this.ruleForm = res.data;
setTimeout(() => { setTimeout(() => {
this.$refs.ruleForm.clearValidate() this.$refs.ruleForm.clearValidate();
}, 100); }, 100);
}) });
}, },
// //
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
let results = []; let results = [];
unitAllList({nickName: queryString}).then(res => { unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach(item => { res.data.forEach((item) => {
results.push({ results.push({
value: item.nickName, value: item.nickName,
id: item.id, id: item.id,
tyshxydm:item.userName tyshxydm: item.userName,
}) });
}) });
}) });
cb(results); cb(results);
}, },
// //
handleSelect(item) { handleSelect(item) {
this.ruleForm.tyshxydm = item.tyshxydm this.ruleForm.tyshxydm = item.tyshxydm;
}, },
// //
newAssets() { newAssets() {
this.$refs['ruleForm'].validate((valid) => { this.$refs["ruleForm"].validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
if(this.pageType == 'change') { if (this.pageType == "change") {
miniProgramsUnitEdit(this.ruleForm).then(res=>{ miniProgramsUnitEdit(this.ruleForm).then((res) => {
this.loading = false; this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改"); this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
}) });
} else { } else {
assetMiniPrograms('post',this.ruleForm).then(res=>{ this.ruleForm.xzType = 1;
assetMiniPrograms("post", this.ruleForm).then((res) => {
this.loading = false; this.loading = false;
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.$router.go(-1); this.$router.push({ name: this.name, params: this.queryData });
}) });
} }
} }
}) });
}, },
sendBack() { sendBack() {
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
}, },
// //
btnReject() { btnReject() {
this.$refs.liebiaoDialog.open() this.$refs.liebiaoDialog.open();
}, },
// //
resetForm() { resetForm() {
this.dialogruleForm = { this.dialogruleForm = {
auditYy:"" auditYy: "",
} };
this.$refs.liebiaoDialog.close() this.$refs.liebiaoDialog.close();
}, },
// //
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let tijioaobj = { let tijioaobj = {
auditState: '3', auditState: "3",
auditYy: this.dialogruleForm.auditYy, auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id), currentId: Number(this.id),
} };
miniProgramsAudit(tijioaobj).then(res=>{ miniProgramsAudit(tijioaobj).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess("审核驳回"); this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
} }
}) });
} else { } else {
console.log('error submit!!'); console.log("error submit!!");
return false; return false;
} }
}); });
@ -531,15 +702,17 @@ export default {
// //
btnPass() { btnPass() {
this.loading = true; this.loading = true;
miniProgramsAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{ miniProgramsAudit({ currentId: Number(this.id), auditState: "2" })
.then((res) => {
this.$modal.msgSuccess("审核通过"); this.$modal.msgSuccess("审核通过");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
this.loading = false;
}).catch(err=>{
this.loading = false; 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> <template>
<div class="L-assets-info"> <div class="L-assets-info">
<div class="assets-info-top"> <div class="assets-info-top">
<el-row style="margin: 10px 0;"> <el-row style="margin: 10px 0">
<span class="top-title-box">基本信息</span> <span class="top-title-box">基本信息3</span>
</el-row> </el-row>
<div class="assets-info-box"> <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-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属单位" prop="ssdw"> <el-form-item label="所属单位" prop="ssdw">
@ -21,7 +29,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz"> <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -40,19 +51,29 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="邮件系统供应商" prop="yjxtgys"> <el-form-item label="邮件系统供应商" prop="yjxtgys">
<el-input v-model="ruleForm.yjxtgys" style="width: 100%;" placeholder="请输入邮件系统供应商"></el-input> <el-input
v-model="ruleForm.yjxtgys"
style="width: 100%"
placeholder="请输入邮件系统供应商"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="密码算法" prop="mmsf"> <el-form-item label="密码算法" prop="mmsf">
<el-input v-model="ruleForm.mmsf" placeholder="请输入密码算法"></el-input> <el-input
v-model="ruleForm.mmsf"
placeholder="请输入密码算法"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="邮件系统状态" prop="yjxtzc"> <el-form-item label="邮件系统状态" prop="yjxtzc">
<el-select v-model="ruleForm.yjxtzc" placeholder="请选择邮件系统状态"> <el-select
v-model="ruleForm.yjxtzc"
placeholder="请选择邮件系统状态"
>
<el-option <el-option
v-for="dict in dict.type.email_state" v-for="dict in dict.type.email_state"
:key="dict.value" :key="dict.value"
@ -66,7 +87,10 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="安全防护系统" prop="aqfhxt"> <el-form-item label="安全防护系统" prop="aqfhxt">
<el-select v-model="ruleForm.aqfhxt" placeholder="请选择安全防护系统"> <el-select
v-model="ruleForm.aqfhxt"
placeholder="请选择安全防护系统"
>
<el-option <el-option
v-for="dict in dict.type.email_hasorno" v-for="dict in dict.type.email_hasorno"
:key="dict.value" :key="dict.value"
@ -78,7 +102,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="安全备份环境" prop="aqbfhj"> <el-form-item label="安全备份环境" prop="aqbfhj">
<el-select v-model="ruleForm.aqbfhj" placeholder="请选择安全备份环境"> <el-select
v-model="ruleForm.aqbfhj"
placeholder="请选择安全备份环境"
>
<el-option <el-option
v-for="dict in dict.type.email_hasorno" v-for="dict in dict.type.email_hasorno"
:key="dict.value" :key="dict.value"
@ -92,7 +119,11 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数字证书厂商" prop="szzscs"> <el-form-item label="数字证书厂商" prop="szzscs">
<el-input v-model="ruleForm.szzscs" style="width: 100%;" placeholder="请输入数字证书厂商"></el-input> <el-input
v-model="ruleForm.szzscs"
style="width: 100%"
placeholder="请输入数字证书厂商"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -102,7 +133,8 @@
type="date" type="date"
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期"> placeholder="选择日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -148,81 +180,140 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="系统责任人" prop="xtzrr"> <el-form-item label="系统责任人" prop="xtzrr">
<el-input v-model="ruleForm.xtzrr" style="width: 100%;" placeholder="请输入系统责任人"></el-input> <el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="xtzrrdh" <el-form-item
label="系统责任人电话" required prop="xtzrrdh"
label="系统责任人电话"
required
:rules="[ :rules="[
{ {
required: true, required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码', message: '请输入正确的手机号码',
trigger: 'change' trigger: 'change',
} },
]" ]"
> >
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input> <el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="xtzrryx" <el-form-item
label="系统责任人邮箱" required prop="xtzrryx"
label="系统责任人邮箱"
required
:rules="[ :rules="[
{ {
required: true, required: true,
type: 'email', type: 'email',
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: ['change', 'change'] trigger: ['change', 'change'],
} },
]" ]"
> >
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input> <el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="系统责任人地址" prop="xtzrrdz"> <el-form-item label="系统责任人地址" prop="xtzrrdz">
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input> <el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="简介" prop="jj"> <el-form-item label="简介" prop="jj">
<el-input type="textarea" resize="none" placeholder="请输入简介" :rows="5" v-model="ruleForm.jj"></el-input> <el-input
type="textarea"
resize="none"
placeholder="请输入简介"
:rows="5"
v-model="ruleForm.jj"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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="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>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="audit"> <el-row
<el-button type="danger" :disabled="false" @click="btnReject"></el-button> style="margin: 10px 0; padding-bottom: 50px; text-align: center"
<el-button type="primary" :disabled="false" @click="btnPass" :loading="loading">通过</el-button> 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-row>
</el-form> </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-button type="primary" @click="sendBack"></el-button>
</el-row> </el-row>
</div> </div>
</div> </div>
<my-dialog title="提示" ref="liebiaoDialog" class="taskDialogBox" width="40%"> <my-dialog
title="提示"
ref="liebiaoDialog"
class="taskDialogBox"
width="40%"
>
<el-row> <el-row>
<el-col :span="21"> <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-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>
<el-form-item class="newTask-form-item"> <el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button> <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-item>
</el-form> </el-form>
</el-col> </el-col>
@ -232,215 +323,251 @@
</div> </div>
</template> </template>
<script> <script>
import { assetEmail, assetEmailInfo, unitAllList, EmailLookInfo, EmailAudit, EmailUnitEdit } from "@/api/auditPagesApi/index"; import {
import myDialog from "@/views/components/myDialog/index.vue" assetEmail,
assetEmailInfo,
unitAllList,
EmailLookInfo,
EmailAudit,
EmailUnitEdit,
} from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue";
import { mapGetters } from "vuex";
export default { export default {
dicts:['app_xzqh','app_sshy','app_zdhy','email_jslx','email_state','email_hasorno'], dicts: [
"app_xzqh",
"app_sshy",
"app_zdhy",
"email_jslx",
"email_state",
"email_hasorno",
],
components: { components: {
myDialog myDialog,
},
computed: {
...mapGetters(["nickName"]),
}, },
data() { data() {
return { return {
ruleForm:{ ruleForm: {},
},
rules: { rules: {
ssdw: [ ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" } { required: true, message: "所属单位不能为空", trigger: "blur" },
], ],
dzyxhz: [ dzyxhz: [
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" } { required: true, message: "电子邮箱后缀不能为空", trigger: "blur" },
], ],
jslx: [ jslx: [
{ required: true, message: "建设类型不能为空", trigger: "change" } { required: true, message: "建设类型不能为空", trigger: "change" },
], ],
yjxtgys: [ yjxtgys: [
{ required: true, message: "邮件系统供应商不能为空", trigger: "blur" } {
required: true,
message: "邮件系统供应商不能为空",
trigger: "blur",
},
], ],
mmsf: [ mmsf: [
{ required: true, message: "密码算法不能为空", trigger: "blur" } { required: true, message: "密码算法不能为空", trigger: "blur" },
], ],
yjxtzc: [ yjxtzc: [
{ required: true, message: "邮件系统状态不能为空", trigger: "change" } {
required: true,
message: "邮件系统状态不能为空",
trigger: "change",
},
], ],
aqfhxt: [ aqfhxt: [
{ required: true, message: "安全防护系统不能为空", trigger: "change" } {
required: true,
message: "安全防护系统不能为空",
trigger: "change",
},
], ],
aqbfhj: [ aqbfhj: [
{ required: true, message: "安全备份环境不能为空", trigger: "blur" } { required: true, message: "安全备份环境不能为空", trigger: "blur" },
], ],
szzscs: [ szzscs: [
{ required: true, message: "数字证书厂商不能为空", trigger: "blur" } { required: true, message: "数字证书厂商不能为空", trigger: "blur" },
], ],
sxsj: [ sxsj: [
{ required: true, message: "上线时间不能为空", trigger: "change" } { required: true, message: "上线时间不能为空", trigger: "change" },
], ],
sshy: [ sshy: [
{ required: true, message: "所属行业不能为空", trigger: "blur" } { required: true, message: "所属行业不能为空", trigger: "blur" },
], ],
zdhy: [ zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" } { required: true, message: "重点行业不能为空", trigger: "change" },
], ],
xzqh: [ xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" } { required: true, message: "行政区划不能为空", trigger: "change" },
], ],
xtzrr: [ xtzrr: [
{ required: true, message: "系统责任人不能为空", trigger: "blur" } { required: true, message: "系统责任人不能为空", trigger: "blur" },
], ],
xtzrrdz: [ xtzrrdz: [
{ required: true, message: "系统责任人地址不能为空", trigger: "blur" } {
required: true,
message: "系统责任人地址不能为空",
trigger: "blur",
},
], ],
jj: [ jj: [{ required: true, message: "简介不能为空", trigger: "blur" }],
{ required: true, message: "简介不能为空", trigger: "blur" }
]
}, },
loading: false, loading: false,
disabled: false, disabled: false,
dialogruleForm: { dialogruleForm: {
auditYy:'', auditYy: "",
}, },
dialogruleFormrules: { dialogruleFormrules: {
auditYy: [ auditYy: [{ required: true, message: "请输入", trigger: "blur" }],
{ required: true, message: '请输入', trigger: 'blur' },
],
}, },
} };
}, },
props:['pageType', 'id', 'audit', 'isModdle', 'name', 'queryData'], props: ["pageType", "id", "audit", "isModdle", "name", "queryData"],
mounted() { mounted() {
if (this.isModdle) { if (this.isModdle) {
if(this.pageType == 'look') { if (this.pageType == "look") {
this.getInfoTwo(this.id) this.getInfoTwo(this.id);
this.disabled = true; this.disabled = true;
this.$nextTick(() => { this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner'); const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll('.el-textarea__inner'); const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => { inputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
textareaInputElements.forEach((input) => { textareaInputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
}) });
} else if(this.pageType == 'change') { } else if (this.pageType == "change") {
this.getInfoTwo(this.id) this.getInfoTwo(this.id);
this.disabled = false; this.disabled = false;
} }
if (this.audit) { if (this.audit) {
this.disabled = true; this.disabled = true;
} }
} else { } else {
if(this.pageType == 'look') { if (this.pageType == "look") {
this.getInfo(this.id) this.getInfo(this.id);
this.disabled = true; this.disabled = true;
this.$nextTick(() => { this.$nextTick(() => {
const inputElements = document.querySelectorAll('.el-input__inner'); const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll('.el-textarea__inner'); const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => { inputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
textareaInputElements.forEach((input) => { textareaInputElements.forEach((input) => {
input.placeholder = ''; input.placeholder = "";
}); });
}) });
} else if(this.pageType == 'change') { } else if (this.pageType == "change") {
this.getInfo(this.id) this.getInfo(this.id);
this.disabled = false; this.disabled = false;
} }
if (this.audit) { if (this.audit) {
this.disabled = true; this.disabled = true;
} }
} }
if (this.pageType == "add") {
this.ruleForm.ssdw = this.nickName;
}
}, },
methods: { methods: {
getInfo(id) { getInfo(id) {
assetEmailInfo(id).then(res=>{ assetEmailInfo(id).then((res) => {
this.ruleForm = res.data; this.ruleForm = res.data;
setTimeout(() => { setTimeout(() => {
this.$refs.ruleForm.clearValidate() this.$refs.ruleForm.clearValidate();
}, 100); }, 100);
}) });
}, },
getInfoTwo(id) { getInfoTwo(id) {
EmailLookInfo(id).then(res=>{ EmailLookInfo(id).then((res) => {
this.ruleForm = res.data; this.ruleForm = res.data;
setTimeout(() => { setTimeout(() => {
this.$refs.ruleForm.clearValidate() this.$refs.ruleForm.clearValidate();
}, 100); }, 100);
}) });
}, },
// //
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
let results = []; let results = [];
unitAllList({nickName: queryString}).then(res => { unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach(item => { res.data.forEach((item) => {
results.push({ results.push({
value: item.nickName, value: item.nickName,
id: item.id, id: item.id,
}) });
}) });
}) });
cb(results); cb(results);
}, },
// //
newAssets() { newAssets() {
this.$refs['ruleForm'].validate((valid) => { this.$refs["ruleForm"].validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
if(this.pageType == 'change') { if (this.pageType == "change") {
EmailUnitEdit(this.ruleForm).then(res=>{ EmailUnitEdit(this.ruleForm).then((res) => {
// console.log(res,"res"); // console.log(res,"res");
this.loading = false; this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改"); this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
}) });
} else { } else {
assetEmail('post',this.ruleForm).then(res=>{ this.ruleForm.xzType = 1;
assetEmail("post", this.ruleForm).then((res) => {
// console.log(res,"res"); // console.log(res,"res");
this.loading = false; this.loading = false;
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
// this.$router.go(-1); // 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.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
}, },
// //
btnReject() { btnReject() {
this.$refs.liebiaoDialog.open() this.$refs.liebiaoDialog.open();
}, },
// //
resetForm() { resetForm() {
this.dialogruleForm = { this.dialogruleForm = {
auditYy:"" auditYy: "",
} };
this.$refs.liebiaoDialog.close() this.$refs.liebiaoDialog.close();
}, },
// //
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let tijioaobj = { let tijioaobj = {
auditState: '3', auditState: "3",
auditYy: this.dialogruleForm.auditYy, auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id), currentId: Number(this.id),
} };
EmailAudit(tijioaobj).then(res=>{ EmailAudit(tijioaobj).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess("审核驳回"); this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
} }
}) });
} else { } else {
console.log('error submit!!'); console.log("error submit!!");
return false; return false;
} }
}); });
@ -448,15 +575,17 @@ export default {
// //
btnPass() { btnPass() {
this.loading = true; this.loading = true;
EmailAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{ EmailAudit({ currentId: Number(this.id), auditState: "2" })
.then((res) => {
this.$modal.msgSuccess("审核通过"); this.$modal.msgSuccess("审核通过");
// this.$router.go(-1); // this.$router.go(-1);
this.$router.push({name:this.name,params: this.queryData}) this.$router.push({ name: this.name, params: this.queryData });
this.loading = false;
}).catch(err=>{
this.loading = false; this.loading = false;
}) })
.catch((err) => {
this.loading = false;
});
}, },
}, },
} };
</script> </script>

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

@ -2,8 +2,14 @@
<template> <template>
<div class="L-main" id="L-size-main"> <div class="L-main" id="L-size-main">
<div class="content-search" id="L-header"> <div class="content-search" id="L-header">
<div class="search-title">查询条件</div> <div class="search-title">查询条件3</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-row>
<!-- <el-col :span="7"> <!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc"> <el-form-item label="所属单位:" prop="dwmc">
@ -12,25 +18,39 @@
</el-col> --> </el-col> -->
<el-col :span="7"> <el-col :span="7">
<el-form-item label="电子邮箱后缀:" prop="dzyxhz"> <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-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="邮件系统状态:" prop="xtzt"> <el-form-item label="邮件系统状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择邮件系统状态"> <el-select
v-model="formInline.xtzt"
placeholder="请选择邮件系统状态"
>
<el-option <el-option
v-for="dict in dict.type.email_state" v-for="dict in dict.type.email_state"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value"> :value="dict.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </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-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button> <el-button size="mini" @click="resetQuery('queryFrom')"
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button> >重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -47,41 +67,123 @@
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
@click="handleExport" @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-col>
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader"> <el-table
<el-table-column type="index" width="50" label="序号" align="center"/> v-loading="loading"
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" /> :data="tableData"
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" /> :height="tabHeader"
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center"> :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"> <!-- <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/> <dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> <el-table-column
<el-table-column label="邮件系统状态" key="status" prop="status" class-name="table-status" align="center"> 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"> <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>
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;"> <span v-if="scope.row.yjxtzc == 2" style="color: #f58a0c">
停用 停用
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)"> style="
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;"> display: flex;
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span> 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>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)"> <div
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;"> v-if="!scope.row.auditState || scope.row.auditState == 2"
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span> 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>
</div> </div>
</template> </template>
@ -100,11 +202,11 @@
</div> </div>
</template> </template>
<script> <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 myDialog from "@/views/components/myDialog/index.vue"
import { assetEmailList, deleteAssetEmail } from "@/api/auditPagesApi/index"; import { assetEmailList, deleteAssetEmail } from "@/api/auditPagesApi/index";
export default { export default {
dicts: ['zc_xtzt','zc_xtlx', 'email_state'], dicts: ["zc_xtzt", "zc_xtlx", "email_state"],
components: { myPagination }, components: { myPagination },
data() { data() {
return { return {
@ -121,31 +223,42 @@ export default {
tableData: [], tableData: [],
loading: false, loading: false,
tabHeader: undefined, tabHeader: undefined,
} };
}, },
mounted() { mounted() {
if (Object.keys(this.$route.params).length != 0) { if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params; this.formInline = this.$route.params;
} else { } else {
this.formInline.current = 1 this.formInline.current = 1;
this.formInline.size = 20 this.formInline.size = 20;
} }
this.getList(); this.getList();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
}, },
destroyed() { 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; this.loading = true;
assetEmailList(this.formInline).then(res=>{ assetEmailList(this.formInline).then((res) => {
this.loading = false; this.loading = false;
this.total = res.data.total; this.total = res.data.total;
this.tableData = res.data.records; this.tableData = res.data.records;
}) });
}, },
// //
resetQuery() { resetQuery() {
@ -175,37 +288,44 @@ export default {
}, },
// //
handleExport() { handleExport() {
this.download('/tc/assetEmail/export', { this.download(
...this.formInline "/tc/assetEmail/export",
}, `电子邮件资产${new Date().getTime()}.xlsx`) {
...this.formInline,
},
`电子邮件资产${new Date().getTime()}.xlsx`
);
}, },
// //
goInfo(row, id) { goInfo(row, id) {
this.$router.push({name: 'myAssetsAuth',query: { this.$router.push({
name: "myAssetsAuth",
query: {
pageType: id == 1 ? "look" : "change", pageType: id == 1 ? "look" : "change",
type: 3, type: 3,
id: row.id, id: row.id,
queryData: this.formInline, queryData: this.formInline,
name:"MyEmail" name: "MyEmail",
}}) },
});
}, },
// table // table
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return 'evenNumber-row'; return "evenNumber-row";
} }
return ''; return "";
}, },
// //
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById("L-size-main"); // ID
const header = document.getElementById('L-header'); // ID const header = document.getElementById("L-header"); // ID
const pagination = document.getElementById('L-pagination'); // ID const pagination = document.getElementById("L-pagination"); // ID
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110; this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
}, },
} },
};
</script> </script>

@ -3,7 +3,13 @@
<div class="L-main" id="L-size-main"> <div class="L-main" id="L-size-main">
<div class="content-search" id="L-header"> <div class="content-search" id="L-header">
<div class="search-title">查询条件</div> <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-row>
<!-- <el-col :span="7"> <!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc"> <el-form-item label="所属单位:" prop="dwmc">
@ -12,25 +18,39 @@
</el-col> --> </el-col> -->
<el-col :span="7"> <el-col :span="7">
<el-form-item label="移动应用名称:" prop="yymc"> <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-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="icp备案状态" prop="xtzt"> <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 <el-option
v-for="dict in dict.type.app_icp_state" v-for="dict in dict.type.app_icp_state"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value"> :value="dict.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </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-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button> <el-button size="mini" @click="resetQuery('queryFrom')"
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button> >重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -72,44 +92,121 @@
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
@click="handleExport" @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-col>
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader"> <el-table
<el-table-column type="index" width="50" label="序号" align="center"/> v-loading="loading"
<el-table-column label="移动应用名称" key="appName" prop="appName" align="center" /> :data="tableData"
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" /> :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"> <!-- <el-table-column label="icp备案状态" key="dwmc" prop="dwmc" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/> <dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> <el-table-column
<el-table-column label="icp备案状态" key="status" prop="status" class-name="table-status" align="center"> 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"> <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>
<span v-if="scope.row.icpState == 2" style="color: #16B771;"> <span v-if="scope.row.icpState == 2" style="color: #16b771">
已备案 已备案
</span> </span>
<span v-if="scope.row.icpState == 3" style="color: #1485EF;"> <span v-if="scope.row.icpState == 3" style="color: #1485ef">
非网站系统 非网站系统
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)"> style="
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;"> display: flex;
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span> 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>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)"> <div
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;"> v-if="!scope.row.auditState || scope.row.auditState == 2"
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span> 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>
</div> </div>
</template> </template>
@ -128,11 +225,11 @@
</div> </div>
</template> </template>
<script> <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 myDialog from "@/views/components/myDialog/index.vue"
import { assetAppList, deleteAssetApp } from "@/api/auditPagesApi/index"; import { assetAppList, deleteAssetApp } from "@/api/auditPagesApi/index";
export default { export default {
dicts: ['zc_xtzt','zc_xtlx', 'app_icp_state'], dicts: ["zc_xtzt", "zc_xtlx", "app_icp_state"],
components: { myPagination }, components: { myPagination },
data() { data() {
return { return {
@ -149,31 +246,42 @@ export default {
tableData: [], tableData: [],
loading: false, loading: false,
tabHeader: undefined, tabHeader: undefined,
} };
}, },
mounted() { mounted() {
if (Object.keys(this.$route.params).length != 0) { if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params; this.formInline = this.$route.params;
} else { } else {
this.formInline.current = 1 this.formInline.current = 1;
this.formInline.size = 20 this.formInline.size = 20;
} }
this.getList(); this.getList();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
}, },
destroyed() { 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; this.loading = true;
assetAppList(this.formInline).then(res=>{ assetAppList(this.formInline).then((res) => {
this.loading = false; this.loading = false;
this.total = res.data.total; this.total = res.data.total;
this.tableData = res.data.records; this.tableData = res.data.records;
}) });
}, },
// //
resetQuery() { resetQuery() {
@ -199,37 +307,44 @@ export default {
}, },
// //
handleExport() { handleExport() {
this.download('/tc/assetApp/export', { this.download(
...this.formInline "/tc/assetApp/export",
}, `移动应用程序资产${new Date().getTime()}.xlsx`) {
...this.formInline,
},
`移动应用程序资产${new Date().getTime()}.xlsx`
);
}, },
// //
goInfo(row, id) { goInfo(row, id) {
this.$router.push({name: 'myAssetsAuth',query: { this.$router.push({
name: "myAssetsAuth",
query: {
pageType: id == 1 ? "look" : "change", pageType: id == 1 ? "look" : "change",
type: 4, type: 4,
id: row.id, id: row.id,
queryData: this.formInline, queryData: this.formInline,
name:"MyMobileApplication" name: "MyMobileApplication",
}}) },
});
}, },
// table // table
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return 'evenNumber-row'; return "evenNumber-row";
} }
return ''; return "";
}, },
// //
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById("L-size-main"); // ID
const header = document.getElementById('L-header'); // ID const header = document.getElementById("L-header"); // ID
const pagination = document.getElementById('L-pagination'); // ID const pagination = document.getElementById("L-pagination"); // ID
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110; this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
}, },
} },
};
</script> </script>

@ -2,30 +2,50 @@
<template> <template>
<div class="L-main" id="L-size-main"> <div class="L-main" id="L-size-main">
<div class="content-search" id="L-header"> <div class="content-search" id="L-header">
<div class="search-title">查询条件</div> <div class="search-title">查询条件2</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-row>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="公众号名称:" prop="gzhmc"> <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-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="公众号状态:" prop="xtzt"> <el-form-item label="公众号状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择公众号状态"> <el-select
v-model="formInline.xtzt"
placeholder="请选择公众号状态"
>
<el-option <el-option
v-for="dict in dict.type.gzh_state" v-for="dict in dict.type.gzh_state"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value"> :value="dict.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </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-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button> <el-button size="mini" @click="resetQuery('queryFrom')"
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button> >重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -67,55 +87,140 @@
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
@click="handleExport" @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-col>
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader"> <el-table
<el-table-column type="index" width="50" label="序号" align="center"/> v-loading="loading"
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" /> :data="tableData"
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" /> :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 label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> --> </el-table-column> -->
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> <el-table-column
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center"> label="新增时间"
key="createTime"
prop="createTime"
align="center"
/>
<el-table-column
label="平台类型"
key="ptlx"
prop="ptlx"
align="center"
>
<template slot-scope="scope"> <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> </template>
</el-table-column> </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"> <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>
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;"> <span v-if="scope.row.gzhzt == 2" style="color: #f58a0c">
注销 注销
</span> </span>
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;"> <span v-if="scope.row.gzhzt == 3" style="color: #1485ef">
迁移 迁移
</span> </span>
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;"> <span v-if="scope.row.gzhzt == 4" style="color: #29a07a">
受限 受限
</span> </span>
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;"> <span v-if="scope.row.gzhzt == 5" style="color: #f50c0c">
违规 违规
</span> </span>
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;"> <span v-if="scope.row.gzhzt == 6" style="color: #f58a0c">
未知 未知
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)"> style="
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;"> display: flex;
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span> 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>
<div v-if="!scope.row.auditState || scope.row.auditState == 2" style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)"> <div
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;"> v-if="!scope.row.auditState || scope.row.auditState == 2"
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span> 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>
</div> </div>
</template> </template>
@ -134,11 +239,14 @@
</div> </div>
</template> </template>
<script> <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 myDialog from "@/views/components/myDialog/index.vue"
import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index"; import {
assetOfficialAccountList,
deleteAssetOfficialAccount,
} from "@/api/auditPagesApi/index";
export default { export default {
dicts: ['zc_xtzt','zc_xtlx', 'gzh_state','sys_ptlx_type'], dicts: ["zc_xtzt", "zc_xtlx", "gzh_state", "sys_ptlx_type"],
components: { myPagination }, components: { myPagination },
data() { data() {
return { return {
@ -155,31 +263,42 @@ export default {
tableData: [], tableData: [],
loading: false, loading: false,
tabHeader: undefined, tabHeader: undefined,
} };
}, },
mounted() { mounted() {
if (Object.keys(this.$route.params).length != 0) { if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params; this.formInline = this.$route.params;
} else { } else {
this.formInline.current = 1 this.formInline.current = 1;
this.formInline.size = 20 this.formInline.size = 20;
} }
this.getList(); this.getList();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
}, },
destroyed() { 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; this.loading = true;
assetOfficialAccountList(this.formInline).then(res=>{ assetOfficialAccountList(this.formInline).then((res) => {
this.loading = false; this.loading = false;
this.total = res.data.total; this.total = res.data.total;
this.tableData = res.data.records; this.tableData = res.data.records;
}) });
}, },
// //
resetQuery() { resetQuery() {
@ -205,37 +324,44 @@ export default {
}, },
// //
handleExport() { handleExport() {
this.download('/tc/assetOfficialAccount/export', { this.download(
...this.formInline "/tc/assetOfficialAccount/export",
}, `公众号资产${new Date().getTime()}.xlsx`) {
...this.formInline,
},
`公众号资产${new Date().getTime()}.xlsx`
);
}, },
// //
goInfo(row, id) { goInfo(row, id) {
this.$router.push({name: 'myAssetsAuth',query: { this.$router.push({
name: "myAssetsAuth",
query: {
pageType: id == 1 ? "look" : "change", pageType: id == 1 ? "look" : "change",
type: 2, type: 2,
id: row.id, id: row.id,
queryData: this.formInline, queryData: this.formInline,
name:"MyOfficialAccount" name: "MyOfficialAccount",
}}) },
});
}, },
// table // table
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return 'evenNumber-row'; return "evenNumber-row";
} }
return ''; return "";
}, },
// //
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById("L-size-main"); // ID
const header = document.getElementById('L-header'); // ID const header = document.getElementById("L-header"); // ID
const pagination = document.getElementById('L-pagination'); // ID const pagination = document.getElementById("L-pagination"); // ID
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110; this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
}, },
} },
};
</script> </script>

@ -3,7 +3,14 @@
<div class="L-main" id="L-size-main"> <div class="L-main" id="L-size-main">
<div class="content-search" id="L-header"> <div class="content-search" id="L-header">
<div class="search-title">查询条件</div> <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-row>
<!-- <el-col :span="7"> <!-- <el-col :span="7">
<el-form-item label="所属单位:" prop="dwmc"> <el-form-item label="所属单位:" prop="dwmc">
@ -12,25 +19,39 @@
</el-col> --> </el-col> -->
<el-col :span="7"> <el-col :span="7">
<el-form-item label="小程序名称:" prop="xcxmc"> <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-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="小程序状态:" prop="xtzt"> <el-form-item label="小程序状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择小程序状态"> <el-select
v-model="formInline.xtzt"
placeholder="请选择小程序状态"
>
<el-option <el-option
v-for="dict in dict.type.gzh_state" v-for="dict in dict.type.gzh_state"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value"> :value="dict.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </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-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button> <el-button size="mini" @click="resetQuery('queryFrom')"
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button> >重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -67,54 +88,131 @@
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
@click="handleExport" @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-col>
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader"> <el-table
<el-table-column type="index" width="50" label="序号" align="center"/> v-loading="loading"
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center"> :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"> <!-- <template slot-scope="scope">
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/> <dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
</template> --> </template> -->
</el-table-column> </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 label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> --> <!-- <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"> <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>
<span v-if="scope.row.state == 2" style="color: #F58A0C;"> <span v-if="scope.row.state == 2" style="color: #f58a0c">
注销 注销
</span> </span>
<span v-if="scope.row.state == 3" style="color: #1485EF;"> <span v-if="scope.row.state == 3" style="color: #1485ef">
迁移 迁移
</span> </span>
<span v-if="scope.row.state == 4" style="color: #29A07A;"> <span v-if="scope.row.state == 4" style="color: #29a07a">
受限 受限
</span> </span>
<span v-if="scope.row.state == 5" style="color: #F50C0C;"> <span v-if="scope.row.state == 5" style="color: #f50c0c">
违规 违规
</span> </span>
<span v-if="scope.row.state == 6" style="color: #F58A0C;"> <span v-if="scope.row.state == 6" style="color: #f58a0c">
未知 未知
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)"> style="
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;"> display: flex;
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span> 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>
<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)"> <div
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;"> v-if="!scope.row.auditState || scope.row.auditState == 2"
<span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span> 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>
</div> </div>
</template> </template>
@ -133,11 +231,14 @@
</div> </div>
</template> </template>
<script> <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 myDialog from "@/views/components/myDialog/index.vue"
import { miniProgramsList, deleteMiniPrograms } from "@/api/auditPagesApi/index"; import {
miniProgramsList,
deleteMiniPrograms,
} from "@/api/auditPagesApi/index";
export default { export default {
dicts: ['gzh_state'], dicts: ["gzh_state"],
components: { myPagination }, components: { myPagination },
data() { data() {
return { return {
@ -154,31 +255,42 @@ export default {
tableData: [], tableData: [],
loading: false, loading: false,
tabHeader: undefined, tabHeader: undefined,
} };
}, },
mounted() { mounted() {
if (Object.keys(this.$route.params).length != 0) { if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params; this.formInline = this.$route.params;
} else { } else {
this.formInline.current = 1 this.formInline.current = 1;
this.formInline.size = 20 this.formInline.size = 20;
} }
this.getList(); this.getList();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
}, },
destroyed() { 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; this.loading = true;
miniProgramsList(this.formInline).then(res=>{ miniProgramsList(this.formInline).then((res) => {
this.loading = false; this.loading = false;
this.total = res.data.total; this.total = res.data.total;
this.tableData = res.data.records; this.tableData = res.data.records;
}) });
}, },
// //
resetQuery() { resetQuery() {
@ -203,37 +315,44 @@ export default {
}, },
// //
handleExport() { handleExport() {
this.download('/tc/miniPrograms/export', { this.download(
...this.formInline "/tc/miniPrograms/export",
}, `小程序资产${new Date().getTime()}.xlsx`) {
...this.formInline,
},
`小程序资产${new Date().getTime()}.xlsx`
);
}, },
// //
goInfo(row, id) { goInfo(row, id) {
this.$router.push({name: 'myAssetsAuth',query: { this.$router.push({
name: "myAssetsAuth",
query: {
pageType: id == 1 ? "look" : "change", pageType: id == 1 ? "look" : "change",
type: 1, type: 1,
id: row.id, id: row.id,
queryData: this.formInline, queryData: this.formInline,
name:"MyProgram" name: "MyProgram",
}}) },
});
}, },
// table // table
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return 'evenNumber-row'; return "evenNumber-row";
} }
return ''; return "";
}, },
// //
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById("L-size-main"); // ID
const header = document.getElementById('L-header'); // ID const header = document.getElementById("L-header"); // ID
const pagination = document.getElementById('L-pagination'); // ID const pagination = document.getElementById("L-pagination"); // ID
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110; this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
}
}, },
} },
};
</script> </script>

Loading…
Cancel
Save