parent
b09c036da4
commit
43b450aef2
@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :audit="true" :isModdle="true" :id="$route.query.id" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :audit="true" :id="$route.query.id" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :audit="true" :id="$route.query.id" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :audit="true" :id="$route.query.id" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :audit="true" :id="$route.query.id" 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,350 @@
|
||||
<!-- 单位自主填报 -->
|
||||
<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="dwmc">
|
||||
<el-input v-model="pagination.dwmc" 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: 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">
|
||||
<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="id" width="200px" prop="id" align="center" /> -->
|
||||
<el-table-column label="资产名称" key="xtmc" prop="xtmc" align="center" />
|
||||
<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="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: #1485EF;">
|
||||
审批通过
|
||||
</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 == 1 || scope.row.auditState == 3" style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
|
||||
@click="delInfo(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 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>
|
||||
<my-dialog title="查看原因" ref="liebiaoDialog" class="taskDialogBox" width="40%">
|
||||
<el-descriptions>
|
||||
<el-descriptions-item label="不通过原因">
|
||||
{{ chakanyuanyin }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</my-dialog>
|
||||
</main>
|
||||
</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 } from "@/api/auditPagesApi/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 {
|
||||
btnloading: false,
|
||||
total: 0,
|
||||
pagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
name:'',
|
||||
dwmc:'',
|
||||
auditState:''
|
||||
},
|
||||
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;
|
||||
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) {
|
||||
|
||||
} else if(id == 3) {
|
||||
|
||||
} else if(id == 4) {
|
||||
|
||||
} else if(id == 5) {
|
||||
|
||||
}
|
||||
},
|
||||
// 重置
|
||||
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)
|
||||
}
|
||||
},
|
||||
// 查询
|
||||
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)
|
||||
}
|
||||
this.getInfo();
|
||||
},
|
||||
// 页码获取
|
||||
getPagination(pages) {
|
||||
this.pagination.current = pages.page;
|
||||
this.pagination.size = pages.limit;
|
||||
this.getInfo();
|
||||
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: 'unitAssetsAuth', 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",
|
||||
id: row.currentId
|
||||
}
|
||||
})
|
||||
},
|
||||
delInfo(row) {
|
||||
//taskAudit
|
||||
this.$router.push({
|
||||
name: 'unitAssetsAuth', 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",
|
||||
id: row.currentId
|
||||
}
|
||||
})
|
||||
},
|
||||
// 切换tab
|
||||
xuanzelist(item) {
|
||||
this.btnShow = item.value
|
||||
switch (item.value) {
|
||||
case 'web':
|
||||
this.getInfo(1)
|
||||
break;
|
||||
case 'xzx':
|
||||
this.getInfo(2)
|
||||
break;
|
||||
case 'gzh':
|
||||
this.getInfo(3)
|
||||
break;
|
||||
case 'emil':
|
||||
this.getInfo(4)
|
||||
break;
|
||||
case 'app':
|
||||
this.getInfo(5)
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
lookInfo(row){
|
||||
this.chakanyuanyin = row.auditYy
|
||||
this.$refs.liebiaoDialog.open()
|
||||
},
|
||||
|
||||
// 修改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;
|
||||
}
|
||||
},
|
||||
}
|
||||
</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);
|
||||
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,53 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :isModdle="true" :id="$route.query.id" 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,351 @@
|
||||
<!-- 单位自主填报 -->
|
||||
<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="id" width="200px" prop="id" align="center" /> -->
|
||||
<el-table-column label="资产名称" key="xtmc" prop="xtmc" align="center" />
|
||||
<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="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: #1485EF;">
|
||||
审批通过
|
||||
</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 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 } from "@/api/auditPagesApi/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 {
|
||||
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) {
|
||||
|
||||
} else if(id == 3) {
|
||||
|
||||
} else if(id == 4) {
|
||||
|
||||
} else if(id == 5) {
|
||||
|
||||
}
|
||||
},
|
||||
// 重置
|
||||
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",
|
||||
id: row.currentId
|
||||
}
|
||||
})
|
||||
},
|
||||
// 编辑
|
||||
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",
|
||||
id: row.currentId
|
||||
}
|
||||
})
|
||||
},
|
||||
// 查看驳回原因
|
||||
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 'xzx':
|
||||
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;
|
||||
}
|
||||
},
|
||||
}
|
||||
</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);
|
||||
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>
|
||||
@ -0,0 +1,849 @@
|
||||
<!-- 新增单位 -->
|
||||
<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" :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" :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"
|
||||
>
|
||||
</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>
|
||||
<!-- 检查信息 -->
|
||||
<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" required :label="'时间' + (index == 0 ? '' : index)"
|
||||
:prop="`jcxxList[${index}].sj`"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择时间',
|
||||
trigger: ['change']
|
||||
}
|
||||
]"
|
||||
>
|
||||
<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.tyshxydm" :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.lxdh" :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.xgyw_ywms"></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;" v-if="$route.query.pageType !== 'look'">
|
||||
<el-button type="danger" @click="cancel" :disabled="false">取消</el-button>
|
||||
<el-button type="warning" @click="editUnit" :disabled="isDisabled">编辑</el-button>
|
||||
<el-button type="primary" @click="newUnit" :disabled="false">确定</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 { 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,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
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;
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel(){
|
||||
this.$router.go(-1);
|
||||
},
|
||||
editUnit(){
|
||||
this.disabled = false;
|
||||
this.isDisabled = true;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in new issue