Merge branch 'main' of http://39.101.188.84:7000/suzhou-jichuang-lanhai/TcAssetvue3
# Conflicts: # src/views/assetsManage2/webZC-info/index.vuemain
commit
6dcd966db0
@ -1,53 +0,0 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
|
||||
</template>
|
||||
<script>
|
||||
// web资产
|
||||
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
|
||||
// 小程序资产
|
||||
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
|
||||
// 公众号资产
|
||||
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
|
||||
// 电子邮件资产
|
||||
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
|
||||
// 移动应用系统
|
||||
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
|
||||
export default {
|
||||
name: "AssetsAuth",
|
||||
components:{
|
||||
assetsTypeOne,
|
||||
assetsTypeTwo,
|
||||
assetsTypeThree,
|
||||
assetsTypeFour,
|
||||
assetsTypeFive,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
beforeRouteEnter(to,from,next){
|
||||
to.meta.type = to.query.type
|
||||
if(to.meta.pageType == 'look') {
|
||||
to.meta.title = '查看资产'
|
||||
} else if(to.meta.pageType == 'change'){
|
||||
to.meta.title = '修改资产'
|
||||
}
|
||||
// if(to.meta.type == 0) {
|
||||
// to.meta.activeMenu = "/assetRecord/myWebAssets"
|
||||
// } else if(to.meta.type == 1) {
|
||||
// to.meta.activeMenu = "/assetRecord/myProgram"
|
||||
// } else if(to.meta.type == 2) {
|
||||
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
|
||||
// } else if(to.meta.type == 3) {
|
||||
// to.meta.activeMenu = "/assetRecord/myEmail"
|
||||
// } else if(to.meta.type == 4) {
|
||||
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
|
||||
// }
|
||||
next();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -1,3 +0,0 @@
|
||||
<template>
|
||||
<div>这是新增的小程序表单</div>
|
||||
</template>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,386 +0,0 @@
|
||||
<!-- 任务管理 -->
|
||||
<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" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任务名称：">
|
||||
<el-input v-model="formInline.name" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任务编号：">
|
||||
<el-input v-model="formInline.type" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任务完成时间：">
|
||||
<el-date-picker v-model="formInline.time" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任务状态：">
|
||||
<el-select v-model="formInline.status" placeholder="请选择">
|
||||
<el-option label="item.label" value="item.value">
|
||||
</el-option>
|
||||
<!-- <el-option
|
||||
v-for="dict in dict.type.bms_approval_status"
|
||||
: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: 20px;">
|
||||
<el-form-item>
|
||||
<el-button size="default" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="default" 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="default" @click="handleExport">导出</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="default" @click="handleAdd">任务创建</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="60" label="序号" align="center" />
|
||||
<el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" />
|
||||
<el-table-column label="任务名称" key="name" prop="name" align="center" />
|
||||
<el-table-column label="任务下发时间" key="type" prop="type" 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="unit" prop="unit" align="center" />
|
||||
<el-table-column label="任务完成时间" key="time" prop="time" align="center" />
|
||||
<el-table-column label="任务状态" key="status" width="200px" prop="status" class-name="table-status"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status === 0" style="color: #F58A0C;">
|
||||
待审核
|
||||
</span>
|
||||
<span v-if="scope.row.status === 1" style="color: #F50C0C;">
|
||||
审核驳回
|
||||
</span>
|
||||
<span v-if="scope.row.status === 3" style="color: #16B771;">
|
||||
正常完成
|
||||
</span>
|
||||
<span v-if="scope.row.status === 4" style="color: #1485EF;">
|
||||
超期完成
|
||||
</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;">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" @click="goInfo(scope.row)"
|
||||
style="color: #1485EF;cursor: pointer;">查看</span>
|
||||
</div>
|
||||
<div v-if="scope.row.status == 0" style="display: flex;align-items: center;margin-left: 5px;">
|
||||
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
|
||||
<span class="del-info" @click="delInfo(scope.row)"
|
||||
style="color: #1485EF;cursor: pointer;">审核</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
|
||||
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
|
||||
</main>
|
||||
<my-dialog title="新增任务" @close="renwuclose" ref="renwuclose" class="taskDialogBox" width="30%">
|
||||
<el-row>
|
||||
<el-col :span="18">
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<el-form-item label="任务名称" prop="taskName">
|
||||
<el-input v-model="ruleForm.taskName" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="核查单位" prop="unit" class="select-box">
|
||||
<el-col :span="24">
|
||||
<el-select v-model="ruleForm.unit" placeholder="请选择活动区域">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col class="btn-box">
|
||||
<el-button type="primary" @click="addliebiao">单位列表</el-button>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务期限" prop="time">
|
||||
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.time"
|
||||
style="width: 100%;"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item class="newTask-form-item">
|
||||
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')">发布</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="6"></el-col>
|
||||
</el-row>
|
||||
</my-dialog>
|
||||
|
||||
<my-dialog title="单位列表" @close="importClose" ref="taskDialog" class="taskDialogBox" width="80%">
|
||||
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务编号：">
|
||||
<el-input v-model="formInline.type" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务名称：">
|
||||
<el-input v-model="formInline.name" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务状态：">
|
||||
<el-select v-model="formInline.status" placeholder="请选择">
|
||||
<el-option label="item.label" value="item.value">
|
||||
</el-option>
|
||||
<!-- <el-option
|
||||
v-for="dict in dict.type.bms_approval_status"
|
||||
: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;padding-right: 20px;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="default" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="default" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<section>
|
||||
|
||||
<el-table v-loading="liebiaoloading" :data="liebiaotableData" :height="tabHeader" :max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="60" label="序号" align="center" />
|
||||
<el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" />
|
||||
<el-table-column label="任务名称" key="name" prop="name" align="center" />
|
||||
<el-table-column label="任务下发时间" key="type" prop="type" 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="unit" prop="unit" align="center" />
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination id="L-pagination" :total="liebiaototal" :page="liebiaopagination.current" :limit="liebiaopagination.size"
|
||||
@pagination="getPagination" :current-page.sync="liebiaopagination.current"></my-pagination>
|
||||
</my-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
|
||||
export default {
|
||||
// dicts: ['jjh_project_type', 'bms_approval_status', "project_middle_type", "project_small_type", "project_categories"],
|
||||
components: { myPagination, myDialog },
|
||||
data() {
|
||||
return {
|
||||
formInline: {
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
},
|
||||
total: 0,
|
||||
pagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
liebiaotableData:[],
|
||||
liebiaopagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
liebiaototal:0,
|
||||
liebiaoloading:false,
|
||||
tableData: [
|
||||
{
|
||||
number: 20230001,
|
||||
name: "XXX任务",
|
||||
type: "2023-07-30 16:30:21",
|
||||
unit: "2023-07-30",
|
||||
time: "2023-07-30 16:30:21",
|
||||
status: 0,
|
||||
}, {
|
||||
number: 20230001,
|
||||
name: "XXX任务",
|
||||
type: "2023-07-30 16:30:21",
|
||||
unit: "2023-07-30",
|
||||
time: "2023-07-30 16:30:21",
|
||||
status: 1,
|
||||
}, {
|
||||
number: 20230001,
|
||||
name: "XXX任务",
|
||||
type: "2023-07-30 16:30:21",
|
||||
unit: "2023-07-30",
|
||||
time: "2023-07-30 16:30:21",
|
||||
status: 3,
|
||||
}, {
|
||||
number: 20230001,
|
||||
name: "XXX任务",
|
||||
type: "2023-07-30 16:30:21",
|
||||
unit: "2023-07-30",
|
||||
time: "2023-07-30 16:30:21",
|
||||
status: 4,
|
||||
},
|
||||
],
|
||||
loading: false,
|
||||
tabHeader: undefined,
|
||||
ruleForm: {
|
||||
taskName: "",
|
||||
unit: "",
|
||||
time: "",
|
||||
},
|
||||
rules: {
|
||||
name: [
|
||||
{ required: true, message: '请输入活动名称', trigger: 'blur' },
|
||||
],
|
||||
region: [
|
||||
{ required: true, message: '请选择活动区域', trigger: 'change' }
|
||||
],
|
||||
date1: [
|
||||
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
||||
],
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getInfo();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods: {
|
||||
// 获取列表
|
||||
getInfo() {
|
||||
// this.loading = true;
|
||||
// jProject(this.pagination).then(res=>{
|
||||
// this.loading = false;
|
||||
// this.total = res.data.total;
|
||||
// this.tableData = res.data.records;
|
||||
// })
|
||||
},
|
||||
// 重置
|
||||
resetQuery() {
|
||||
this.formInline = {
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
}
|
||||
this.pagination = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
// 查询
|
||||
handleQuery() {
|
||||
this.pagination = {
|
||||
current: 1,
|
||||
size: 10
|
||||
}
|
||||
if (this.formInline.time.length > 0) {
|
||||
this.formInline.startTime = this.formInline.time[0]
|
||||
this.formInline.endTime = this.formInline.time[1]
|
||||
}
|
||||
this.pagination = { ...this.pagination, ...this.formInline };
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages) {
|
||||
this.pagination.current = pages.page;
|
||||
this.pagination.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导入
|
||||
handleImport() { },
|
||||
// 导出
|
||||
handleExport() { },
|
||||
// 任务创建
|
||||
handleAdd() {
|
||||
this.$refs.taskDialog.open()
|
||||
},
|
||||
//打开列表
|
||||
addliebiao(){
|
||||
this.$refs.renwuclose.open()
|
||||
|
||||
},
|
||||
//关闭列表弹窗
|
||||
renwuclose(){},
|
||||
// 关闭弹框
|
||||
importClose() { },
|
||||
// 查看详情
|
||||
goInfo() {
|
||||
this.$router.push({
|
||||
name: 'TaskInfo', query: {
|
||||
pageType: "info",
|
||||
}
|
||||
})
|
||||
},
|
||||
// 编辑
|
||||
edit() {
|
||||
},
|
||||
// 删除
|
||||
delInfo() {
|
||||
this.$router.push({
|
||||
name: 'taskAudit', query: {
|
||||
pageType: "info",
|
||||
}
|
||||
})
|
||||
},
|
||||
// 修改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>
|
||||
@ -1,469 +0,0 @@
|
||||
<!-- 任务管理 -->
|
||||
<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" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务名称：">
|
||||
<el-input v-model="formInline.taskName" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务状态：">
|
||||
<el-select v-model="formInline.taskStatus" placeholder="请选择">
|
||||
<el-option label="已关闭" value="0" />
|
||||
<el-option label="进行中" value="1" />
|
||||
<el-option label="正常完成" value="2" />
|
||||
<el-option label="超期完成" value="3" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-form-item label="任务完成时间：">
|
||||
<el-date-picker v-model="formInline.time" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" style="text-align: right;padding-right: 20px;">
|
||||
<el-form-item>
|
||||
<el-button size="small" @click="resetQuery">重置</el-button>
|
||||
<el-button size="small" type="primary" @click="handleQuery">查询</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="primary" :icon="Plus" size="small" @click="handleAdd">任务创建</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="60" label="序号" align="center" />
|
||||
<el-table-column label="任务名称" key="taskName" prop="taskName" align="center" />
|
||||
<el-table-column label="任务下发时间" key="taskTime" prop="taskTime" align="center" />
|
||||
<el-table-column label="任务期限" key="taskDeadline" prop="taskDeadline" align="center" />
|
||||
<el-table-column label="任务完成时间" key="taskFinishTime" prop="taskFinishTime" align="center" />
|
||||
<el-table-column label="任务状态" key="taskStatus" width="200px" prop="taskStatus" class-name="table-status"
|
||||
align="center">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.taskStatus == 0" style="color: #F56C6C;">已关闭</span>
|
||||
<span v-if="row.taskStatus == 1" style="color: #E6A23C;">进行中</span>
|
||||
<span v-if="row.taskStatus == 2" style="color: #67C23A;">正常完成</span>
|
||||
<span v-if="row.taskStatus == 3" style="color:#67C23A;">超期完成</span>
|
||||
<span v-if="row.taskStatus == 4" style="color: #F56C6C;">审核不通过</span>
|
||||
<span v-if="row.taskStatus == 5" style="color: #F56C6C;">审核驳回</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template #default="{ row }">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(row)">
|
||||
<el-icon class="mr-1"><View /></el-icon>
|
||||
<span class="look-info" style="color: #1485EF;">查看</span>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="delInfo(row)" v-if="row.taskStatus == 1 && row.taskStatus != 0">
|
||||
<el-icon class="mr-1"><Edit /></el-icon>
|
||||
<span class="del-info" style="color: #1485EF;">审核</span>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="guanbijiekou(row)" v-if="row.taskStatus == 1 && row.taskStatus != 0">
|
||||
<el-icon class="mr-1"><Delete /></el-icon>
|
||||
<span class="del-info" style="color: #1485EF;">关闭</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
|
||||
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
|
||||
</main>
|
||||
<my-dialog title="新增任务" @close="importClose" ref="taskDialog" class="taskDialogBox" width="43%">
|
||||
<el-row>
|
||||
<el-col :span="21">
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleFormRef" label-width="120px">
|
||||
<el-form-item label="任务名称" prop="taskName">
|
||||
<el-input v-model="ruleForm.taskName" placeholder="请输入任务名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="核查资产类型" prop="type">
|
||||
<el-checkbox-group v-model="ruleForm.type" @change="checkboxChange">
|
||||
<el-checkbox label="0">web资产</el-checkbox>
|
||||
<el-checkbox label="1">小程序资产</el-checkbox>
|
||||
<el-checkbox label="2">公众号资产</el-checkbox>
|
||||
<el-checkbox label="3">电子邮件资产</el-checkbox>
|
||||
<el-checkbox label="4">移动应用程序资产</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="核查单位" prop="dwmc" class="select-box">
|
||||
<el-col>
|
||||
<el-select v-model="ruleForm.dwmc" placeholder="请选择核查单位" multiple collapse-tags @remove-tag="isclear">
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col class="btn-box">
|
||||
<el-button type="primary" @click="addliebiao"><el-icon><Expand /></el-icon></el-button>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务期限" prop="taskDeadline">
|
||||
<el-date-picker type="datetime" placeholder="选择日期" v-model="ruleForm.taskDeadline" style="width: 100%;"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" default-time="23:59:59"
|
||||
:disabled-date="disabledDate"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item class="newTask-form-item">
|
||||
<el-button @click="resetForm">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm" :loading="btnloading">发布</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</my-dialog>
|
||||
|
||||
<div class="newTask-liebiao">
|
||||
<my-dialog title="单位列表" ref="liebiaoDialog" @close="liebiaoClose" class="taskDialogBox" width="80%">
|
||||
<danweiList ref="danweiList" @adddanweilist="adddanweilist" @liebiaoClose="liebiaoClose"></danweiList>
|
||||
</my-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, onUnmounted, nextTick } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { Plus, View, Edit, Delete, Expand } from '@element-plus/icons-vue'
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import danweiList from "@/views/system/user/danweiList.vue"
|
||||
import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
|
||||
|
||||
const router = useRouter()
|
||||
const taskDialog = ref(null)
|
||||
const liebiaoDialog = ref(null)
|
||||
const danweiList = ref(null)
|
||||
const ruleFormRef = ref(null)
|
||||
|
||||
const loading = ref(false)
|
||||
const btnloading = ref(false)
|
||||
const total = ref(0)
|
||||
const tabHeader = ref(undefined)
|
||||
const tabclicklist = ref([])
|
||||
|
||||
const formInline = reactive({
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
})
|
||||
|
||||
const pagination = reactive({
|
||||
current: 1,
|
||||
size: 10,
|
||||
})
|
||||
|
||||
const tableData = ref([])
|
||||
|
||||
const ruleForm = reactive({
|
||||
taskName: "",
|
||||
dwmc: [],
|
||||
taskDeadline: "",
|
||||
type: []
|
||||
})
|
||||
|
||||
const rules = {
|
||||
taskName: [{ required: true, message: '请输入', trigger: 'change' }],
|
||||
dwmc: [{ required: true, message: '请选择', trigger: 'change' }],
|
||||
taskDeadline: [{ required: true, message: '请选择日期', trigger: 'change' }],
|
||||
type: [{ required: true, message: '请选择', trigger: 'change' }]
|
||||
}
|
||||
|
||||
const chanckList = [
|
||||
{ lable: "0", conent: "web资产" },
|
||||
{ lable: "1", conent: "小程序资产" },
|
||||
{ lable: "2", conent: "公众号资产" },
|
||||
{ lable: "3", conent: "电子邮件资产" },
|
||||
{ lable: "4", conent: "移动应用程序资产" },
|
||||
]
|
||||
|
||||
// Methods
|
||||
const isclear = (value) => {
|
||||
tabclicklist.value = tabclicklist.value.filter(user => user.nickName != value)
|
||||
}
|
||||
|
||||
const disabledDate = (time) => {
|
||||
return time.getTime() < Date.now() - 8.64e7
|
||||
}
|
||||
|
||||
const checkboxChange = () => {
|
||||
ruleForm.dwmc = []
|
||||
tabclicklist.value = []
|
||||
nextTick(() => {
|
||||
ruleFormRef.value?.clearValidate()
|
||||
})
|
||||
}
|
||||
|
||||
const resetForm = () => {
|
||||
Object.assign(ruleForm, {
|
||||
dwmc: [],
|
||||
taskName: "",
|
||||
taskDeadline: "",
|
||||
type: []
|
||||
})
|
||||
taskDialog.value?.close()
|
||||
tabclicklist.value = []
|
||||
btnloading.value = false
|
||||
}
|
||||
|
||||
const fonsisis = (data) => {
|
||||
const specificTime = new Date(data)
|
||||
const currentTime = new Date()
|
||||
return currentTime <= specificTime
|
||||
}
|
||||
|
||||
const submitForm = async () => {
|
||||
if (!fonsisis(ruleForm.taskDeadline)) {
|
||||
ElMessage.error('选择时间不能小于当前时间')
|
||||
return
|
||||
}
|
||||
|
||||
if (!ruleFormRef.value) return
|
||||
|
||||
await ruleFormRef.value.validate(async (valid) => {
|
||||
if (valid) {
|
||||
btnloading.value = true
|
||||
try {
|
||||
const submitData = {
|
||||
...ruleForm,
|
||||
dwmc: ruleForm.dwmc.join(","),
|
||||
type: ruleForm.type.join(",")
|
||||
}
|
||||
|
||||
await addassetTaskadd(submitData)
|
||||
resetForm()
|
||||
await getInfo()
|
||||
ElMessage.success("新增成功")
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
} finally {
|
||||
btnloading.value = false
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const adddanweilist = (val) => {
|
||||
if (val) {
|
||||
ruleForm.dwmc = val.map(element => element.nickName)
|
||||
} else {
|
||||
ruleForm.dwmc = []
|
||||
}
|
||||
tabclicklist.value = val
|
||||
}
|
||||
|
||||
const getInfo = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const res = await getassetTask(pagination)
|
||||
total.value = res.data.total
|
||||
tableData.value = res.data.records
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const resetQuery = () => {
|
||||
Object.assign(formInline, {
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
})
|
||||
Object.assign(pagination, {
|
||||
current: 1,
|
||||
size: 10,
|
||||
})
|
||||
localStorage.removeItem("ismypagination")
|
||||
getInfo()
|
||||
}
|
||||
|
||||
const addliebiao = () => {
|
||||
if (ruleForm.type.length > 0) {
|
||||
liebiaoDialog.value?.open()
|
||||
nextTick(() => {
|
||||
danweiList.value?.getType(ruleForm.type)
|
||||
if (tabclicklist.value) {
|
||||
setTimeout(() => {
|
||||
danweiList.value?.dakai(tabclicklist.value)
|
||||
}, 100)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ElMessage.warning('请先选择核查资产类型')
|
||||
}
|
||||
}
|
||||
|
||||
const liebiaoClose = () => {
|
||||
if (danweiList.value) {
|
||||
danweiList.value.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
userName: undefined,
|
||||
nickName: undefined,
|
||||
dwlx: undefined,
|
||||
}
|
||||
}
|
||||
liebiaoDialog.value?.close()
|
||||
}
|
||||
|
||||
const handleQuery = () => {
|
||||
Object.assign(pagination, {
|
||||
current: 1,
|
||||
size: 10
|
||||
})
|
||||
|
||||
if (formInline.time.length > 0) {
|
||||
formInline.begainTime = formInline.time[0]
|
||||
formInline.endTime = formInline.time[1]
|
||||
}
|
||||
|
||||
Object.assign(pagination, formInline)
|
||||
formInline.isfanhui = false
|
||||
localStorage.setItem("ismypagination", JSON.stringify(formInline))
|
||||
getInfo()
|
||||
}
|
||||
|
||||
const getPagination = (pages) => {
|
||||
pagination.current = pages.page
|
||||
pagination.size = pages.limit
|
||||
getInfo()
|
||||
}
|
||||
|
||||
const handleAdd = () => {
|
||||
taskDialog.value?.open()
|
||||
nextTick(() => {
|
||||
ruleFormRef.value?.clearValidate()
|
||||
})
|
||||
}
|
||||
|
||||
const importClose = () => {
|
||||
resetForm()
|
||||
}
|
||||
|
||||
const goInfo = (row) => {
|
||||
getassetTaskid(row.id)
|
||||
router.push({
|
||||
name: 'TaskInfo',
|
||||
query: {
|
||||
pageType: "look",
|
||||
id: row.id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const delInfo = (row) => {
|
||||
router.push({
|
||||
name: 'TaskInfo',
|
||||
query: {
|
||||
pageType: "info",
|
||||
id: row.id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const guanbijiekou = (row) => {
|
||||
ElMessageBox.confirm('此操作将关闭任务, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
try {
|
||||
const res = await assetTaskclose({ taskId: row.id, taskName: row.taskName })
|
||||
if (res.code == 200) {
|
||||
ElMessage.success('关闭成功!')
|
||||
await getInfo()
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
}
|
||||
}).catch(() => {
|
||||
ElMessage.info('已取消关闭')
|
||||
})
|
||||
}
|
||||
|
||||
const tableRowClassName = ({ rowIndex }) => {
|
||||
return rowIndex % 2 !== 0 ? 'evenNumber-row' : ''
|
||||
}
|
||||
|
||||
const cancalDebounce = () => {
|
||||
const element = document.getElementById('L-size-main')
|
||||
const header = document.getElementById('L-header')
|
||||
const pagination = document.getElementById('L-pagination')
|
||||
if (element && header && pagination) {
|
||||
const elementHeight = element.offsetHeight
|
||||
const headerHeight = header.offsetHeight
|
||||
const paginationtHeight = pagination.offsetHeight
|
||||
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110
|
||||
}
|
||||
}
|
||||
|
||||
// Lifecycle hooks
|
||||
onMounted(() => {
|
||||
if (localStorage.getItem('ismypagination')) {
|
||||
const storedPagination = JSON.parse(localStorage.getItem('ismypagination'))
|
||||
if (storedPagination.isfanhui) {
|
||||
Object.assign(formInline, storedPagination)
|
||||
handleQuery()
|
||||
} else {
|
||||
localStorage.removeItem("ismypagination")
|
||||
}
|
||||
}
|
||||
|
||||
localStorage.removeItem("ismypaginationTow")
|
||||
localStorage.removeItem("activeName")
|
||||
|
||||
getInfo()
|
||||
cancalDebounce()
|
||||
window.addEventListener('resize', cancalDebounce)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', cancalDebounce)
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mr-1 {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.el-icon-s-unfold {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.el-icon-delete {
|
||||
color: #409EFF;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,26 +0,0 @@
|
||||
<template>
|
||||
<div class="L-task-info">
|
||||
<el-button type="primary" @click="sendBack" class="fanhuipiaofu" size="default">返回</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
console.log('当前路由参数:', route.query);
|
||||
|
||||
const sendBack = () => {
|
||||
router.go(-1);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.fanhuipiaofu {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,80 @@
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<my-dialog title="提示" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
|
||||
<el-row>
|
||||
<el-col :span="21">
|
||||
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="eldialogruleForm" label-width="100px">
|
||||
<el-form-item label="关停原因:" prop="bfyy">
|
||||
<el-input v-model="dialogruleForm.bfyy" placeholder="请输入关停原因"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="newTask-form-item">
|
||||
<el-button @click="resetForm('eldialogruleForm')">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm('eldialogruleForm')">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="6"></el-col>
|
||||
</el-row>
|
||||
</my-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
|
||||
|
||||
export default {
|
||||
components:{
|
||||
myDialog
|
||||
},
|
||||
name: 'baofei',
|
||||
data () {
|
||||
return {
|
||||
dialogruleForm:{
|
||||
bfyy:""
|
||||
},
|
||||
dialogruleFormrules:{
|
||||
bfyy: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
}
|
||||
},
|
||||
created () { },
|
||||
mounted () { },
|
||||
props:['ruleForm', 'assetTaskzc'],
|
||||
methods: {
|
||||
importClose(){},
|
||||
resetForm() {
|
||||
this.dialogruleForm = {
|
||||
bfyy:""
|
||||
}
|
||||
this.$refs.liebiaoDialog.close()
|
||||
|
||||
},
|
||||
open(){
|
||||
this.$refs.liebiaoDialog.open()
|
||||
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
this.ruleForm.isbf = 2
|
||||
this.ruleForm.bfyy = this.dialogruleForm.bfyy
|
||||
this.$emit("assetTaskzc",this.ruleForm)
|
||||
} else {
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
},
|
||||
|
||||
computed: {}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,94 @@
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<my-dialog title="提示" ref="liebiaoDialog" @close="importClose" class="taskDialogBox" width="40%">
|
||||
<el-row>
|
||||
<el-col :span="21">
|
||||
<el-form :model="dialogruleForm" :rules="dialogruleFormrules" ref="dialogruleForm" label-width="100px">
|
||||
<el-form-item label="不通过原因:" prop="btgyy">
|
||||
<el-input v-model="dialogruleForm.btgyy" placeholder="请输入不通过原因"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="newTask-form-item">
|
||||
<el-button @click="resetForm('dialogruleForm')">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm('dialogruleForm')">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="6"></el-col>
|
||||
</el-row>
|
||||
</my-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetTasksh } from "@/api/renwuApi/index.js"
|
||||
|
||||
|
||||
export default {
|
||||
components:{
|
||||
myDialog
|
||||
},
|
||||
name: 'baofei',
|
||||
data () {
|
||||
return {
|
||||
dialogruleForm:{
|
||||
btgyy:""
|
||||
},
|
||||
dialogruleFormrules:{
|
||||
btgyy: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
}
|
||||
},
|
||||
created () { },
|
||||
mounted () { },
|
||||
props:['chuandemingcheng', 'assetTaskzc',"dataname","ruleForm"],
|
||||
methods: {
|
||||
importClose(){},
|
||||
resetForm() {
|
||||
this.dialogruleForm = {
|
||||
btgyy:""
|
||||
}
|
||||
this.$refs.liebiaoDialog.close()
|
||||
|
||||
},
|
||||
open(){
|
||||
this.$refs.liebiaoDialog.open()
|
||||
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
let tijioaobj = {
|
||||
taskId: this.$route.query.taskId,
|
||||
assetId: this.$route.query.assetId,
|
||||
xtmc:this.chuandemingcheng,
|
||||
btgyy:this.dialogruleForm.btgyy,
|
||||
dwmc:this.$route.query.zcdwmc,
|
||||
status: 4,
|
||||
type:this.$route.query.type
|
||||
}
|
||||
tijioaobj[this.dataname] = this.ruleForm
|
||||
assetTasksh(tijioaobj).then(res=>{
|
||||
if(res.code == 200){
|
||||
this.$modal.msgSuccess("审核成功");
|
||||
this.$router.go(-1);
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
},
|
||||
|
||||
computed: {}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,566 @@
|
||||
<!-- 电子邮件表单 -->
|
||||
<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="请输入所属单位"
|
||||
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-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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-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-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-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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<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-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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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-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-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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-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-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>
|
||||
</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>
|
||||
</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-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-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-form>
|
||||
<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="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>
|
||||
<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>
|
||||
</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";
|
||||
|
||||
export default {
|
||||
components: { baofei, butongguo },
|
||||
mixins: [myMixin],
|
||||
|
||||
dicts: [
|
||||
"app_xzqh",
|
||||
"app_sshy",
|
||||
"app_zdhy",
|
||||
"email_jslx",
|
||||
"email_state",
|
||||
"email_hasorno",
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
ruleForm: {},
|
||||
rules: {
|
||||
ssdw: [
|
||||
{ required: true, message: "所属单位不能为空", trigger: "change" },
|
||||
],
|
||||
dzyxhz: [
|
||||
{
|
||||
required: true,
|
||||
message: "电子邮箱后缀不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
jslx: [
|
||||
{ required: true, message: "建设类型不能为空", trigger: "change" },
|
||||
],
|
||||
yjxtgys: [
|
||||
{
|
||||
required: true,
|
||||
message: "邮件系统供应商不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
mmsf: [
|
||||
{ required: true, message: "密码算法不能为空", trigger: "change" },
|
||||
],
|
||||
yjxtzc: [
|
||||
{
|
||||
required: true,
|
||||
message: "邮件系统状态不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
aqfhxt: [
|
||||
{
|
||||
required: true,
|
||||
message: "安全防护系统不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
aqbfhj: [
|
||||
{
|
||||
required: true,
|
||||
message: "安全备份环境不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
szzscs: [
|
||||
{
|
||||
required: true,
|
||||
message: "数字证书厂商不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
sxsj: [
|
||||
{ required: true, message: "上线时间不能为空", trigger: "change" },
|
||||
],
|
||||
sshy: [
|
||||
{ required: true, message: "所属行业不能为空", trigger: "change" },
|
||||
],
|
||||
zdhy: [
|
||||
{ required: true, message: "重点行业不能为空", trigger: "change" },
|
||||
],
|
||||
xzqh: [
|
||||
{ required: true, message: "行政区划不能为空", trigger: "change" },
|
||||
],
|
||||
xtzrr: [
|
||||
{ required: true, message: "系统责任人不能为空", trigger: "change" },
|
||||
],
|
||||
|
||||
xtzrrdz: [
|
||||
{
|
||||
required: true,
|
||||
message: "系统责任人地址不能为空",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
jj: [{ required: true, message: "简介不能为空", trigger: "change" }],
|
||||
},
|
||||
|
||||
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;
|
||||
}
|
||||
// if (this.$route.query.taskInfo == 'taskInfo') {
|
||||
// this.disabled = true;
|
||||
// }
|
||||
},
|
||||
methods: {
|
||||
getInfo(id) {
|
||||
if (this.$route.query.istijiaoshow) {
|
||||
let obj = {
|
||||
id: this.$route.query.assetId,
|
||||
type: this.$route.query.type,
|
||||
};
|
||||
assetTaskhistory(obj).then((res) => {
|
||||
this.ruleForm = res.data.assetEmailHistory;
|
||||
|
||||
console.log(111);
|
||||
setTimeout(() => {
|
||||
this.$refs.ruleForm.clearValidate();
|
||||
}, 100);
|
||||
});
|
||||
} else {
|
||||
let obj = {
|
||||
taskId: this.$route.query.taskId,
|
||||
assetId: this.$route.query.assetId,
|
||||
};
|
||||
assetTaskemailtaskSh(obj).then((res) => {
|
||||
this.ruleForm = res.data;
|
||||
setTimeout(() => {
|
||||
this.$refs.ruleForm.clearValidate();
|
||||
}, 100);
|
||||
});
|
||||
}
|
||||
},
|
||||
// 单位名称模糊查询
|
||||
querySearchAsync(queryString, cb) {
|
||||
let results = [];
|
||||
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) => {
|
||||
this.$message({
|
||||
type: "info",
|
||||
message: "已关停",
|
||||
});
|
||||
this.$router.go(-1);
|
||||
this.ruleForm.bfyy = "";
|
||||
this.$refs.baofei.resetForm();
|
||||
});
|
||||
},
|
||||
// 新增资产确认按钮
|
||||
newAssets(type) {
|
||||
if (type == 1) {
|
||||
//取消
|
||||
|
||||
this.loading = true;
|
||||
this.$router.go(-1);
|
||||
this.loading = false;
|
||||
return;
|
||||
}
|
||||
this.ruleForm.taskId = this.$route.query.taskId;
|
||||
this.ruleForm.assetId = this.$route.query.assetId;
|
||||
|
||||
if (type == 0) {
|
||||
this.$refs.baofei.open();
|
||||
}
|
||||
//暂存
|
||||
if (type == 2) {
|
||||
this.loading = true;
|
||||
assetTaskemailzc(this.ruleForm).then((res) => {
|
||||
console.log(res, "res");
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$router.go(-1);
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
if (type == 3) {
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
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;
|
||||
if (type == 0) {
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
this.$refs.butongguo.open();
|
||||
});
|
||||
}
|
||||
if (type == 1) {
|
||||
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) => {
|
||||
if (res.code == 200) {
|
||||
this.$modal.msgSuccess("审核成功");
|
||||
this.$router.go(-1);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,35 @@
|
||||
// src/mixins/myMixin.js
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
sendBack() {
|
||||
if (localStorage.getItem('ismypaginationTow')) {
|
||||
let formInline = JSON.parse(localStorage.getItem('ismypaginationTow'))
|
||||
formInline.isfanhuiTow = true
|
||||
localStorage.setItem("ismypaginationTow", JSON.stringify(formInline))
|
||||
}
|
||||
console.log();
|
||||
|
||||
if (this.$route.query.istijiaoshow) {
|
||||
this.$router.push({
|
||||
name: 'TaskInfo', query: {
|
||||
// pageType: "look",
|
||||
id: this.$route.query.taskId,
|
||||
assetId: this.$route.query.lookassetId,
|
||||
lookassetId: this.$route.query.lookassetId,
|
||||
pageType: this.$route.query.pageTypetow,
|
||||
istijiaoshow: true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$router.go(-1);
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,53 +0,0 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
|
||||
</template>
|
||||
<script>
|
||||
// web资产
|
||||
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
|
||||
// 小程序资产
|
||||
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
|
||||
// 公众号资产
|
||||
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
|
||||
// 电子邮件资产
|
||||
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
|
||||
// 移动应用系统
|
||||
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
|
||||
export default {
|
||||
name: "AssetsAuth",
|
||||
components:{
|
||||
assetsTypeOne,
|
||||
assetsTypeTwo,
|
||||
assetsTypeThree,
|
||||
assetsTypeFour,
|
||||
assetsTypeFive,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
beforeRouteEnter(to,from,next){
|
||||
to.meta.type = to.query.type
|
||||
if(to.meta.pageType == 'look') {
|
||||
to.meta.title = '查看资产'
|
||||
} else if(to.meta.pageType == 'change'){
|
||||
to.meta.title = '审批资产'
|
||||
}
|
||||
// if(to.meta.type == 0) {
|
||||
// to.meta.activeMenu = "/assetRecord/myWebAssets"
|
||||
// } else if(to.meta.type == 1) {
|
||||
// to.meta.activeMenu = "/assetRecord/myProgram"
|
||||
// } else if(to.meta.type == 2) {
|
||||
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
|
||||
// } else if(to.meta.type == 3) {
|
||||
// to.meta.activeMenu = "/assetRecord/myEmail"
|
||||
// } else if(to.meta.type == 4) {
|
||||
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
|
||||
// }
|
||||
next();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -1,53 +0,0 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
|
||||
</template>
|
||||
<script>
|
||||
// web资产
|
||||
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
|
||||
// 小程序资产
|
||||
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
|
||||
// 公众号资产
|
||||
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
|
||||
// 电子邮件资产
|
||||
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
|
||||
// 移动应用系统
|
||||
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
|
||||
export default {
|
||||
name: "AssetsAuth",
|
||||
components:{
|
||||
assetsTypeOne,
|
||||
assetsTypeTwo,
|
||||
assetsTypeThree,
|
||||
assetsTypeFour,
|
||||
assetsTypeFive,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
beforeRouteEnter(to,from,next){
|
||||
to.meta.type = to.query.type
|
||||
if(to.meta.pageType == 'look') {
|
||||
to.meta.title = '查看资产'
|
||||
} else if(to.meta.pageType == 'change'){
|
||||
to.meta.title = '修改资产'
|
||||
}
|
||||
// if(to.meta.type == 0) {
|
||||
// to.meta.activeMenu = "/assetRecord/myWebAssets"
|
||||
// } else if(to.meta.type == 1) {
|
||||
// to.meta.activeMenu = "/assetRecord/myProgram"
|
||||
// } else if(to.meta.type == 2) {
|
||||
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
|
||||
// } else if(to.meta.type == 3) {
|
||||
// to.meta.activeMenu = "/assetRecord/myEmail"
|
||||
// } else if(to.meta.type == 4) {
|
||||
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
|
||||
// }
|
||||
next();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -1,402 +0,0 @@
|
||||
<!-- 单位自主填报 -->
|
||||
<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="formInlineRef" :model="pagination" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="资产名称：" prop="name">
|
||||
<el-input v-model="pagination.name" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="审核状态：" prop="auditState">
|
||||
<el-select v-model="pagination.auditState" placeholder="请选择审核状态">
|
||||
<el-option label="待审核" value="1" />
|
||||
<el-option label="审核通过" value="2" />
|
||||
<el-option label="审核驳回" value="3" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="text-align: left;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="default" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="default" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<el-row class="mb8">
|
||||
<el-col>
|
||||
<div class="exportBtn">
|
||||
<div class="mybuttom"
|
||||
:class="btnShow == item.value ? 'mybuttomshow' : ''"
|
||||
v-for="(item, index) in btnArr"
|
||||
@click="xuanzelist(item)">
|
||||
{{ item.label }}
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column label="资产名称" key="xtmc" prop="xtmc" align="center" v-if="btnShow == 'web'" />
|
||||
<el-table-column label="所属单位" key="dwmc" prop="dwmc" align="center" v-if="btnShow == 'web'" />
|
||||
<el-table-column label="资产名称" key="xcxmc" prop="xcxmc" align="center" v-if="btnShow == 'xcx'" />
|
||||
<el-table-column label="资产名称" key="gzhmc" prop="gzhmc" align="center" v-if="btnShow == 'gzh'" />
|
||||
<el-table-column label="资产名称" key="dzyxhz" prop="dzyxhz" align="center" v-if="btnShow == 'emil'" />
|
||||
<el-table-column label="资产名称" key="appName" prop="appName" align="center" v-if="btnShow == 'app'" />
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" v-if="btnShow !== 'web'" />
|
||||
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center" v-if="btnShow == 'gzh'">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.sys_ptlx_type" :value="scope.row.ptlx"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核状态" key="auditState" width="200px" prop="auditState" class-name="table-status"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.auditState == 1" style="color: #F58A0C;">
|
||||
待审核
|
||||
</span>
|
||||
<span v-if="scope.row.auditState == 2" style="color: #16B771;">
|
||||
审批通过
|
||||
</span>
|
||||
<span v-if="scope.row.auditState == 3" style="color: #F50C0C;">
|
||||
审批驳回
|
||||
</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;">查看</span>
|
||||
</div>
|
||||
<!-- -->
|
||||
<div v-if="scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="delInfo(scope.row)">
|
||||
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
|
||||
<span class="del-info" style="color: #1485EF;">编辑</span>
|
||||
</div>
|
||||
<div v-if="scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="lookInfo(scope.row)">
|
||||
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
|
||||
<span class="del-info" style="color: #1485EF;">驳回原因</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
|
||||
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
|
||||
</main>
|
||||
<my-dialog title="查看原因" ref="liebiaoDialog" class="taskDialogBox" width="40%">
|
||||
<el-descriptions>
|
||||
<el-descriptions-item label="不通过原因">
|
||||
{{ chakanyuanyin }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</my-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import danweiList from "@/views/system/user/danweiList.vue"
|
||||
import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
|
||||
import { getAuditList, miniProgramsGetAuditList, gzhGetAuditList, EmailList, AppList } from "@/api/auditPagesApi/index.js"
|
||||
|
||||
export default {
|
||||
dicts: ['sys_ptlx_type'],
|
||||
components: { myPagination, myDialog, danweiList },
|
||||
data() {
|
||||
return {
|
||||
btnloading: false,
|
||||
total: 0,
|
||||
pagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
dwmc:'',
|
||||
auditState:'',
|
||||
name:'',
|
||||
},
|
||||
tableData: [
|
||||
|
||||
],
|
||||
loading: false,
|
||||
tabHeader: undefined,
|
||||
|
||||
btnArr: [
|
||||
{
|
||||
label: 'web资产',
|
||||
value: "web"
|
||||
}, {
|
||||
label: '小程序',
|
||||
value: 'xcx'
|
||||
}, {
|
||||
label: '公众号',
|
||||
value: 'gzh'
|
||||
}, {
|
||||
label: '电子邮件',
|
||||
value: 'emil'
|
||||
}, {
|
||||
label: '移动应用系统',
|
||||
value: 'app'
|
||||
}
|
||||
],
|
||||
btnShow:"web",
|
||||
chakanyuanyin:'',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.getInfo(1);
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods: {
|
||||
// 获取列表
|
||||
getInfo(id) {
|
||||
this.loading = true;
|
||||
// getassetTask(this.pagination).then(res => {
|
||||
// this.loading = false;
|
||||
// this.total = res.data.total;
|
||||
// this.tableData = res.data.records;
|
||||
// })
|
||||
if(id == 1) {
|
||||
getAuditList(this.pagination).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
} else if(id == 2) {
|
||||
miniProgramsGetAuditList(this.pagination).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
} else if(id == 3) {
|
||||
gzhGetAuditList(this.pagination).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
} else if(id == 4) {
|
||||
EmailList(this.pagination).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
} else if(id == 5) {
|
||||
AppList(this.pagination).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
}
|
||||
},
|
||||
// 重置
|
||||
resetQuery() {
|
||||
this.resetForm("formInlineRef");
|
||||
this.pagination.current = 1;
|
||||
if(this.btnShow == 'web') {
|
||||
this.getInfo(1);
|
||||
} else if(this.btnShow == 'xcx') {
|
||||
this.getInfo(2);
|
||||
} else if(this.btnShow == 'gzh') {
|
||||
this.getInfo(3);
|
||||
} else if(this.btnShow == 'emil') {
|
||||
this.getInfo(4);
|
||||
} else if(this.btnShow == 'app') {
|
||||
this.getInfo(5);
|
||||
}
|
||||
this.getInfo();
|
||||
},
|
||||
// 查询
|
||||
handleQuery() {
|
||||
this.pagination.current = 1;
|
||||
if(this.btnShow == 'web') {
|
||||
this.getInfo(1);
|
||||
} else if(this.btnShow == 'xcx') {
|
||||
this.getInfo(2);
|
||||
} else if(this.btnShow == 'gzh') {
|
||||
this.getInfo(3);
|
||||
} else if(this.btnShow == 'emil') {
|
||||
this.getInfo(4);
|
||||
} else if(this.btnShow == 'app') {
|
||||
this.getInfo(5);
|
||||
}
|
||||
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages) {
|
||||
this.pagination.current = pages.page;
|
||||
this.pagination.size = pages.limit;
|
||||
if(this.btnShow == 'web') {
|
||||
this.getInfo(1);
|
||||
} else if(this.btnShow == 'xcx') {
|
||||
this.getInfo(2);
|
||||
} else if(this.btnShow == 'gzh') {
|
||||
this.getInfo(3);
|
||||
} else if(this.btnShow == 'emil') {
|
||||
this.getInfo(4);
|
||||
} else if(this.btnShow == 'app') {
|
||||
this.getInfo(5);
|
||||
}
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row) {
|
||||
this.$router.push({
|
||||
name: 'assetsAuthRecord', query: {
|
||||
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
|
||||
pageType: "look",
|
||||
btnShow: this.btnShow,
|
||||
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
|
||||
name: "AssetRecord",
|
||||
queryData:this.pagination
|
||||
}
|
||||
})
|
||||
},
|
||||
// 编辑
|
||||
delInfo(row) {
|
||||
//taskAudit
|
||||
this.$router.push({
|
||||
name: 'assetsAuthRecord', query: {
|
||||
type: this.btnShow == 'web' ? 0 : this.btnShow == 'xcx' ? 1 : this.btnShow == 'gzh' ? 2 : this.btnShow == 'emil' ? 3 : this.btnShow == 'app' ? 4 : 5,
|
||||
pageType: "change",
|
||||
btnShow: this.btnShow,
|
||||
id: this.btnShow == 'web' ? row.currentId : this.btnShow == 'xcx' ? row.miniId : this.btnShow == 'gzh' ? row.accountId : this.btnShow == 'emil' ? row.emailId : this.btnShow == 'app' ? row.appId : null,
|
||||
name: "AssetRecord",
|
||||
queryData:this.pagination
|
||||
}
|
||||
})
|
||||
},
|
||||
// 查看驳回原因
|
||||
lookInfo(row){
|
||||
this.chakanyuanyin = row.auditYy
|
||||
this.$refs.liebiaoDialog.open()
|
||||
},
|
||||
// 切换tab
|
||||
xuanzelist(item) {
|
||||
this.btnShow = item.value
|
||||
switch (item.value) {
|
||||
case 'web':
|
||||
this.getInfo(1);
|
||||
break;
|
||||
case 'xcx':
|
||||
this.getInfo(2);
|
||||
break;
|
||||
case 'gzh':
|
||||
this.getInfo(3);
|
||||
break;
|
||||
case 'emil':
|
||||
this.getInfo(4);
|
||||
break;
|
||||
case 'app':
|
||||
this.getInfo(5);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
// 修改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 - 140;
|
||||
}
|
||||
},
|
||||
beforeRouteEnter(to, from, next){
|
||||
next(vm => {
|
||||
if(from.path == "/assetsAuthRecord") {
|
||||
vm.btnShow = from.query.btnShow
|
||||
if(from.query.queryData) {
|
||||
vm.pagination = from.query.queryData;
|
||||
}
|
||||
if(vm.btnShow == 'web') {
|
||||
vm.getInfo(1);
|
||||
} else if(vm.btnShow == 'xcx') {
|
||||
vm.getInfo(2);
|
||||
} else if(vm.btnShow == 'gzh') {
|
||||
vm.getInfo(3);
|
||||
} else if(vm.btnShow == 'emil') {
|
||||
vm.getInfo(4);
|
||||
} else if(vm.btnShow == 'app') {
|
||||
vm.getInfo(5);
|
||||
}
|
||||
} else {
|
||||
vm.getInfo(1);
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-icon-s-unfold {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
// ::v-deep .el-dialog__body{
|
||||
// padding-left: 80px;
|
||||
// }
|
||||
.el-icon-delete {
|
||||
color: #409EFF;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.exportBtn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.mybuttom {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
padding: 5px 20px;
|
||||
// background-color: rgba(30, 128, 235, 0.1);
|
||||
background-color: rgba(213, 225, 236, 0.1);
|
||||
border-radius: 8px;
|
||||
border: 1px solid #1e80eb;
|
||||
font-size: 14px;
|
||||
color: #1e80eb;
|
||||
font-family: Source Han Sans CN;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #1e80eb;
|
||||
color: #ffffff;
|
||||
border: 1px solid #1e80eb;
|
||||
}
|
||||
}
|
||||
.mybuttomshow {
|
||||
background-color: #1e80eb;
|
||||
color: #ffffff;
|
||||
border: 1px solid #1e80eb;
|
||||
}
|
||||
</style>
|
||||
@ -1,291 +0,0 @@
|
||||
<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="queryFormRef"
|
||||
:model="formInline"
|
||||
size="default"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="电子邮箱后缀：" prop="dzyxhz">
|
||||
<el-input
|
||||
v-model="formInline.dzyxhz"
|
||||
placeholder="请输入电子邮箱后缀"
|
||||
style="width: 95%;"
|
||||
></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 email_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="default" @click="resetQuery">重置</el-button>
|
||||
<el-button
|
||||
size="default"
|
||||
type="primary"
|
||||
@click="handleQuery"
|
||||
>查询</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="Download"
|
||||
size="default"
|
||||
@click="handleExport"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
:icon="Plus"
|
||||
size="default"
|
||||
@click="handleAdd"
|
||||
>新增资产</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="60"
|
||||
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"
|
||||
/>
|
||||
<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 #default="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 #default="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
|
||||
v-if="!scope.row.auditState || scope.row.auditState == 2"
|
||||
style="display: flex; align-items: center; cursor: pointer"
|
||||
@click="goInfo(scope.row, 2)"
|
||||
>
|
||||
<img src="@/assets/images/edit.png" alt="" style="width: 15px; margin-right: 5px" />
|
||||
<span class="look-info" style="color: #1485ef; margin-right: 15px">编辑</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
v-model:current-page="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, onUnmounted } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import myPagination from '@/views/components/Pagination/index.vue'
|
||||
import { assetEmailList } from '@/api/auditPagesApi/index'
|
||||
import { Download, Plus } from "@element-plus/icons-vue";
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
|
||||
// 表单数据
|
||||
const formInline = reactive({
|
||||
dzyxhz: '',
|
||||
xtzt: '',
|
||||
current: 1,
|
||||
size: 10
|
||||
})
|
||||
|
||||
// 状态数据
|
||||
const loading = ref(false)
|
||||
const total = ref(0)
|
||||
const tableData = ref([])
|
||||
const tabHeader = ref(undefined)
|
||||
|
||||
// 字典数据
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { email_state } = proxy.useDict(
|
||||
"email_state"
|
||||
);
|
||||
|
||||
|
||||
// 方法定义
|
||||
const handleAdd = () => {
|
||||
router.push({
|
||||
name: 'myAssetsAuth',
|
||||
query: {
|
||||
pageType: 'add',
|
||||
type: 3,
|
||||
queryData: formInline,
|
||||
name: 'MyEmail'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const res = await assetEmailList(formInline)
|
||||
total.value = res.data.total
|
||||
tableData.value = res.data.records
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const resetQuery = () => {
|
||||
formInline.dzyxhz = ''
|
||||
formInline.xtzt = ''
|
||||
formInline.current = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
const handleQuery = () => {
|
||||
formInline.current = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
const getPagination = ({ page, limit }) => {
|
||||
formInline.current = page
|
||||
formInline.size = limit
|
||||
getList()
|
||||
}
|
||||
|
||||
const handleExport = () => {
|
||||
console.log('导出数据:', formInline)
|
||||
}
|
||||
|
||||
const goInfo = (row, id) => {
|
||||
router.push({
|
||||
name: 'myAssetsAuth',
|
||||
query: {
|
||||
pageType: id === 1 ? 'look' : 'change',
|
||||
type: 3,
|
||||
id: row.id,
|
||||
queryData: formInline,
|
||||
name: 'MyEmail'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const tableRowClassName = ({ rowIndex }) => {
|
||||
return rowIndex % 2 !== 0 ? 'evenNumber-row' : ''
|
||||
}
|
||||
|
||||
const cancalDebounce = () => {
|
||||
const element = document.getElementById('L-size-main')
|
||||
const header = document.getElementById('L-header')
|
||||
const pagination = document.getElementById('L-pagination')
|
||||
|
||||
if (element && header && pagination) {
|
||||
const elementHeight = element.offsetHeight
|
||||
const headerHeight = header.offsetHeight
|
||||
const paginationtHeight = pagination.offsetHeight
|
||||
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
if (Object.keys(route.params).length !== 0) {
|
||||
Object.assign(formInline, route.params)
|
||||
} else {
|
||||
formInline.current = 1
|
||||
formInline.size = 20
|
||||
}
|
||||
getList()
|
||||
cancalDebounce()
|
||||
window.addEventListener('resize', cancalDebounce)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', cancalDebounce)
|
||||
})
|
||||
</script>
|
||||
@ -1,378 +0,0 @@
|
||||
<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="queryFormRef"
|
||||
:model="formInline"
|
||||
size="default"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item
|
||||
label="系统名称："
|
||||
prop="xtmc"
|
||||
>
|
||||
<el-input
|
||||
v-model="formInline.xtmc"
|
||||
placeholder="请输入"
|
||||
style="width: 95%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item
|
||||
label="系统类型："
|
||||
prop="xtlx"
|
||||
>
|
||||
<el-select
|
||||
v-model="formInline.xtlx"
|
||||
placeholder="请选择系统类型"
|
||||
style="width: 95%"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in zc_xtlx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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 zc_xtzt"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col
|
||||
:span="3"
|
||||
style="text-align: right"
|
||||
>
|
||||
<el-form-item class="unit-form">
|
||||
<el-button @click="resetQuery">重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handleQuery"
|
||||
>查询</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="Download"
|
||||
@click="handleExport"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
:icon="Plus"
|
||||
size="default"
|
||||
@click="handleAdd"
|
||||
>新增资产</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
:height="tabHeader"
|
||||
:max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="70"
|
||||
label="序号"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="系统名称"
|
||||
key="xtmc"
|
||||
width="200px"
|
||||
prop="xtmc"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="系统类型"
|
||||
key="xtlx"
|
||||
prop="xtlx"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
<dict-tag
|
||||
:options="zc_xtlx"
|
||||
:value="scope.row.xtlx"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单位名称"
|
||||
key="dwmc"
|
||||
prop="dwmc"
|
||||
align="center"
|
||||
/>
|
||||
<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 #default="scope">
|
||||
<span
|
||||
v-if="scope.row.xtzt == 1"
|
||||
style="color: #16b771"
|
||||
>
|
||||
已安装
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.xtzt == 2"
|
||||
style="color: #f58a0c"
|
||||
>
|
||||
测试中
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.xtzt == 3"
|
||||
style="color: #1485ef"
|
||||
>
|
||||
使用中
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.xtzt == 4"
|
||||
style="color: #29a07a"
|
||||
>
|
||||
维护中
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.xtzt == 5"
|
||||
style="color: #f50c0c"
|
||||
>
|
||||
关停
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
prop="userId"
|
||||
class-name="table-operation"
|
||||
align="center"
|
||||
>
|
||||
<template #default="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"
|
||||
>查看</span
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
v-if="
|
||||
!scope.row.auditState ||
|
||||
scope.row.auditState == 2 ||
|
||||
scope.row.xtzt == '5'
|
||||
"
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-left: 10px;
|
||||
"
|
||||
@click="goInfo(scope.row, 2)"
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/edit.png"
|
||||
alt=""
|
||||
style="width: 15px; margin-right: 5px"
|
||||
/>
|
||||
<span
|
||||
class="look-info"
|
||||
style="color: #1485ef; margin-right: 15px"
|
||||
>编辑</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</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 setup>
|
||||
import { ref, onMounted, onUnmounted } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import myPagination from "@/views/components/Pagination/index.vue";
|
||||
import { assetUnit } from "@/api/auditPagesApi/index";
|
||||
import { Download, Plus } from "@element-plus/icons-vue";
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { zc_xtzt, zc_xtlx } = proxy.useDict(
|
||||
"zc_xtzt",
|
||||
"zc_xtlx"
|
||||
);
|
||||
|
||||
const queryFormRef = ref(null);
|
||||
const formInline = ref({
|
||||
xtmc: "",
|
||||
xtlx: "",
|
||||
xtzt: "",
|
||||
current: 1,
|
||||
size: 10,
|
||||
});
|
||||
const total = ref(0);
|
||||
const tableData = ref([]);
|
||||
const loading = ref(false);
|
||||
const tabHeader = ref(undefined);
|
||||
|
||||
const getList = async () => {
|
||||
try {
|
||||
loading.value = true;
|
||||
const res = await assetUnit("get", formInline.value);
|
||||
tableData.value = res.data.records;
|
||||
total.value = res.data.total;
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
const handleQuery = () => {
|
||||
formInline.value.current = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
const getPagination = (pages) => {
|
||||
formInline.value.current = pages.page;
|
||||
formInline.value.size = pages.limit;
|
||||
getList();
|
||||
};
|
||||
|
||||
const handleExport = () => {
|
||||
// Implement export functionality
|
||||
console.log("Export functionality to be implemented");
|
||||
};
|
||||
|
||||
const goInfo = (row, id) => {
|
||||
router.push({
|
||||
name: "myAssetsAuth",
|
||||
query: {
|
||||
pageType: id === 1 ? "look" : "change",
|
||||
type: 0,
|
||||
id: row.id,
|
||||
queryData: formInline.value,
|
||||
name: "MyWebAssets",
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
const tableRowClassName = ({ row, rowIndex }) => {
|
||||
return rowIndex % 2 !== 0 ? "evenNumber-row" : "";
|
||||
};
|
||||
|
||||
const cancalDebounce = () => {
|
||||
const element = document.getElementById("L-size-main");
|
||||
const header = document.getElementById("L-header");
|
||||
const pagination = document.getElementById("L-pagination");
|
||||
|
||||
if (element && header && pagination) {
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 120;
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
if (Object.keys(route.params).length !== 0) {
|
||||
formInline.value = route.params;
|
||||
} else {
|
||||
formInline.value.current = 1;
|
||||
formInline.value.size = 20;
|
||||
}
|
||||
|
||||
getList();
|
||||
cancalDebounce();
|
||||
window.addEventListener("resize", cancalDebounce);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", cancalDebounce);
|
||||
});
|
||||
</script>
|
||||
@ -1,368 +0,0 @@
|
||||
<!-- 我的资产--公众号 -->
|
||||
<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="queryFormRef"
|
||||
:model="formInline"
|
||||
size="default"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item
|
||||
label="公众号名称："
|
||||
prop="gzhmc"
|
||||
>
|
||||
<el-input
|
||||
v-model="formInline.gzhmc"
|
||||
placeholder="请输入公众号名称"
|
||||
style="width: 95%"
|
||||
></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 gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col
|
||||
:span="7"
|
||||
style="text-align: right"
|
||||
>
|
||||
<el-form-item class="unit-form">
|
||||
<el-button @click="resetQuery">重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handleQuery"
|
||||
>查询</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="Download"
|
||||
@click="handleExport"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
:icon="Plus"
|
||||
@click="handleAdd"
|
||||
>新增资产</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="70"
|
||||
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="createTime"
|
||||
prop="createTime"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="平台类型"
|
||||
key="ptlx"
|
||||
prop="ptlx"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
<dict-tag
|
||||
:options="sys_ptlx_type"
|
||||
:value="scope.row.ptlx"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="公众号状态"
|
||||
key="status"
|
||||
prop="status"
|
||||
class-name="table-status"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
<span
|
||||
v-if="scope.row.gzhzt == 1"
|
||||
style="color: #16b771"
|
||||
>正常</span
|
||||
>
|
||||
<span
|
||||
v-else-if="scope.row.gzhzt == 2"
|
||||
style="color: #f58a0c"
|
||||
>注销</span
|
||||
>
|
||||
<span
|
||||
v-else-if="scope.row.gzhzt == 3"
|
||||
style="color: #1485ef"
|
||||
>迁移</span
|
||||
>
|
||||
<span
|
||||
v-else-if="scope.row.gzhzt == 4"
|
||||
style="color: #29a07a"
|
||||
>受限</span
|
||||
>
|
||||
<span
|
||||
v-else-if="scope.row.gzhzt == 5"
|
||||
style="color: #f50c0c"
|
||||
>违规</span
|
||||
>
|
||||
<span
|
||||
v-else-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 #default="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
|
||||
v-if="!scope.row.auditState || scope.row.auditState == 2"
|
||||
style="display: flex; align-items: center; cursor: pointer"
|
||||
@click="goInfo(scope.row, 2)"
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/edit.png"
|
||||
alt=""
|
||||
style="width: 15px; margin-right: 5px"
|
||||
/>
|
||||
<span
|
||||
class="look-info"
|
||||
style="color: #1485ef; margin-right: 15px"
|
||||
>编辑</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
v-model:current-page="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted } from "vue";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import myPagination from "@/views/components/Pagination/index.vue";
|
||||
import { assetOfficialAccountList } from "@/api/auditPagesApi/index";
|
||||
import { Download, Plus } from "@element-plus/icons-vue";
|
||||
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { gzh_state, sys_ptlx_type } = proxy.useDict(
|
||||
"gzh_state",
|
||||
"sys_ptlx_type"
|
||||
);
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const queryFormRef = ref(null);
|
||||
|
||||
const formInline = ref({
|
||||
gzhmc: "",
|
||||
xtzt: "",
|
||||
current: 1,
|
||||
size: 10,
|
||||
});
|
||||
|
||||
const loading = ref(false);
|
||||
const tableData = ref([]);
|
||||
const total = ref(0);
|
||||
const tabHeader = ref(undefined);
|
||||
|
||||
// 获取列表
|
||||
const getList = async () => {
|
||||
try {
|
||||
loading.value = true;
|
||||
const res = await assetOfficialAccountList(formInline.value);
|
||||
tableData.value = res.data.records;
|
||||
total.value = res.data.total;
|
||||
} catch (error) {
|
||||
console.error("获取列表失败:", error);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
// 重置查询
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
formInline.value.current = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
// 查询
|
||||
const handleQuery = () => {
|
||||
formInline.value.current = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
// 分页
|
||||
const getPagination = (pages) => {
|
||||
formInline.value.current = pages.page;
|
||||
formInline.value.size = pages.limit;
|
||||
getList();
|
||||
};
|
||||
|
||||
// 导出
|
||||
function handleExport() {
|
||||
proxy.download(
|
||||
"/tc/assetOfficialAccount/export",
|
||||
{
|
||||
...formInline.value,
|
||||
},
|
||||
`公众号资产${new Date().getTime()}.xlsx`
|
||||
);
|
||||
}
|
||||
function handleAdd() {
|
||||
router.push({
|
||||
name: "myAssetsAuth",
|
||||
query: {
|
||||
pageType: "add",
|
||||
type: 2,
|
||||
},
|
||||
});
|
||||
}
|
||||
// 查看/编辑详情
|
||||
const goInfo = (row, id) => {
|
||||
router.push({
|
||||
name: "myAssetsAuth",
|
||||
query: {
|
||||
pageType: id === 1 ? "look" : "change",
|
||||
type: 2,
|
||||
id: row.id,
|
||||
queryData: formInline.value,
|
||||
name: "MyOfficialAccount",
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
// 表格行样式
|
||||
const tableRowClassName = ({ rowIndex }) => {
|
||||
return rowIndex % 2 !== 0 ? "evenNumber-row" : "";
|
||||
};
|
||||
|
||||
// 计算表格高度
|
||||
const cancalDebounce = () => {
|
||||
const element = document.getElementById("L-size-main");
|
||||
const header = document.getElementById("L-header");
|
||||
const pagination = document.getElementById("L-pagination");
|
||||
|
||||
if (element && header && pagination) {
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
if (Object.keys(route.params).length !== 0) {
|
||||
formInline.value = route.params;
|
||||
}
|
||||
getList();
|
||||
cancalDebounce();
|
||||
window.addEventListener("resize", cancalDebounce);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", cancalDebounce);
|
||||
});
|
||||
</script>
|
||||
@ -1,321 +0,0 @@
|
||||
<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="default"
|
||||
class="demo-form-inline"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="小程序名称：" prop="xcxmc">
|
||||
<el-input
|
||||
v-model="formInline.xcxmc"
|
||||
placeholder="请输入小程序名称"
|
||||
style="width: 95%;"
|
||||
></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 gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7" style="text-align: right">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button @click="resetQuery">重置</el-button>
|
||||
<el-button
|
||||
|
||||
type="primary"
|
||||
@click="handleQuery"
|
||||
>查询</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="Download"
|
||||
@click="handleExport"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
:icon="Plus"
|
||||
@click="handleAdd"
|
||||
>新增资产</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="70"
|
||||
label="序号"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="小程序名称"
|
||||
key="xcxmc"
|
||||
prop="xcxmc"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="所属单位"
|
||||
key="ssdw"
|
||||
prop="ssdw"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="小程序状态"
|
||||
key="state"
|
||||
prop="state"
|
||||
class-name="table-status"
|
||||
align="center"
|
||||
>
|
||||
<template #default="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 #default="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
|
||||
v-if="!scope.row.auditState || scope.row.auditState == 2"
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-left: 10px;
|
||||
"
|
||||
@click="goInfo(scope.row, 2)"
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/edit.png"
|
||||
alt=""
|
||||
style="width: 15px; margin-right: 5px"
|
||||
/>
|
||||
<span
|
||||
class="look-info"
|
||||
style="color: #1485ef; margin-right: 15px"
|
||||
>编辑</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination
|
||||
id="L-pagination"
|
||||
:total="total"
|
||||
:page="formInline.current"
|
||||
:limit="formInline.size"
|
||||
@pagination="getPagination"
|
||||
v-model:current-page="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, onUnmounted } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import myPagination from '@/views/components/Pagination/index.vue'
|
||||
import { miniProgramsList } from '@/api/auditPagesApi/index'
|
||||
import { Download, Plus } from "@element-plus/icons-vue";
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
|
||||
// 表单数据
|
||||
const formInline = reactive({
|
||||
xtzt: '',
|
||||
xcxmc: '',
|
||||
current: 1,
|
||||
size: 10
|
||||
})
|
||||
|
||||
// 状态数据
|
||||
const total = ref(0)
|
||||
const tableData = ref([])
|
||||
const loading = ref(false)
|
||||
const tabHeader = ref(undefined)
|
||||
const queryForm = ref(null)
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { gzh_state } = proxy.useDict(
|
||||
"gzh_state"
|
||||
);
|
||||
|
||||
|
||||
// 操作函数
|
||||
const handleAdd = () => {
|
||||
router.push({
|
||||
name: 'myAssetsAuth',
|
||||
query: {
|
||||
pageType: 'add',
|
||||
type: 1,
|
||||
queryData: formInline,
|
||||
name: 'MyProgram'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const res = await miniProgramsList(formInline)
|
||||
total.value = res.data.total
|
||||
tableData.value = res.data.records
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const resetQuery = () => {
|
||||
if (queryForm.value) {
|
||||
queryForm.value.resetFields()
|
||||
}
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
const handleQuery = () => {
|
||||
formInline.current = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
const getPagination = ({ page, limit }) => {
|
||||
formInline.current = page
|
||||
formInline.size = limit
|
||||
getList()
|
||||
}
|
||||
|
||||
const handleExport = () => {
|
||||
console.log('导出数据:', formInline)
|
||||
}
|
||||
|
||||
const goInfo = (row, id) => {
|
||||
router.push({
|
||||
name: 'myAssetsAuth',
|
||||
query: {
|
||||
pageType: id === 1 ? 'look' : 'change',
|
||||
type: 1,
|
||||
id: row.id,
|
||||
queryData: formInline,
|
||||
name: 'MyProgram'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 表格行样式
|
||||
const tableRowClassName = ({ rowIndex }) => {
|
||||
return rowIndex % 2 !== 0 ? 'evenNumber-row' : ''
|
||||
}
|
||||
|
||||
// 计算表格高度
|
||||
const cancalDebounce = () => {
|
||||
const element = document.getElementById('L-size-main')
|
||||
const header = document.getElementById('L-header')
|
||||
const pagination = document.getElementById('L-pagination')
|
||||
if (element && header && pagination) {
|
||||
const elementHeight = element.offsetHeight
|
||||
const headerHeight = header.offsetHeight
|
||||
const paginationtHeight = pagination.offsetHeight
|
||||
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
if (Object.keys(route.params).length !== 0) {
|
||||
Object.assign(formInline, route.params)
|
||||
} else {
|
||||
formInline.current = 1
|
||||
formInline.size = 20
|
||||
}
|
||||
getList()
|
||||
cancalDebounce()
|
||||
window.addEventListener('resize', cancalDebounce)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', cancalDebounce)
|
||||
})
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,375 +0,0 @@
|
||||
<!-- 任务管理 -->
|
||||
<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" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务名称：">
|
||||
<el-input v-model="formInline.taskName" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="7">
|
||||
<el-form-item label="任务编号：">
|
||||
<el-input v-model="formInline.id" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="7">
|
||||
<el-form-item label="任务状态：">
|
||||
<el-select v-model="formInline.taskStatus" placeholder="请选择">
|
||||
<el-option label="已关闭" value="0">
|
||||
</el-option>
|
||||
<el-option label="进行中" value="1">
|
||||
</el-option>
|
||||
<el-option label="正常完成" value="2">
|
||||
</el-option>
|
||||
<el-option label="超期完成" value="3">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="default" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="default" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
|
||||
:row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<!-- <el-table-column label="任务编号" key="id" width="200px" prop="id" align="center" /> -->
|
||||
<el-table-column label="任务名称" key="taskName" prop="taskName" align="center" />
|
||||
<el-table-column label="任务下发时间" key="taskTime" prop="taskTime" 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="taskDeadline" prop="taskDeadline" align="center" />
|
||||
<!-- <el-table-column label="任务完成时间" key="taskFinishTime" prop="taskFinishTime" align="center" /> -->
|
||||
<el-table-column label="任务状态" key="taskStatus" width="200px" prop="taskStatus" class-name="table-status"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.taskStatus == 0" style="color: #F56C6C;">
|
||||
已关闭
|
||||
</span>
|
||||
<span v-if="scope.row.taskStatus == 1" style="color: #E6A23C;">
|
||||
进行中
|
||||
</span>
|
||||
<span v-if="scope.row.taskStatus == 2" style="color: #67C23A;">
|
||||
正常完成
|
||||
</span>
|
||||
<span v-if="scope.row.taskStatus == 3" style="color: #67C23A;">
|
||||
超期完成
|
||||
</span>
|
||||
<span v-if="scope.row.taskStatus == 4" style="color: #F56C6C;">
|
||||
审核不通过
|
||||
</span>
|
||||
<span v-if="scope.row.taskStatus == 5" style="color: #F56C6C;">
|
||||
审核驳回
|
||||
</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;cursor: pointer;">查看</span>
|
||||
</div>
|
||||
<!-- v-if="scope.row.taskStatus == 1" -->
|
||||
<div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
|
||||
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
|
||||
<span class="del-info" style="color: #1485EF;cursor: pointer;">开始核查</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section>
|
||||
<my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
|
||||
@pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
|
||||
</main>
|
||||
<my-dialog title="新增任务" @close="importClose" ref="taskDialog" class="taskDialogBox" width="40%">
|
||||
<el-row>
|
||||
<el-col :span="18">
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<el-form-item label="任务名称" prop="taskName">
|
||||
<el-input v-model="ruleForm.taskName" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="核查单位" prop="dwmc" class="select-box">
|
||||
<el-col :span="24">
|
||||
<el-select v-model="ruleForm.dwmc" placeholder="请选择活动区域" multiple collapse-tags>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col class="btn-box">
|
||||
<el-button type="primary" @click="addliebiao"><i class="el-icon-s-unfold"></i></el-button>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务期限" prop="taskDeadline">
|
||||
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.taskDeadline" style="width: 100%;"
|
||||
value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item class="newTask-form-item">
|
||||
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')">发布</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="6"></el-col>
|
||||
</el-row>
|
||||
</my-dialog>
|
||||
|
||||
<div class="newTask-liebiao">
|
||||
<my-dialog title="单位列表" ref="liebiaoDialog" class="taskDialogBox" width="80%">
|
||||
<danweiList ref="danweiList" @adddanweilist="adddanweilist" @liebiaoClose="liebiaoClose"></danweiList>
|
||||
</my-dialog>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import danweiList from "@/views/system/user/danweiList.vue"
|
||||
import { addassetTaskadd, getassetTask, getassetTaskid } from "@/api/renwuApi/index.js"
|
||||
|
||||
export default {
|
||||
// dicts: ['jjh_project_type', 'bms_approval_status', "project_middle_type", "project_small_type", "project_categories"],
|
||||
components: { myPagination, myDialog, danweiList },
|
||||
data() {
|
||||
return {
|
||||
formInline: {
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
},
|
||||
total: 0,
|
||||
pagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
tableData: [
|
||||
|
||||
],
|
||||
loading: false,
|
||||
tabHeader: undefined,
|
||||
ruleForm: {
|
||||
taskName: "",
|
||||
dwmc: [],
|
||||
taskDeadline: "",
|
||||
},
|
||||
rules: {
|
||||
taskName: [
|
||||
{ required: true, message: '请输入', trigger: 'blur' },
|
||||
],
|
||||
dwmc: [
|
||||
{ required: true, message: '请选择', trigger: 'change' }
|
||||
],
|
||||
taskDeadline: [
|
||||
{ required: true, message: '请选择日期', trigger: 'change' }
|
||||
],
|
||||
},
|
||||
tabclicklist: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
localStorage.removeItem("activeName")
|
||||
if (localStorage.getItem('ismypagination')) {
|
||||
|
||||
if (JSON.parse(localStorage.getItem('ismypagination')).isfanhui) {
|
||||
this.formInline = JSON.parse(localStorage.getItem('ismypagination'))
|
||||
this.handleQuery()
|
||||
} else {
|
||||
localStorage.removeItem("ismypagination")
|
||||
}
|
||||
}
|
||||
localStorage.removeItem("ismypaginationTow")
|
||||
this.getInfo();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods: {
|
||||
// 关闭新增弹窗
|
||||
resetForm() {
|
||||
this.ruleForm = {
|
||||
dwmc: [],
|
||||
taskName: "",
|
||||
taskDeadline: "",
|
||||
}
|
||||
this.$refs.taskDialog.close()
|
||||
this.tabclicklist = []
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
this.ruleForm.dwmc = this.ruleForm.dwmc.join(",")
|
||||
addassetTaskadd(this.ruleForm).then(res => {
|
||||
this.resetForm()
|
||||
this.getInfo();
|
||||
})
|
||||
setTimeout(() => {
|
||||
this.ruleForm.dwmc = this.ruleForm.dwmc.split(",")
|
||||
}, 0);
|
||||
} else {
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
adddanweilist(val) {
|
||||
if (val) {
|
||||
let list = val
|
||||
this.ruleForm.dwmc = []
|
||||
list.forEach(element => {
|
||||
this.ruleForm.dwmc.push(element.nickName)
|
||||
});
|
||||
} else {
|
||||
this.ruleForm.dwmc = []
|
||||
}
|
||||
this.tabclicklist = val
|
||||
},
|
||||
// 获取列表
|
||||
getInfo() {
|
||||
this.loading = true;
|
||||
if (this.$store.state.user.roles.includes("unit")) {
|
||||
this.pagination.dwmc = this.$store.state.user.useer.nickName
|
||||
}
|
||||
getassetTask(this.pagination).then(res => {
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery() {
|
||||
this.formInline = {
|
||||
name: "",
|
||||
type: "",
|
||||
time: [],
|
||||
number: "",
|
||||
status: "",
|
||||
}
|
||||
this.pagination = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
}
|
||||
localStorage.removeItem("ismypagination")
|
||||
|
||||
this.getInfo();
|
||||
},
|
||||
//打开列表
|
||||
addliebiao() {
|
||||
this.$refs.liebiaoDialog.open()
|
||||
if (this.tabclicklist) {
|
||||
setTimeout(() => {
|
||||
this.$refs.danweiList.dakai(this.tabclicklist)
|
||||
}, 100);
|
||||
}
|
||||
|
||||
},
|
||||
liebiaoClose() {
|
||||
this.$refs.liebiaoDialog.close()
|
||||
|
||||
},
|
||||
// 查询
|
||||
handleQuery() {
|
||||
this.pagination = {
|
||||
current: 1,
|
||||
size: 10
|
||||
}
|
||||
if (this.formInline.time.length > 0) {
|
||||
this.formInline.begainTime = this.formInline.time[0]
|
||||
this.formInline.endTime = this.formInline.time[1]
|
||||
}
|
||||
this.pagination = { ...this.pagination, ...this.formInline };
|
||||
|
||||
this.formInline.isfanhui = false
|
||||
localStorage.setItem("ismypagination", JSON.stringify(this.formInline))
|
||||
this.getInfo();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages) {
|
||||
this.pagination.current = pages.page;
|
||||
this.pagination.size = pages.limit;
|
||||
this.getInfo();
|
||||
},
|
||||
// 导入
|
||||
handleImport() { },
|
||||
// 导出
|
||||
handleExport() { },
|
||||
// 任务创建
|
||||
handleAdd() {
|
||||
this.$refs.taskDialog.open()
|
||||
},
|
||||
// 关闭弹框
|
||||
importClose() {
|
||||
this.resetForm()
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row) {
|
||||
getassetTaskid(row.id)
|
||||
this.$router.push({
|
||||
name: 'mytaskInfo', query: {
|
||||
pageType: "look",
|
||||
id: row.id,
|
||||
dwmc: row.dwmc
|
||||
}
|
||||
})
|
||||
},
|
||||
delInfo(row) {
|
||||
//taskAudit
|
||||
console.log(row);
|
||||
|
||||
this.$router.push({
|
||||
name: 'mytaskInfo', query: {
|
||||
pageType: "info",
|
||||
id: row.id,
|
||||
dwmc: row.dwmc
|
||||
}
|
||||
})
|
||||
},
|
||||
// 编辑
|
||||
edit() {
|
||||
},
|
||||
// 审核
|
||||
|
||||
// 修改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>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-icon-s-unfold {
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
@ -1,882 +0,0 @@
|
||||
<!-- 新增单位 -->
|
||||
<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 v-loading="loading" :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="单位名称" required prop="nickName">
|
||||
<el-input v-model="ruleForm.nickName" disabled :placeholder="disabled ? '' : '请输入单位名称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位简称">
|
||||
<el-input v-model="ruleForm.dwjc" :placeholder="disabled ? '' : '请输入单位简称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属区域" required prop="ssqy">
|
||||
<el-cascader
|
||||
size="large"
|
||||
:props="props"
|
||||
:options="options"
|
||||
v-model="ruleForm.ssqy"
|
||||
>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位详细地址" required prop="dwxxdz">
|
||||
<el-input v-model="ruleForm.dwxxdz" :placeholder="disabled ? '':'请输入单位详细地址'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属行业" required prop="sshy">
|
||||
<el-select v-model="ruleForm.sshy" :placeholder="disabled ? '':'请选择所属行业'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.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 prop="dwlx">
|
||||
<el-select v-model="ruleForm.dwlx" :placeholder="disabled ? '':'请选择单位类型'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.dwlx"
|
||||
: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="单位标签">
|
||||
<el-select v-model="ruleForm.dwbq" :placeholder="disabled ? '':'请选择单位标签'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属监管单位">
|
||||
<el-input v-model="ruleForm.ssjgdw" :placeholder="disabled ? '' : '请输入监管单位'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位角色">
|
||||
<el-select v-model="ruleForm.dwjs" :placeholder="disabled ? '':'请选择单位角色'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.dwjs"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位直属性质">
|
||||
<el-select v-model="ruleForm.dwzsxz" :placeholder="disabled ?'':'请选择单位直属性质'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.dwzsxz"
|
||||
: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="统一社会信用代码" prop="userName">
|
||||
<el-input v-model="ruleForm.userName" disabled :placeholder="disabled ? '':'请输入统一社会信用代码'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否关基单位">
|
||||
<el-select v-model="ruleForm.gjdw" :placeholder="disabled ? '':'请选择是否关基单位'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.is_no"
|
||||
: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 prop="rcyyfzbm">
|
||||
<el-input v-model="ruleForm.rcyyfzbm" :placeholder="disabled ? '':'请输入日常运营负责部门'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="组织架构" required prop="zzjg">
|
||||
<!-- @change="handleChange" -->
|
||||
<el-cascader
|
||||
v-model="ruleForm.zzjg"
|
||||
:options="optionsTwo"
|
||||
disabled
|
||||
>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 联系人 -->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">联系人</span>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="单位负责人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="dwfzrxm">
|
||||
<el-input v-model="ruleForm.dwfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="dwfzrlxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
required: true,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.dwfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="dwfzryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
required: true,
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.dwfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="dwfzrzwzc">
|
||||
<el-input v-model="ruleForm.dwfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="分管负责人" class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="fgfzrlxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="fgfzryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.fgfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="部门负责人" class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.bmfzrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="bmfzrlxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.bmfzrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="bmfzryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.bmfzryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.bmfzrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="第一联系人" class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.dylxrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="dylxrlxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.dylxrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="dylxryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.dylxryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.dylxrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="首席数据官" class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.sxsjg" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="sxsjglxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.sxsjglxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="sxsjgyx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.sxsjgyx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.sxsjgzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="数据官联络人" class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.sjgllr" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="sjgllrlxfs"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.sjgllrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="sjgllryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="ruleForm.sjgllryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="ruleForm.sjgllrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="其他联系人" class="daoqitixingren" v-for="(domain, index) in ruleForm.otherConcat" :key="domain.key" :prop="'otherConcat.' + index + '.qtlxrlxfs'">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-input v-model="domain.qtlxrxm" style="width: 100%;" :placeholder="disabled ? '':'请输入联系人'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item :prop="'otherConcat.' + index + '.qtlxrlxfs'"
|
||||
:rules="[
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="domain.qtlxrlxfs" style="width: 100%;" :placeholder="disabled ? '':'请输入联系方式'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="qtlxryx"
|
||||
:rules="[
|
||||
{
|
||||
type: 'email',
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<el-input v-model="domain.qtlxryx" style="width: 100%;" :placeholder="disabled ? '':'请输入邮箱'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item>
|
||||
<el-input v-model="domain.qtlxrzwzc" style="width: 100%;" :placeholder="disabled ? '':'请输入职务职称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1" style="text-align: center;" v-if="isDisabled">
|
||||
<i @click="removeDomain(domain,'otherConcat')" class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-if="$route.query.pageType !== 'look'">
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
<el-button @click="addForm('otherConcat')">添加其他联系人</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
<!-- 检查信息
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择时间',
|
||||
trigger: ['change']
|
||||
}
|
||||
]"-->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">检查信息</span>
|
||||
</el-row>
|
||||
<div v-for="(domain, index) in ruleForm.jcxxList" :key="domain.key" :prop="'jcxxList.' + index + '.value'">
|
||||
<el-row style="display: flex;">
|
||||
<el-col :span="8">
|
||||
<el-form-item class="daoqitixingren" :label="'时间' + (index == 0 ? '' : index)"
|
||||
|
||||
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="domain.sj"
|
||||
type="date"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
:placeholder="disabled ? '':'选择日期'">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="daoqitixingren" :label="'系统域名' + (index == 0 ? '' : index)">
|
||||
<el-input v-model="domain.xtym" :placeholder="disabled ? '':'请输入系统域名'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item class="daoqitixingren" :label="'系统名称' + (index == 0 ? '' : index)">
|
||||
<el-input v-model="domain.xthc" :placeholder="disabled ? '':'请输入系统名称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1" style="text-align: center;" v-if="isDisabled">
|
||||
<i @click="addGongyinglian('jcxxList')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
|
||||
<i @click="removeDomain(domain,'jcxxList')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item :label="'等保级别' + (index == 0 ? '' : index)">
|
||||
<el-select v-model="domain.dbjb" :placeholder="disabled ? '':'请选择等保级别'">
|
||||
<el-option
|
||||
v-for="dict in dict.type.dbxx_dbdj"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item :label="'单位名称' + (index == 0 ? '' : index)">
|
||||
<el-input v-model="domain.dwmc" :placeholder="disabled ? '':'请输入单位名称'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item :label="'检查结果' + (index == 0 ? '' : index)">
|
||||
<el-input type="textarea" resize="none" :placeholder="disabled ? '':'请输入检查结果'" :rows="5" v-model="domain.jcjg"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<!-- 更多信息 -->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">更多信息</span>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="官网">
|
||||
<el-input v-model="ruleForm.gw" :placeholder="disabled ? '':'请输入官网'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="地图经度">
|
||||
<el-input v-model="ruleForm.dtjd" :placeholder="disabled ? '':'请输入地图经度'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="地图纬度">
|
||||
<el-input v-model="ruleForm.dtwd" :placeholder="disabled ? '':'请输入地图纬度'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上级单位" required prop="sjdw">
|
||||
<el-input v-model="ruleForm.sjdw" :placeholder="disabled ? '':'请输入上级单位'"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input type="textarea" resize="none" :placeholder="disabled ? '':'请输入备注'" :rows="5" v-model="ruleForm.remark"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;">
|
||||
<el-button type="danger" @click="cancel" :disabled="false" v-if="isDisabled">取消</el-button>
|
||||
<el-button type="warning" @click="editUnit" v-if="!isDisabled && nickName != 'admin'" :disabled="isDisabled">编辑</el-button>
|
||||
<el-button type="primary" @click="newUnit" :disabled="false" v-if="isDisabled">确定</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import pcas from "@/utils/pca-code.json"
|
||||
import { unitOwnInfo, unitEditOwn } from "@/api/auditPagesApi/index";
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
import { MessageBox } from 'element-ui'
|
||||
export default {
|
||||
dicts:['zc_xtzyx', 'is_no', 'sshy', 'dwlx', 'dwjs', 'dwzsxz', 'dbxx_dbdj'],
|
||||
data() {
|
||||
|
||||
const validateTyshxydm = (rule, value, callback) => {
|
||||
const pattern = /^[a-zA-Z0-9]{18}$/;
|
||||
if (!pattern.test(value)) {
|
||||
callback(new Error('请输入正确格式的18位统一社会信用代码'));
|
||||
return;
|
||||
}
|
||||
callback();
|
||||
// if (value.length!== 18) {
|
||||
// callback(new Error('请输入18位统一社会信用代码'));
|
||||
// return;
|
||||
// } else {
|
||||
// callback();
|
||||
// }
|
||||
}
|
||||
return {
|
||||
options: pcas ,
|
||||
isDisabled: false,
|
||||
optionsTwo:[
|
||||
{
|
||||
value:"100",
|
||||
label:"政务",
|
||||
children:[
|
||||
{
|
||||
value:"101",
|
||||
label:"党委机关",
|
||||
},{
|
||||
value:"102",
|
||||
label:"政府机关",
|
||||
},{
|
||||
value:"200",
|
||||
label:"事业单位",
|
||||
},{
|
||||
value:"202",
|
||||
label:"大型国企",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value:"10",
|
||||
label:"民营企业",
|
||||
children:[
|
||||
{
|
||||
value:"203",
|
||||
label:"重点民企",
|
||||
},{
|
||||
value:"204",
|
||||
label:"一般民企"
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
value:"20",
|
||||
label:"个人",
|
||||
},
|
||||
{
|
||||
value:"30",
|
||||
label:"社会团体"
|
||||
}
|
||||
],
|
||||
props:{
|
||||
value:'value',
|
||||
label:"value",
|
||||
checkStrictly:true,
|
||||
},
|
||||
ruleForm:{
|
||||
// 其他联系人
|
||||
otherConcat:[
|
||||
{
|
||||
qtlxrxm: '',
|
||||
qtlxrlxfs: '',
|
||||
qtlxryx: '',
|
||||
qtlxrzwzc: '',
|
||||
}
|
||||
],
|
||||
// 所属区域
|
||||
ssqy:[],
|
||||
// 检查信息
|
||||
jcxxList:[
|
||||
{
|
||||
name:"",
|
||||
tyshxydm:"",
|
||||
lxdh:"",
|
||||
}
|
||||
],
|
||||
},
|
||||
rules:{
|
||||
userName: [
|
||||
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
|
||||
{ required: true, trigger: "blur" ,validator: validateTyshxydm},
|
||||
],
|
||||
nickName: [
|
||||
{ required: true, message: '请输入单位名称', trigger: 'blur' },
|
||||
],
|
||||
zzjg: [
|
||||
{ required: true, message: '请选择组织机构', trigger: 'change' },
|
||||
],
|
||||
ssqy: [
|
||||
{ required: true, message: '请选择所属区域', trigger: 'change' },
|
||||
],
|
||||
dwxxdz: [
|
||||
{ required: true, message: '请输入详细地址', trigger: 'blur' },
|
||||
],
|
||||
sshy: [
|
||||
{ required: true, message: '请选择所属行业', trigger: 'change' },
|
||||
],
|
||||
dwlx: [
|
||||
{ required: true, message: '请选择单位类型', trigger: 'change' },
|
||||
],
|
||||
rcyyfzbm: [
|
||||
{ required: true, message: '请输入日常运营负责部门', trigger: 'blur' },
|
||||
],
|
||||
daoqitixingren: [
|
||||
{ required: true, message: '请输入单位名称', trigger: 'blur' },
|
||||
],
|
||||
sjdw: [
|
||||
{ required: true, message: '请输入上级单位', trigger: 'blur' },
|
||||
],
|
||||
dwfzrxm: [
|
||||
{ required: true, message: '请输入单位负责人姓名', trigger: 'blur' },
|
||||
],
|
||||
// dwfzrlxfs: [
|
||||
// { required: true, message: '请输入单位负责人联系方式', trigger: 'blur' },
|
||||
// ],
|
||||
// dwfzryx: [
|
||||
// { required: true, message: '请输入单位负责人邮箱', trigger: 'blur' },
|
||||
// ],
|
||||
dwfzrzwzc: [
|
||||
{ required: true, message: '请输入单位负责人职务职称', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
disabled:false,
|
||||
loading:false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// visitedViews() {
|
||||
// return this.$store.state.tagsView.visitedViews
|
||||
// },
|
||||
// routes() {
|
||||
// return this.$store.state.permission.routes
|
||||
// },
|
||||
// theme() {
|
||||
// return this.$store.state.settings.theme;
|
||||
// }
|
||||
...mapGetters([
|
||||
'nickName'
|
||||
]),
|
||||
},
|
||||
mounted(){
|
||||
console.log(this.nickName);
|
||||
|
||||
if(this.nickName == "admin"){
|
||||
this.disabled = true;
|
||||
|
||||
}else{
|
||||
this.getInfo()
|
||||
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 = '';
|
||||
// });
|
||||
// })
|
||||
// if(this.$route.query.pageType == 'look') {
|
||||
// this.getInfo(this.$route.query.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.$route.query.pageType == 'change') {
|
||||
// this.getInfo(this.$route.query.id)
|
||||
// this.disabled = false;
|
||||
// }
|
||||
},
|
||||
methods:{
|
||||
// handleChange(value){
|
||||
// console.log(value);
|
||||
// },
|
||||
// 获取详情
|
||||
getInfo(){
|
||||
this.loading = true;
|
||||
unitOwnInfo().then(res=>{
|
||||
this.ruleForm = res.data;
|
||||
if(res.data.ssqyprovince && res.data.ssqycity && res.data.ssqycounty) {
|
||||
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince,res.data.ssqycity,res.data.ssqycounty])
|
||||
} else if(res.data.ssqyprovince && res.data.ssqycity) {
|
||||
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince,res.data.ssqycity])
|
||||
} else if(res.data.ssqyprovince) {
|
||||
this.$set(this.ruleForm, 'ssqy', [res.data.ssqyprovince])
|
||||
}
|
||||
if(!res.data.jcxxList) {
|
||||
this.$set(this.ruleForm,'jcxxList', [{name:"",tyshxydm:"",lxdh:"",}])
|
||||
}
|
||||
if(this.ruleForm.ancestors) {
|
||||
let deptId = this.ruleForm.ancestors.split(',');
|
||||
this.$set(this.ruleForm, 'zzjg', deptId)
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
}, 100);
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 新增form
|
||||
addForm(type){
|
||||
this.ruleForm[type].push({
|
||||
qtlxrxm: '',
|
||||
qtlxrlxfs: '',
|
||||
qtlxryx: '',
|
||||
qtlxrzwzc: '',
|
||||
key: Date.now()
|
||||
});
|
||||
},
|
||||
// 供应链Form新增
|
||||
addGongyinglian(type){
|
||||
this.ruleForm[type].push({
|
||||
sj:"",
|
||||
xtym:"",
|
||||
xthc:"",
|
||||
dbjb:"",
|
||||
dwmc:"",
|
||||
jcjg:"",
|
||||
key: Date.now()
|
||||
});
|
||||
},
|
||||
// 删除增加的form
|
||||
removeDomain(item,type) {
|
||||
var index = this.ruleForm[type].indexOf(item)
|
||||
if (index !== -1) {
|
||||
this.ruleForm[type].splice(index, 1)
|
||||
}
|
||||
},
|
||||
newUnit(){
|
||||
this.$refs['ruleForm'].validate((valid) => {
|
||||
if(valid) {
|
||||
if(this.ruleForm.ssqy?.length > 0) {
|
||||
this.ruleForm.ssqyprovince = this.ruleForm.ssqy[0]
|
||||
this.ruleForm.ssqycity = this.ruleForm.ssqy[1]
|
||||
this.ruleForm.ssqycounty = this.ruleForm.ssqy[2]
|
||||
}
|
||||
if(this.ruleForm.zzjg.length == 2) {
|
||||
this.ruleForm.deptId = Number(this.ruleForm.zzjg[1])
|
||||
} else {
|
||||
this.ruleForm.deptId = Number(this.ruleForm.zzjg[0])
|
||||
}
|
||||
this.loading = true;
|
||||
unitEditOwn(this.ruleForm).then(res=>{
|
||||
this.loading = false;
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.disabled = true;
|
||||
this.isDisabled = false;
|
||||
this.getInfo()
|
||||
}).catch(err=>{
|
||||
this.loading = false;
|
||||
})
|
||||
} else {
|
||||
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '请填写完整'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel(){
|
||||
this.$router.go(-1);
|
||||
},
|
||||
editUnit(){
|
||||
this.disabled = false;
|
||||
this.isDisabled = true;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in new issue