suzhou-jichuang-lanhai
/
TcAssetVerificationPc
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

企业端关于报废原因

Browse Source
lijinlongNew
许宏杰 2 months ago
parent e15a365536
commit e836b26b8c
3 changed files with 1274 additions and 627 deletions
Show Stats Download Patch File Download Diff File

568
src/views/components/renwuType/index_v1.vue
Unescape View File

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

841
src/views/components/renwuType/index_v2.vue
View File

File diff suppressed because it is too large Load Diff

484
src/views/components/renwuType/index_v3.vue
Unescape View File

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