parent
354c0c99fc
commit
ccaf8366b3
@ -0,0 +1,53 @@
|
||||
<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>
|
||||
@ -0,0 +1,402 @@
|
||||
<!-- 单位自主填报 -->
|
||||
<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="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<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>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,211 @@
|
||||
<!-- 资产管理 -- 电子邮件 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<!-- <el-col :span="7">
|
||||
<el-form-item label="所属单位：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="7">
|
||||
<el-form-item label="电子邮箱后缀：" prop="dzyxhz">
|
||||
<el-input v-model="formInline.dzyxhz" placeholder="请输入电子邮箱后缀"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="邮件系统状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择邮件系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.email_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<el-table-column label="电子邮箱后缀" key="dzyxhz" prop="dzyxhz" align="center" />
|
||||
<el-table-column label="邮件系统供应商" key="yjxtgys" prop="yjxtgys" align="center">
|
||||
<!-- <template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
|
||||
</template> -->
|
||||
</el-table-column>
|
||||
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
|
||||
<el-table-column label="邮件系统状态" key="status" prop="status" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.yjxtzc == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.yjxtzc == 2" style="color: #F58A0C;">
|
||||
停用
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,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"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetEmailList, deleteAssetEmail } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['zc_xtzt','zc_xtlx', 'email_state'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
dzyxhz:"",
|
||||
xtzt:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
if( Object.keys(this.$route.params).length != 0) {
|
||||
this.formInline = this.$route.params;
|
||||
}else{
|
||||
this.formInline.current = 1
|
||||
this.formInline.size = 20
|
||||
}
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
assetEmailList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导入
|
||||
handleImport(){
|
||||
this.upload.open = true;
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/assetEmail/export', {
|
||||
...this.formInline
|
||||
}, `电子邮件资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: id == 1 ? "look" : "change",
|
||||
type:3,
|
||||
id:row.id,
|
||||
queryData:this.formInline,
|
||||
name:"MyEmail"
|
||||
}})
|
||||
},
|
||||
// 修改table背景色
|
||||
tableRowClassName({row, rowIndex}){
|
||||
if (rowIndex % 2 !== 0) {
|
||||
return 'evenNumber-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
// 屏幕尺寸变化
|
||||
cancalDebounce(){
|
||||
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
||||
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
||||
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,222 @@
|
||||
<!-- 我的资产 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="系统名称：" prop="xtmc">
|
||||
<el-input v-model="formInline.xtmc" placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="系统类型：" prop="xtlx">
|
||||
<el-select v-model="formInline.xtlx" placeholder="请选择系统类型">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtlx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</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 dict.type.zc_xtzt"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
|
||||
<el-table-column type="index" width="50" 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 slot-scope="scope">
|
||||
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
|
||||
<!-- <template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
|
||||
</template> -->
|
||||
</el-table-column>
|
||||
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
|
||||
<el-table-column label="系统状态" key="status" prop="status" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.xtzt == 1" style="color: #16B771;">
|
||||
已安装
|
||||
</span>
|
||||
<span v-if="scope.row.xtzt == 2" style="color: #F58A0C;">
|
||||
测试中
|
||||
</span>
|
||||
<span v-if="scope.row.xtzt == 3" style="color: #1485EF;">
|
||||
使用中
|
||||
</span>
|
||||
<span v-if="scope.row.xtzt == 4" style="color: #29A07A;">
|
||||
维护中
|
||||
</span>
|
||||
<span v-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 slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" style="color: #1485EF;">查看</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>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetUnit, deleteAssetInfo } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['zc_xtzt','zc_xtlx'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
xtmc:"",
|
||||
xtlx:"",
|
||||
xtzt:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
if( Object.keys(this.$route.params).length != 0) {
|
||||
this.formInline = this.$route.params;
|
||||
}else{
|
||||
this.formInline.current = 1
|
||||
this.formInline.size = 20
|
||||
}
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
assetUnit('get',this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导入
|
||||
handleImport(){},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/assetCurrent/export', {
|
||||
...this.formInline
|
||||
}, `asset_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: id == 1 ? "look" : "change",
|
||||
type:0,
|
||||
id: row.id,
|
||||
queryData:this.formInline,
|
||||
name:"MyWebAssets"
|
||||
}})
|
||||
},
|
||||
// 修改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 - 120;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,241 @@
|
||||
<!-- 资产管理 -- 公众号 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="公众号名称：" prop="gzhmc">
|
||||
<el-input v-model="formInline.gzhmc" placeholder="请输入公众号名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="公众号状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择公众号状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位名称：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="系统状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzt"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" style="text-align: right;padding-right: 50px;">
|
||||
<el-form-item>
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
|
||||
</el-table-column> -->
|
||||
<el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
|
||||
<el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center">
|
||||
<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="status" prop="status" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.gzhzt == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
|
||||
注销
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
|
||||
迁移
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
|
||||
受限
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
|
||||
违规
|
||||
</span>
|
||||
<span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
|
||||
未知
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
|
||||
</div>
|
||||
<div 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"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['zc_xtzt','zc_xtlx', 'gzh_state','sys_ptlx_type'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
gzhmc:"",
|
||||
xtzt:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
if( Object.keys(this.$route.params).length != 0) {
|
||||
this.formInline = this.$route.params;
|
||||
}else{
|
||||
this.formInline.current = 1
|
||||
this.formInline.size = 20
|
||||
}
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
assetOfficialAccountList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/assetOfficialAccount/export', {
|
||||
...this.formInline
|
||||
}, `公众号资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: id == 1 ? "look" : "change",
|
||||
type:2,
|
||||
id:row.id,
|
||||
queryData:this.formInline,
|
||||
name:"MyOfficialAccount"
|
||||
}})
|
||||
},
|
||||
// 修改table背景色
|
||||
tableRowClassName({row, rowIndex}){
|
||||
if (rowIndex % 2 !== 0) {
|
||||
return 'evenNumber-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
// 屏幕尺寸变化
|
||||
cancalDebounce(){
|
||||
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
||||
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
||||
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
||||
const elementHeight = element.offsetHeight;
|
||||
const headerHeight = header.offsetHeight;
|
||||
const paginationtHeight = pagination.offsetHeight;
|
||||
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,239 @@
|
||||
<!-- 资产管理 -- 小程序 -->
|
||||
<template>
|
||||
<div class="L-main" id="L-size-main">
|
||||
<div class="content-search" id="L-header">
|
||||
<div class="search-title">查询条件</div>
|
||||
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline" label-width="100px">
|
||||
<el-row>
|
||||
<!-- <el-col :span="7">
|
||||
<el-form-item label="所属单位：" prop="dwmc">
|
||||
<el-input v-model="formInline.dwmc" placeholder="请输入所属单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="7">
|
||||
<el-form-item label="小程序名称：" prop="xcxmc">
|
||||
<el-input v-model="formInline.xcxmc" placeholder="请输入小程序名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="小程序状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择小程序状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3" style="text-align: right;">
|
||||
<el-form-item class="unit-form">
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="小程序状态：" prop="xtzt">
|
||||
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.gzh_state"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" style="text-align: right;padding-right: 30px;">
|
||||
<el-form-item>
|
||||
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
<div class="search-title">
|
||||
<span class="search-title-span">资产列表</span>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<section>
|
||||
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
|
||||
<el-table-column type="index" width="50" label="序号" align="center"/>
|
||||
<el-table-column label="小程序名称" key="xcxmc" prop="xcxmc" align="center">
|
||||
<!-- <template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
|
||||
</template> -->
|
||||
</el-table-column>
|
||||
<el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
|
||||
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> -->
|
||||
<el-table-column label="小程序状态" key="state" prop="state" class-name="table-status" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.state == 1" style="color: #16B771;">
|
||||
正常
|
||||
</span>
|
||||
<span v-if="scope.row.state == 2" style="color: #F58A0C;">
|
||||
注销
|
||||
</span>
|
||||
<span v-if="scope.row.state == 3" style="color: #1485EF;">
|
||||
迁移
|
||||
</span>
|
||||
<span v-if="scope.row.state == 4" style="color: #29A07A;">
|
||||
受限
|
||||
</span>
|
||||
<span v-if="scope.row.state == 5" style="color: #F50C0C;">
|
||||
违规
|
||||
</span>
|
||||
<span v-if="scope.row.state == 6" style="color: #F58A0C;">
|
||||
未知
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
|
||||
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
|
||||
<span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
|
||||
</div>
|
||||
<div 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"
|
||||
:current-page.sync="formInline.current"
|
||||
></my-pagination>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import myPagination from "@/views/components/Pagination/index.vue"
|
||||
// import myDialog from "@/views/components/myDialog/index.vue"
|
||||
import { miniProgramsList, deleteMiniPrograms } from "@/api/auditPagesApi/index";
|
||||
export default {
|
||||
dicts: ['gzh_state'],
|
||||
components:{myPagination},
|
||||
data() {
|
||||
return {
|
||||
formInline:{
|
||||
xtzt:"",
|
||||
xcxmc:"",
|
||||
// startTime:"",
|
||||
// endTime:"",
|
||||
current:1,
|
||||
size:10,
|
||||
},
|
||||
// time:[],
|
||||
total:0,
|
||||
tableData:[],
|
||||
loading:false,
|
||||
tabHeader: undefined,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
if( Object.keys(this.$route.params).length != 0) {
|
||||
this.formInline = this.$route.params;
|
||||
}else{
|
||||
this.formInline.current = 1
|
||||
this.formInline.size = 20
|
||||
}
|
||||
this.getList();
|
||||
this.cancalDebounce();
|
||||
window.addEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.cancalDebounce);
|
||||
},
|
||||
methods:{
|
||||
// 获取列表
|
||||
getList(){
|
||||
this.loading = true;
|
||||
miniProgramsList(this.formInline).then(res=>{
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
resetQuery(){
|
||||
this.resetForm("queryForm");
|
||||
// this.time = [];
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询
|
||||
handleQuery(){
|
||||
this.formInline.current = 1;
|
||||
// if(this.time) {
|
||||
// this.formInline.startTime = this.time[0]
|
||||
// this.formInline.endTime = this.time[1]
|
||||
// }
|
||||
this.getList();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages){
|
||||
this.formInline.current = pages.page;
|
||||
this.formInline.size = pages.limit;
|
||||
this.getList();
|
||||
},
|
||||
// 导出
|
||||
handleExport(){
|
||||
this.download('/tc/miniPrograms/export', {
|
||||
...this.formInline
|
||||
}, `小程序资产${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 查看详情
|
||||
goInfo(row,id){
|
||||
this.$router.push({name: 'myAssetsAuth',query: {
|
||||
pageType: id == 1 ? "look" : "change",
|
||||
type:1,
|
||||
id:row.id,
|
||||
queryData:this.formInline,
|
||||
name:"MyProgram"
|
||||
}})
|
||||
},
|
||||
// 修改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>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,375 @@
|
||||
<!-- 任务管理 -->
|
||||
<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="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<main>
|
||||
|
||||
<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>
|
||||
@ -0,0 +1,882 @@
|
||||
<!-- 新增单位 -->
|
||||
<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