企业端除了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"
required: true, prop="tyshxydm"
pattern: /^[a-zA-Z0-9]{18}$/, :rules="[
message: '请输入正确格式的18位统一社会信用代码', {
trigger: 'change' required: true,
}, pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
]" label="统一社会信用代码" required> trigger: 'change',
},
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input> ]"
label="统一社会信用代码"
required
>
<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"
@ -67,13 +96,20 @@
</el-row> </el-row>
<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"
@ -86,8 +122,11 @@
</el-row> </el-row>
<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"
@ -98,20 +137,21 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="认证时间" prop="rzsj"> <el-form-item label="认证时间" prop="rzsj">
<el-date-picker <el-date-picker
v-model="ruleForm.rzsj" v-model="ruleForm.rzsj"
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>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="认证类型" prop="rzlx"> <el-form-item label="认证类型" prop="rzlx">
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型"> <el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option <el-option
v-for="dict in dict.type.gzh_rzlx" v-for="dict in dict.type.gzh_rzlx"
@ -123,41 +163,59 @@
</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-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"
:rules="[ label="行业电子邮箱"
{ required
type: 'email', :rules="[
required: true, {
message: '请输入正确的邮箱地址', type: 'email',
trigger: ['change', 'change'] required: true,
} message: '请输入正确的邮箱地址',
]" trigger: ['change', 'change'],
> },
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input> ]"
</el-form-item> >
<el-input
v-model="ruleForm.hydzyx"
style="width: 100%"
placeholder="请输入行业电子邮箱"
></el-input>
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属行业" prop="sshy"> <el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业"> <el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option <el-option
v-for="dict in dict.type.app_sshy" v-for="dict in dict.type.app_sshy"
@ -171,7 +229,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="重点行业" prop="zdhy"> <el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业"> <el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option <el-option
v-for="dict in dict.type.app_zdhy" v-for="dict in dict.type.app_zdhy"
@ -183,7 +241,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="行政区划" prop="xzqh"> <el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划"> <el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option <el-option
v-for="dict in dict.type.app_xzqh" v-for="dict in dict.type.app_xzqh"
@ -197,91 +255,159 @@
</el-row> </el-row>
<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"
:rules="[ label="系统责任人电话"
{ required
required: true, :rules="[
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, {
message: '请输入正确的手机号码', required: true,
trigger: 'change' pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
} message: '请输入正确的手机号码',
]" trigger: 'change',
> },
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input> ]"
</el-form-item> >
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</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"
:rules="[ label="系统责任人邮箱"
{ required
required: true, :rules="[
type: 'email', {
message: '请输入正确的邮箱地址', required: true,
trigger: ['change', 'change'] type: 'email',
} message: '请输入正确的邮箱地址',
]" trigger: ['change', 'change'],
> },
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input> ]"
</el-form-item> >
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</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,255 +417,302 @@
</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: [
components:{ "app_xzqh",
myDialog "app_sshy",
"app_zdhy",
"gzh_state",
"gzh_rzzt",
"gzh_rzlx",
"email_state",
],
components: {
myDialog,
}, },
data() { data() {
return { return {
ruleForm:{ ruleForm: {},
rules: {
}, ssdw: [
rules:{ { required: true, message: "所属单位不能为空", trigger: "blur" },
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
xcxmc:[
{ required: true, message: "小程序名称不能为空", trigger: "blur" }
], ],
appId: [ xcxmc: [
{ required: true, message: "APPID不能为空", trigger: "blur" } { required: true, message: "小程序名称不能为空", 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: {
mounted(){ ...mapGetters(["nickName"]),
if(this.isModdle) { },
if(this.pageType == 'look') { props: ["pageType", "id", "audit", "isModdle", "name", "queryData"],
this.getInfoTwo(this.id) mounted() {
if (this.isModdle) {
if (this.pageType == "look") {
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;
} }
}); });
}, },
// //
btnPass(){ btnPass() {
this.loading = true; this.loading = true;
miniProgramsAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{ miniProgramsAudit({ currentId: Number(this.id), auditState: "2" })
this.$modal.msgSuccess("审核通过"); .then((res) => {
// this.$router.go(-1); this.$modal.msgSuccess("审核通过");
this.$router.push({name:this.name,params: this.queryData}) // this.$router.go(-1);
this.loading = false; this.$router.push({ name: this.name, params: this.queryData });
}).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,13 +29,16 @@
</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>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="建设类型" prop="jslx"> <el-form-item label="建设类型" prop="jslx">
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型"> <el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option <el-option
v-for="dict in dict.type.email_jslx" v-for="dict in dict.type.email_jslx"
@ -39,20 +50,30 @@
</el-form-item> </el-form-item>
</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"
@ -65,8 +86,11 @@
</el-row> </el-row>
<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"
@ -77,8 +101,11 @@
</el-form-item> </el-form-item>
</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"
@ -91,25 +118,30 @@
</el-row> </el-row>
<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">
<el-form-item label="上线时间" prop="sxsj"> <el-form-item label="上线时间" prop="sxsj">
<el-date-picker <el-date-picker
v-model="ruleForm.sxsj" v-model="ruleForm.sxsj"
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>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属行业" prop="sshy"> <el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业"> <el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option <el-option
v-for="dict in dict.type.app_sshy" v-for="dict in dict.type.app_sshy"
@ -121,7 +153,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="重点行业" prop="zdhy"> <el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业"> <el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option <el-option
v-for="dict in dict.type.app_zdhy" v-for="dict in dict.type.app_zdhy"
@ -135,7 +167,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="行政区划" prop="xzqh"> <el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划"> <el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option <el-option
v-for="dict in dict.type.app_xzqh" v-for="dict in dict.type.app_xzqh"
@ -147,82 +179,141 @@
</el-form-item> </el-form-item>
</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"
:rules="[ label="系统责任人电话"
{ required
required: true, :rules="[
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, {
message: '请输入正确的手机号码', required: true,
trigger: 'change' pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
} message: '请输入正确的手机号码',
]" trigger: 'change',
> },
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input> ]"
</el-form-item> >
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</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"
:rules="[ label="系统责任人邮箱"
{ required
required: true, :rules="[
type: 'email', {
message: '请输入正确的邮箱地址', required: true,
trigger: ['change', 'change'] type: 'email',
} message: '请输入正确的邮箱地址',
]" trigger: ['change', 'change'],
> },
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input> ]"
</el-form-item> >
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</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,231 +323,269 @@
</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: [
components:{ "app_xzqh",
myDialog "app_sshy",
"app_zdhy",
"email_jslx",
"email_state",
"email_hasorno",
],
components: {
myDialog,
},
computed: {
...mapGetters(["nickName"]),
}, },
data() { data() {
return { return {
ruleForm:{ ruleForm: {},
rules: {
}, ssdw: [
rules:{ { required: true, message: "所属单位不能为空", trigger: "blur" },
ssdw:[
{ 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;
} }
}); });
}, },
// //
btnPass(){ btnPass() {
this.loading = true; this.loading = true;
EmailAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{ EmailAudit({ currentId: Number(this.id), auditState: "2" })
this.$modal.msgSuccess("审核通过"); .then((res) => {
// this.$router.go(-1); this.$modal.msgSuccess("审核通过");
this.$router.push({name:this.name,params: this.queryData}) // this.$router.go(-1);
this.loading = false; this.$router.push({ name: this.name, params: this.queryData });
}).catch(err=>{ this.loading = false;
this.loading = false; })
}) .catch((err) => {
this.loading = false;
});
}, },
}, },
} };
</script> </script>

@ -2,14 +2,22 @@
<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">
<!-- <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"
@ -20,20 +28,30 @@
</el-form-item> </el-form-item>
</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"
@ -46,34 +64,46 @@
</el-row> </el-row>
<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"
:rules="[ class="daoqitixingren"
{ label="统一社会信用代码"
required: true, required
pattern: /^[a-zA-Z0-9]{18}$/, :rules="[
message: '请输入正确格式的18位统一社会信用代码', {
trigger: 'change' required: true,
} pattern: /^[a-zA-Z0-9]{18}$/,
]" message: '请输入正确格式的18位统一社会信用代码',
> trigger: 'change',
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input> },
</el-form-item> ]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</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">
<el-form-item label="所属行业" prop="sshy"> <el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业"> <el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option <el-option
v-for="dict in dict.type.app_sshy" v-for="dict in dict.type.app_sshy"
@ -87,7 +117,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="重点行业" prop="zdhy"> <el-form-item label="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业"> <el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option <el-option
v-for="dict in dict.type.app_zdhy" v-for="dict in dict.type.app_zdhy"
@ -99,7 +129,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="行政区划" prop="xzqh"> <el-form-item label="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划"> <el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option <el-option
v-for="dict in dict.type.app_xzqh" v-for="dict in dict.type.app_xzqh"
@ -113,8 +143,11 @@
</el-row> </el-row>
<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"
@ -125,39 +158,62 @@
</el-form-item> </el-form-item>
</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"
@ -170,35 +226,75 @@
</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>
@ -208,233 +304,272 @@
</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: [
components:{ "app_icp_state",
myDialog "app_sshy",
"app_zdhy",
"app_xzqh",
"app_aqjgqk",
"gzh_state",
],
components: {
myDialog,
},
computed: {
...mapGetters(["nickName"]),
}, },
data() { data() {
return { return {
ruleForm:{ ruleForm: {},
rules: {
}, ssdw: [
rules:{ { required: true, message: "所属单位不能为空", trigger: "blur" },
ssdw:[
{ required: true, message: "所属单位不能为空", trigger: "blur" }
],
appName:[
{ required: true, message: "移动应用名称不能为空", trigger: "blur" }
], ],
pack: [ appName: [
{ required: true, message: "包名不能为空", trigger: "blur" } { 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" }
], ],
appState:[ jj: [{ required: true, message: "简介不能为空", trigger: "blur" }],
{ required: true, message: "移动应用系统状态不能为空", trigger: "change" } appState: [
{
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;
} }
}); });
}, },
// //
btnPass(){ btnPass() {
this.loading = true; this.loading = true;
AppAudit({currentId:Number(this.id),auditState:"2"}).then(res=>{ AppAudit({ currentId: Number(this.id), auditState: "2" })
this.$modal.msgSuccess("审核通过"); .then((res) => {
// this.$router.go(-1); this.$modal.msgSuccess("审核通过");
this.$router.push({name:this.name,params: this.queryData}) // this.$router.go(-1);
this.loading = false; this.$router.push({ name: this.name, params: this.queryData });
}).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,61 +202,72 @@
</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 {
formInline:{ formInline: {
dzyxhz:"", dzyxhz: "",
xtzt:"", xtzt: "",
// startTime:"", // startTime:"",
// endTime:"", // endTime:"",
current:1, current: 1,
size:10, size: 10,
}, },
// time:[], // time:[],
total:0, total: 0,
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() {
this.resetForm("queryForm"); this.resetForm("queryForm");
// this.time = []; // this.time = [];
this.handleQuery(); this.handleQuery();
}, },
// //
handleQuery(){ handleQuery() {
this.formInline.current = 1; this.formInline.current = 1;
// if(this.time) { // if(this.time) {
// this.formInline.startTime = this.time[0] // this.formInline.startTime = this.time[0]
@ -164,48 +277,55 @@ export default {
this.getList(); this.getList();
}, },
// //
getPagination(pages){ getPagination(pages) {
this.formInline.current = pages.page; this.formInline.current = pages.page;
this.formInline.size = pages.limit; this.formInline.size = pages.limit;
this.getList(); this.getList();
}, },
// //
handleImport(){ handleImport() {
this.upload.open = true; this.upload.open = true;
}, },
// //
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({
pageType: id == 1 ? "look" : "change", name: "myAssetsAuth",
type:3, query: {
id:row.id, pageType: id == 1 ? "look" : "change",
queryData:this.formInline, type: 3,
name:"MyEmail" id: row.id,
}}) queryData: this.formInline,
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,61 +225,72 @@
</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 {
formInline:{ formInline: {
xtzt:"", xtzt: "",
yymc:"", yymc: "",
// startTime:"", // startTime:"",
// endTime:"", // endTime:"",
current:1, current: 1,
size:10, size: 10,
}, },
// time:[], // time:[],
total:0, total: 0,
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() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.time = []; this.time = [];
this.handleQuery(); this.handleQuery();
}, },
// //
handleQuery(){ handleQuery() {
this.formInline.current = 1; this.formInline.current = 1;
// if(this.time) { // if(this.time) {
// this.formInline.startTime = this.time[0] // this.formInline.startTime = this.time[0]
@ -192,44 +300,51 @@ export default {
this.getList(); this.getList();
}, },
// //
getPagination(pages){ getPagination(pages) {
this.formInline.current = pages.page; this.formInline.current = pages.page;
this.formInline.size = pages.limit; this.formInline.size = pages.limit;
this.getList(); this.getList();
}, },
// //
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({
pageType: id == 1 ? "look" : "change", name: "myAssetsAuth",
type:4, query: {
id:row.id, pageType: id == 1 ? "look" : "change",
queryData:this.formInline, type: 4,
name:"MyMobileApplication" id: row.id,
}}) queryData: this.formInline,
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,61 +239,75 @@
</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 {
formInline:{ formInline: {
gzhmc:"", gzhmc: "",
xtzt:"", xtzt: "",
// startTime:"", // startTime:"",
// endTime:"", // endTime:"",
current:1, current: 1,
size:10, size: 10,
}, },
// time:[], // time:[],
total:0, total: 0,
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() {
this.resetForm("queryForm"); this.resetForm("queryForm");
// this.time = []; // this.time = [];
this.handleQuery(); this.handleQuery();
}, },
// //
handleQuery(){ handleQuery() {
this.formInline.current = 1; this.formInline.current = 1;
// if(this.time) { // if(this.time) {
// this.formInline.startTime = this.time[0] // this.formInline.startTime = this.time[0]
@ -198,44 +317,51 @@ export default {
this.getList(); this.getList();
}, },
// //
getPagination(pages){ getPagination(pages) {
this.formInline.current = pages.page; this.formInline.current = pages.page;
this.formInline.size = pages.limit; this.formInline.size = pages.limit;
this.getList(); this.getList();
}, },
// //
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({
pageType: id == 1 ? "look" : "change", name: "myAssetsAuth",
type:2, query: {
id:row.id, pageType: id == 1 ? "look" : "change",
queryData:this.formInline, type: 2,
name:"MyOfficialAccount" id: row.id,
}}) queryData: this.formInline,
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,61 +231,75 @@
</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 {
formInline:{ formInline: {
xtzt:"", xtzt: "",
xcxmc:"", xcxmc: "",
// startTime:"", // startTime:"",
// endTime:"", // endTime:"",
current:1, current: 1,
size:10, size: 10,
}, },
// time:[], // time:[],
total:0, total: 0,
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() {
this.resetForm("queryForm"); this.resetForm("queryForm");
// this.time = []; // this.time = [];
this.handleQuery(); this.handleQuery();
}, },
// //
handleQuery(){ handleQuery() {
this.formInline.current = 1; this.formInline.current = 1;
// if(this.time) { // if(this.time) {
// this.formInline.startTime = this.time[0] // this.formInline.startTime = this.time[0]
@ -196,44 +308,51 @@ export default {
this.getList(); this.getList();
}, },
// //
getPagination(pages){ getPagination(pages) {
this.formInline.current = pages.page; this.formInline.current = pages.page;
this.formInline.size = pages.limit; this.formInline.size = pages.limit;
this.getList(); this.getList();
}, },
// //
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({
pageType: id == 1 ? "look" : "change", name: "myAssetsAuth",
type:1, query: {
id:row.id, pageType: id == 1 ? "look" : "change",
queryData:this.formInline, type: 1,
name:"MyProgram" id: row.id,
}}) queryData: this.formInline,
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