parent
426c1e44c5
commit
4dce9a5892
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,332 @@
|
||||
<!-- 公众号表单 -->
|
||||
<template>
|
||||
<div class="L-assets-info">
|
||||
<div class="assets-info-top">
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">基本信息</span>
|
||||
</el-row>
|
||||
<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-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="请输入所属单位"
|
||||
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="公众号名称" prop="gzhmc">
|
||||
<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="微信号" required>
|
||||
<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="认证主体" required>
|
||||
<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"
|
||||
: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>
|
||||
</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-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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="系统责任人" required>
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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>
|
||||
</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-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="菜单信息（菜单名称）" required>
|
||||
<el-input v-model="ruleForm.cdmc" 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.cdlj" 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.cdlx" 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>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { assetOfficialAccount, assetOfficialAccountInfo, unitAllList } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts:['app_xzqh','app_sshy','app_zdhy','gzh_state','gzh_lx','gzh_rzzt','gzh_rzlx','gzh_cdlx'],
|
||||
data() {
|
||||
return {
|
||||
ruleForm:{
|
||||
|
||||
},
|
||||
rules:{
|
||||
ssdw:[
|
||||
{ required: true, message: "所属单位不能为空", trigger: "blur" }
|
||||
],
|
||||
gzhmc:[
|
||||
{ required: true, message: "公众号名称不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
loading:false,
|
||||
disabled:false,
|
||||
}
|
||||
},
|
||||
props:['pageType', 'id'],
|
||||
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');
|
||||
inputElements.forEach((input) => {
|
||||
input.placeholder = '';
|
||||
});
|
||||
textareaInputElements.forEach((input) => {
|
||||
input.placeholder = '';
|
||||
});
|
||||
})
|
||||
} else if(this.pageType == 'change') {
|
||||
this.getInfo(this.id)
|
||||
this.disabled = false;
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
getInfo(id){
|
||||
assetOfficialAccountInfo(id).then(res=>{
|
||||
this.ruleForm = res.data;
|
||||
})
|
||||
},
|
||||
// 单位名称模糊查询
|
||||
querySearchAsync(queryString, cb){
|
||||
let results = [];
|
||||
unitAllList({nickName: queryString}).then(res => {
|
||||
res.data.forEach(item => {
|
||||
results.push({
|
||||
value: item.nickName,
|
||||
id: item.id,
|
||||
})
|
||||
})
|
||||
})
|
||||
cb(results);
|
||||
},
|
||||
// 新增资产确认按钮
|
||||
newAssets(){
|
||||
this.$refs['ruleForm'].validate((valid) => {
|
||||
if(valid) {
|
||||
this.loading = true;
|
||||
if(this.pageType == 'change') {
|
||||
assetOfficialAccount('put',this.ruleForm).then(res=>{
|
||||
// console.log(res,"res");
|
||||
this.loading = false;
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$router.go(-1);
|
||||
})
|
||||
} else {
|
||||
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);
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,299 @@
|
||||
<!-- 电子邮件表单 -->
|
||||
<template>
|
||||
<div class="L-assets-info">
|
||||
<div class="assets-info-top">
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">基本信息</span>
|
||||
</el-row>
|
||||
<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-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="请输入所属单位"
|
||||
|
||||
></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-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建设类型" required>
|
||||
<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-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="邮件系统供应商" required>
|
||||
<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="密码算法" required>
|
||||
<el-input v-model="ruleForm.mmsf" placeholder="请输入密码算法"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="邮件系统状态" required>
|
||||
<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>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="安全防护系统" required>
|
||||
<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="安全备份环境" required>
|
||||
<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>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数字证书厂商" required>
|
||||
<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="上线时间" required>
|
||||
<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>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="系统责任人" required>
|
||||
<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 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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="系统责任人地址" required>
|
||||
<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.jj"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType !== 'look'">
|
||||
<el-button type="danger" @click="sendBack">取消</el-button>
|
||||
<el-button type="primary" @click="newAssets" :loading="loading">保存</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { assetEmail, assetEmailInfo, unitAllList } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts:['app_xzqh','app_sshy','app_zdhy','email_jslx','email_state','email_hasorno'],
|
||||
data() {
|
||||
return {
|
||||
ruleForm:{
|
||||
|
||||
},
|
||||
rules:{
|
||||
ssdw:[
|
||||
{ required: true, message: "所属单位不能为空", trigger: "blur" }
|
||||
],
|
||||
dzyxhz:[
|
||||
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
loading:false,
|
||||
disabled:false,
|
||||
}
|
||||
},
|
||||
props:['pageType', 'id'],
|
||||
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');
|
||||
inputElements.forEach((input) => {
|
||||
input.placeholder = '';
|
||||
});
|
||||
textareaInputElements.forEach((input) => {
|
||||
input.placeholder = '';
|
||||
});
|
||||
})
|
||||
} else if(this.pageType == 'change') {
|
||||
this.getInfo(this.id)
|
||||
this.disabled = false;
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
getInfo(id){
|
||||
assetEmailInfo(id).then(res=>{
|
||||
this.ruleForm = res.data;
|
||||
})
|
||||
},
|
||||
// 单位名称模糊查询
|
||||
querySearchAsync(queryString, cb){
|
||||
let results = [];
|
||||
unitAllList({nickName: queryString}).then(res => {
|
||||
res.data.forEach(item => {
|
||||
results.push({
|
||||
value: item.nickName,
|
||||
id: item.id,
|
||||
})
|
||||
})
|
||||
})
|
||||
cb(results);
|
||||
},
|
||||
// 新增资产确认按钮
|
||||
newAssets(){
|
||||
this.$refs['ruleForm'].validate((valid) => {
|
||||
if(valid) {
|
||||
this.loading = true;
|
||||
if(this.pageType == 'change') {
|
||||
assetEmail('put',this.ruleForm).then(res=>{
|
||||
// console.log(res,"res");
|
||||
this.loading = false;
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$router.go(-1);
|
||||
})
|
||||
} else {
|
||||
assetEmail('post',this.ruleForm).then(res=>{
|
||||
// console.log(res,"res");
|
||||
this.loading = false;
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.$router.go(-1);
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
sendBack(){
|
||||
this.$router.go(-1);
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,199 @@
|
||||
<!-- 资产管理 -- 电子邮件 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<!-- <el-col :span="7">
|
||||
<el-form-item label="所属单位：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="7">
|
||||
<el-form-item label="电子邮箱后缀：" prop="dzyxhz">
|
||||
<el-input v-model="formInline.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="邮件系统状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择邮件系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.email_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" />
|
||||
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center">
|
||||
<!-- <template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
|
||||
</template> -->
|
||||
</el-table-column>
|
||||
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
|
||||
<el-table-column label="邮件系统状态" key="status" prop="status" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.yjxtzc == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;">
|
||||
停用
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetEmailList, deleteAssetEmail } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['zc_xtzt','zc_xtlx', 'email_state'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
dzyxhz:"",
|
||||
xtzt:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
assetEmailList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导入
|
||||
handleImport(){
|
||||
this.upload.open = true;
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/assetEmail/export', {
|
||||
...this.formInline
|
||||
}, `电子邮件资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: "look",
|
||||
type:3,
|
||||
id:row.id
|
||||
}})
|
||||
},
|
||||
// 修改table背景色
|
||||
tableRowClassName({row, rowIndex}){
|
||||
if (rowIndex % 2 !== 0) {
|
||||
return 'evenNumber-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
// 屏幕尺寸变化
|
||||
cancalDebounce(){
|
||||
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
||||
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
||||
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,224 @@
|
||||
<!-- 资产管理 -- 公众号 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="公众号名称：" prop="gzhmc">
|
||||
<el-input v-model="formInline.gzhmc" placeholder="请输入公众号名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="公众号状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择公众号状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位名称：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="系统状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzt"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" style="text-align: right;padding-right: 50px;">
|
||||
<el-form-item>
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
|
||||
</el-table-column> -->
|
||||
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
|
||||
<el-table-column label="公众号状态" key="status" prop="status" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.gzhzt == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
|
||||
注销
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
|
||||
迁移
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
|
||||
受限
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
|
||||
违规
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
|
||||
未知
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['zc_xtzt','zc_xtlx', 'gzh_state'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
gzhmc:"",
|
||||
xtzt:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
assetOfficialAccountList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/assetOfficialAccount/export', {
|
||||
...this.formInline
|
||||
}, `公众号资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: "look",
|
||||
type:2,
|
||||
id:row.id
|
||||
}})
|
||||
},
|
||||
// 修改table背景色
|
||||
tableRowClassName({row, rowIndex}){
|
||||
if (rowIndex % 2 !== 0) {
|
||||
return 'evenNumber-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
// 屏幕尺寸变化
|
||||
cancalDebounce(){
|
||||
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
||||
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
||||
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,227 @@
|
||||
<!-- 资产管理 -- 小程序 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline" label-width="100px">
|
||||
<el-row>
|
||||
<!-- <el-col :span="7">
|
||||
<el-form-item label="所属单位：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="7">
|
||||
<el-form-item label="小程序名称：" prop="xcxmc">
|
||||
<el-input v-model="formInline.xcxmc" placeholder="请输入小程序名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="小程序状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择小程序状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="小程序状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" style="text-align: right;padding-right: 30px;">
|
||||
<el-form-item>
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center">
|
||||
<!-- <template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
|
||||
</template> -->
|
||||
</el-table-column>
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> -->
|
||||
<el-table-column label="小程序状态" key="state" prop="state" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.state == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.state == 2" style="color: #F58A0C;">
|
||||
注销
|
||||
</span>
|
||||
<span v-if="scope.row.state == 3" style="color: #1485EF;">
|
||||
迁移
|
||||
</span>
|
||||
<span v-if="scope.row.state == 4" style="color: #29A07A;">
|
||||
受限
|
||||
</span>
|
||||
<span v-if="scope.row.state == 5" style="color: #F50C0C;">
|
||||
违规
|
||||
</span>
|
||||
<span v-if="scope.row.state == 6" style="color: #F58A0C;">
|
||||
未知
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { miniProgramsList, deleteMiniPrograms } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['gzh_state'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
xtzt:"",
|
||||
xcxmc:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
miniProgramsList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/miniPrograms/export', {
|
||||
...this.formInline
|
||||
}, `小程序资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: "look",
|
||||
type:1,
|
||||
id:row.id
|
||||
}})
|
||||
},
|
||||
// 修改table背景色
|
||||
tableRowClassName({row, rowIndex}){
|
||||
if (rowIndex % 2 !== 0) {
|
||||
return 'evenNumber-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
// 屏幕尺寸变化
|
||||
cancalDebounce(){
|
||||
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
||||
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
||||
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in new issue