管理端->小程序、公众号加关停

lijinlongNew
许宏杰 4 weeks ago
parent e836b26b8c
commit 46fad64cfc

@ -2,11 +2,19 @@
<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">
@ -22,41 +30,64 @@
</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" required>
<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="认证主体" required>
<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" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm"
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
trigger: 'blur',
},
]"
>
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序状态" required>
<el-select v-model="ruleForm.state" placeholder="请选择小程序状态">
<el-select
v-model="ruleForm.state"
placeholder="请选择小程序状态"
@change="changeState"
>
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
@ -70,12 +101,19 @@
<el-row>
<el-col :span="12">
<el-form-item label="账号原始ID" required>
<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="小程序包状态" required>
<el-select v-model="ruleForm.packState" placeholder="请选择小程序包状态">
<el-select
v-model="ruleForm.packState"
placeholder="请选择小程序包状态"
>
<el-option
v-for="dict in dict.type.email_state"
:key="dict.value"
@ -89,7 +127,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-select
v-model="ruleForm.rzState"
placeholder="请选择认证状态"
>
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
@ -106,7 +147,8 @@
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
@ -126,35 +168,52 @@
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" required>
<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="域名白名单" required>
<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="服务类目" required>
<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 label="行业电子邮箱" required>
<el-form-item prop="hydzyx"
<el-form-item
prop="hydzyx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
trigger: ['blur', 'change'],
},
]"
>
<el-input v-model="ruleForm.hydzyx" style="width: 100%;" placeholder="请输入行业电子邮箱"></el-input>
<el-input
v-model="ruleForm.hydzyx"
style="width: 100%"
placeholder="请输入行业电子邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
@ -200,21 +259,30 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<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 label="系统责任人电话" required>
<el-form-item prop="xtzrrdh"
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
trigger: 'blur',
},
]"
>
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
@ -222,50 +290,98 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx"
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
trigger: ['blur', 'change'],
},
]"
>
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<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" required>
<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="引用插件(开发者)" required>
<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 v-show="ruleForm.state == 7">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.state == 7"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5" v-model="ruleForm.xtjj"></el-input>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
@ -273,103 +389,127 @@
</div>
</template>
<script>
import { assetMiniPrograms, miniProgramsInfo, unitAllList } from "@/api/auditPagesApi/index";
import equalToPassword from '@/views/components/assetsType/mainx.js'
import {
assetMiniPrograms,
miniProgramsInfo,
unitAllList,
} from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.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",
],
data() {
const changeSateTetx = (rule, value, callback) => {
if (this.ruleForm.state == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
};
return {
ruleForm:{
},
rules:{
ssdw:[
ruleForm: {},
rules: {
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" }
{ required: true, validator: equalToPassword, trigger: "change" },
],
xcxmc:[
{ required: true, message: "小程序名称不能为空", trigger: "blur" }
xcxmc: [
{ required: true, message: "小程序名称不能为空", trigger: "blur" },
],
},
loading:false,
disabled:false,
loading: false,
disabled: false,
// disabledTwo:true
}
};
},
props:['pageType', 'id', 'queryData'],
mounted(){
if(this.pageType == 'look') {
this.getInfo(this.id)
props: ["pageType", "id", "queryData"],
mounted() {
if (this.pageType == "look") {
this.getInfo(this.id);
this.disabled = true;
this.$nextTick(()=>{
const inputElements = document.querySelectorAll('.el-input__inner');
const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
this.$nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = '';
input.placeholder = "";
});
})
} else if(this.pageType == 'change') {
this.getInfo(this.id)
});
} else if (this.pageType == "change") {
this.getInfo(this.id);
this.disabled = false;
// this.disabledTwo = false;
}
},
methods:{
getInfo(id){
miniProgramsInfo(id).then(res=>{
methods: {
changeState(e) {
if (e != 7) {
this.ruleForm.bfyy = "";
}
},
getInfo(id) {
miniProgramsInfo(id).then((res) => {
this.ruleForm = res.data;
})
});
},
//
querySearchAsync(queryString, cb){
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({nickName: queryString}).then(res => {
res.data.forEach(item => {
unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach((item) => {
results.push({
value: item.nickName,
id: item.id,
tyshxydm:item.userName
})
})
})
tyshxydm: item.userName,
});
});
});
cb(results);
},
//
handleSelect(item){
this.ruleForm.tyshxydm = item.tyshxydm
handleSelect(item) {
this.ruleForm.tyshxydm = item.tyshxydm;
},
//
newAssets(){
this.$refs['ruleForm'].validate((valid) => {
if(valid) {
newAssets() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if(this.pageType == 'change') {
assetMiniPrograms('put',this.ruleForm).then(res=>{
if (this.pageType == "change") {
assetMiniPrograms("put", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({name:'Program',params: this.queryData})
})
this.$router.push({ name: "Program", params: this.queryData });
});
} else {
assetMiniPrograms('post',this.ruleForm).then(res=>{
assetMiniPrograms("post", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
});
}
}
})
});
},
sendBack(){
sendBack() {
// this.$router.go(-1);
this.$router.push({name:'Program',params: this.queryData})
this.$router.push({ name: "Program", params: this.queryData });
},
},
}
</script>
};
</script>

@ -2,26 +2,44 @@
<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> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"></el-autocomplete>
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="平台类型" prop="ptlx" required>
<el-select v-model="ruleForm.ptlx" @change="ptlxChange" placeholder="请选择平台类型">
<el-option v-for="dict in dict.type.sys_ptlx_type" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.ptlx"
@change="ptlxChange"
placeholder="请选择平台类型"
>
<el-option
v-for="dict in dict.type.sys_ptlx_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -30,36 +48,69 @@
<el-row>
<el-col :span="12">
<el-form-item label="微信号" required>
<el-input v-model="ruleForm.wxh" style="width: 100%;" placeholder="请输入微信号"></el-input>
<el-input
v-model="ruleForm.wxh"
style="width: 100%"
placeholder="请输入微信号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号名称" prop="gzhmc" :rules="[
{ required: true, message: '公众号名称不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.gzhmc" placeholder="请输入公众号名称"></el-input>
<el-form-item
label="公众号名称"
prop="gzhmc"
:rules="[
{
required: true,
message: '公众号名称不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.gzhmc"
placeholder="请输入公众号名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm" :rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]">
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号状态" required>
<el-select v-model="ruleForm.gzhzt" placeholder="请选择公众号状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.gzhzt"
placeholder="请选择公众号状态"
@change="changeState"
>
<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>
@ -67,14 +118,25 @@
<el-row>
<el-col :span="12">
<el-form-item label="公众号ID" required>
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入公众号ID"></el-input>
<el-input
v-model="ruleForm.gzhId"
style="width: 100%"
placeholder="请输入公众号ID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号类型" required>
<el-select v-model="ruleForm.gzhlx" placeholder="请选择公众号类型">
<el-option v-for="dict in dict.type.gzh_lx" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.gzhlx"
placeholder="请选择公众号类型"
>
<el-option
v-for="dict in dict.type.gzh_lx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -82,16 +144,28 @@
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select v-model="ruleForm.rzState" placeholder="请选择认证状态">
<el-option v-for="dict in dict.type.gzh_rzzt" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.rzState"
placeholder="请选择认证状态"
>
<el-option
v-for="dict in dict.type.gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" required>
<el-date-picker v-model="ruleForm.rzsj" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期">
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
@ -99,17 +173,31 @@
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" required>
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option v-for="dict in dict.type.gzh_rzlx" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.rzlx"
placeholder="请选择认证类型"
>
<el-option
v-for="dict in dict.type.gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.sshy"
placeholder="请选择所属行业"
>
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -117,17 +205,31 @@
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.zdhy"
placeholder="请选择重点行业"
>
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.app_xzqh" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.xzqh"
placeholder="请选择行政区划"
>
<el-option
v-for="dict in dict.type.app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -135,19 +237,30 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<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 label="系统责任人电话" required>
<el-form-item prop="xtzrrdh" :rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]">
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
@ -155,35 +268,72 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx" :rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证主体" required>
<el-input v-model="ruleForm.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 v-show="ruleForm.gzhzt == 7">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.gzhzt == 7"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5"
v-model="ruleForm.xtjj"></el-input>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
@ -194,32 +344,66 @@
</el-row>
<el-row v-for="(domain, index) in ruleForm.cdList">
<el-col :span="12">
<el-form-item :label="'菜单名称' + (index == 0 ? '' : index)" required>
<el-input v-model="domain.cdmc" style="width: 100%;" placeholder="请输入菜单名称"></el-input>
<el-form-item
:label="'菜单名称' + (index == 0 ? '' : index)"
required
>
<el-input
v-model="domain.cdmc"
style="width: 100%"
placeholder="请输入菜单名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'菜单链接' + (index == 0 ? '' : index)" required>
<el-input v-model="domain.cdlj" style="width: 100%;" placeholder="请输入菜单链接"></el-input>
<el-form-item
:label="'菜单链接' + (index == 0 ? '' : index)"
required
>
<el-input
v-model="domain.cdlj"
style="width: 100%"
placeholder="请输入菜单链接"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'菜单类型' + (index == 0 ? '' : index)" required>
<el-select v-model="domain.cdlx" placeholder="请选择菜单类型">
<el-option v-for="dict in dict.type.gzh_cdlx" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-form-item
:label="'菜单类型' + (index == 0 ? '' : index)"
required
>
<el-select
v-model="domain.cdlx"
placeholder="请选择菜单类型"
>
<el-option
v-for="dict in dict.type.gzh_cdlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="1" style="text-align: center; " v-if="!disabled" v-show="index != 0">
<i @click="removeDomain(domain, 'cdList')" class="el-icon-remove-outline"
style="font-size: 16px;cursor: pointer;margin-top: 8px;"></i>
<el-col
:span="1"
style="text-align: center"
v-if="!disabled"
v-show="index != 0"
>
<i
@click="removeDomain(domain, 'cdList')"
class="el-icon-remove-outline"
style="font-size: 16px; cursor: pointer; margin-top: 8px"
></i>
</el-col>
</el-row>
<el-row v-if="pageType !== 'look'">
<el-col :span="24">
<el-form-item>
<el-button @click="addOtherConcat('cdList')"></el-button>
<el-button @click="addOtherConcat('cdList')"
>添加菜单</el-button
>
</el-form-item>
</el-col>
</el-row>
@ -228,37 +412,69 @@
<div v-else>
<el-row>
<el-col :span="12">
<el-form-item class="daoqitixingren" label="统一社会信用代码" required>
<el-form-item prop="tyshxydm" :rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur'
}
]">
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号名称" prop="gzhmc" :rules="[
{ required: true, message: '账号名称不能为空', trigger: 'blur' }
]">
<el-input v-model="ruleForm.gzhmc" placeholder="请输入账号名称"></el-input>
<el-form-item
label="账号名称"
prop="gzhmc"
:rules="[
{
required: true,
message: '账号名称不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.gzhmc"
placeholder="请输入账号名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号ID" required>
<el-input v-model="ruleForm.gzhId" style="width: 100%;" placeholder="请输入账号ID"></el-input>
<el-input
v-model="ruleForm.gzhId"
style="width: 100%"
placeholder="请输入账号ID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号状态" required>
<el-select v-model="ruleForm.gzhzt" placeholder="请选择账号状态">
<el-option v-for="dict in dict.type.gzh_state" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.gzhzt"
placeholder="请选择账号状态"
>
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -266,29 +482,52 @@
<el-row>
<el-col :span="12">
<el-form-item label="开办主体" required>
<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-col :span="12">
<el-form-item label="粉丝数" required>
<el-input v-model="ruleForm.fss" type="number" style="width: 100%;" placeholder="请输入粉丝数"></el-input>
<el-input
v-model="ruleForm.fss"
type="number"
style="width: 100%"
placeholder="请输入粉丝数"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.app_zdhy" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.zdhy"
placeholder="请选择重点行业"
>
<el-option
v-for="dict in dict.type.app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.app_sshy" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-select
v-model="ruleForm.sshy"
placeholder="请选择所属行业"
>
<el-option
v-for="dict in dict.type.app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -296,19 +535,30 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<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 label="系统责任人电话" required>
<el-form-item prop="xtzrrdh" :rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
]">
<el-input v-model="ruleForm.xtzrrdh" style="width: 100%;" placeholder="请输入系统责任人电话"></el-input>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
@ -316,38 +566,63 @@
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item prop="xtzrryx" :rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}
]">
<el-input v-model="ruleForm.xtzrryx" style="width: 100%;" placeholder="请输入系统责任人邮箱"></el-input>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input v-model="ruleForm.xtzrrdz" style="width: 100%;" placeholder="请输入系统责任人地址"></el-input>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input type="textarea" resize="none" placeholder="请输入系统简介" :rows="5"
v-model="ruleForm.xtjj"></el-input>
<el-form-item label="系统简介111" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
@ -355,12 +630,33 @@
</div>
</template>
<script>
import { assetOfficialAccount, assetOfficialAccountInfo, unitAllList } from "@/api/auditPagesApi/index";
import equalToPassword from '@/views/components/assetsType/mainx.js'
import {
assetOfficialAccount,
assetOfficialAccountInfo,
unitAllList,
} from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
export default {
dicts: ['app_xzqh', 'app_sshy', 'app_zdhy', 'gzh_state', 'gzh_lx', 'gzh_rzzt', 'gzh_rzlx', 'gzh_cdlx', 'sys_ptlx_type'],
dicts: [
"app_xzqh",
"app_sshy",
"app_zdhy",
"gzh_state",
"gzh_lx",
"gzh_rzzt",
"gzh_rzlx",
"gzh_cdlx",
"sys_ptlx_type",
],
data() {
const changeSateTetx = (rule, value, callback) => {
if (this.ruleForm.gzhzt == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
};
return {
ruleForm: {
ptlx: "1",
@ -369,14 +665,14 @@ export default {
cdmc: "",
cdlj: "",
cdlx: "",
}
]
},
],
},
rules: {
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" }
{ required: true, validator: equalToPassword, trigger: "change" },
],
// gzhmc:[
// { required: true, message: "", trigger: "blur" }
@ -385,35 +681,42 @@ export default {
loading: false,
disabled: false,
// disabledTwo:true,
}
};
},
props: ['pageType', 'id', 'queryData'],
props: ["pageType", "id", "queryData"],
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;
// this.disabledTwo = false;
}
},
methods: {
changeState(e) {
console.log(e);
if (e != 7) {
this.ruleForm.bfyy = "";
}
},
removeDomain(item, type) {
var index = this.ruleForm[type].indexOf(item)
var index = this.ruleForm[type].indexOf(item);
if (index !== -1) {
this.ruleForm[type].splice(index, 1)
this.ruleForm[type].splice(index, 1);
}
},
//
@ -426,61 +729,64 @@ export default {
});
},
getInfo(id) {
assetOfficialAccountInfo(id).then(res => {
assetOfficialAccountInfo(id).then((res) => {
this.ruleForm = res.data;
})
});
},
//
ptlxChange(item) {
Object.keys(this.ruleForm).forEach((key) => {
if (key !== 'ssdw' && key !== 'ptlx') {
this.ruleForm[key] = '';
if (key !== "ssdw" && key !== "ptlx") {
this.ruleForm[key] = "";
}
})
});
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach((item) => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
});
});
});
cb(results);
},
//
newAssets() {
console.log(this.ruleForm);
this.$refs['ruleForm'].validate((valid) => {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if (this.pageType == 'change') {
assetOfficialAccount('put', this.ruleForm).then(res => {
if (this.pageType == "change") {
assetOfficialAccount("put", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({ name: 'OfficialAccount', params: this.queryData })
})
this.$router.push({
name: "OfficialAccount",
params: this.queryData,
});
});
} else {
assetOfficialAccount('post', this.ruleForm).then(res => {
assetOfficialAccount("post", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
})
});
}
}
})
});
},
sendBack() {
// this.$router.go(-1);
this.$router.push({ name: 'OfficialAccount', params: this.queryData })
this.$router.push({ name: "OfficialAccount", params: this.queryData });
},
},
}
</script>
};
</script>

Loading…
Cancel
Save