yanfeiyong
parent
f735d77382
commit
fa00d10a6e
@ -0,0 +1,124 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="dialogFormVisible" :close-on-click-modal="false"
|
||||
:close-on-press-escape="false" :custom-class="myclass ? 'custom-my-class' : ''" @close="resetCancel" :width="width"
|
||||
append-to-body>
|
||||
<slot></slot>
|
||||
<div slot="footer" class="dialog-footer" v-if="footer">
|
||||
<el-form size="small">
|
||||
<el-form-item class="dialog-from-item">
|
||||
<el-button size="mini" @click="resetCancel">{{ closeText }}</el-button>
|
||||
<el-button type="primary" size="mini" @click="resetConfirm">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogFormVisible: false,
|
||||
}
|
||||
},
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
myclass: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
closeText: {
|
||||
type: String,
|
||||
default: '取消'
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: "50%"
|
||||
},
|
||||
footer: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
close() {
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
// 取消按钮
|
||||
resetCancel() {
|
||||
this.$emit('close')
|
||||
},
|
||||
// 确定按钮
|
||||
resetConfirm() {
|
||||
this.$emit('confirm')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 10px;
|
||||
|
||||
.el-dialog__header {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
padding: 10px 20px;
|
||||
background: #F2F4F6;
|
||||
border-top-left-radius: 10px; /* 上左角圆角 */
|
||||
border-top-right-radius: 10px; /* 上右角圆角 */
|
||||
|
||||
|
||||
span {
|
||||
// font-family: PingFang-SC, PingFang-SC;
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -20px;
|
||||
width: 5px;
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
background-color: #1485EF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__headerbtn {
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.el-dialog__footer {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
|
||||
.dialog-footer {
|
||||
.el-form {
|
||||
.dialog-from-item {
|
||||
margin-bottom: 0;
|
||||
|
||||
.el-form-item__content {
|
||||
.el-button {
|
||||
padding: 10px 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .custom-my-class {
|
||||
margin-top: 15vh !important;
|
||||
}
|
||||
::v-deep .el-dialog__body{
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,43 @@
|
||||
|
||||
<template>
|
||||
<webType2DW v-if="$route.query.type==0"></webType2DW>
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" v-else-if="$route.query.type == 4" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// web资产
|
||||
|
||||
import webType2DW from '@/views/components/renwuType/webType2DW.vue';
|
||||
// 小程序资产
|
||||
import assetsTypeTwo from "@/views/components/renwuType/index_v1.vue"
|
||||
// 公众号资产
|
||||
import assetsTypeThree from "@/views/components/renwuType/index_v2.vue"
|
||||
// 电子邮件资产
|
||||
import assetsTypeFour from "@/views/components/renwuType/index_v3.vue"
|
||||
// 移动应用系统
|
||||
import assetsTypeFive from "@/views/components/renwuType/index_v4.vue"
|
||||
export default {
|
||||
name: '',
|
||||
components: {
|
||||
webType2DW,
|
||||
assetsTypeTwo,
|
||||
assetsTypeThree,
|
||||
assetsTypeFour,
|
||||
assetsTypeFive,},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
created () { },
|
||||
mounted () { },
|
||||
methods: { },
|
||||
computed: {}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<assetsTypeOne :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-if="$route.query.type == 0" />
|
||||
<assetsTypeTwo :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 1" />
|
||||
<assetsTypeThree :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 2" />
|
||||
<assetsTypeFour :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 3" />
|
||||
<assetsTypeFive :pageType="$route.query.pageType" :audit="$route.query.pageType == 'change' ? true : false" :isModdle="true" :id="$route.query.id" :queryData="$route.query.queryData" :name="$route.query.name" v-else-if="$route.query.type == 4" />
|
||||
</template>
|
||||
<script>
|
||||
// web资产
|
||||
import assetsTypeOne from "@/views/components/myAssetsType/index.vue"
|
||||
// 小程序资产
|
||||
import assetsTypeTwo from "@/views/components/myAssetsType/index_v1.vue"
|
||||
// 公众号资产
|
||||
import assetsTypeThree from "@/views/components/myAssetsType/index_v2.vue"
|
||||
// 电子邮件资产
|
||||
import assetsTypeFour from "@/views/components/myAssetsType/index_v3.vue"
|
||||
// 移动应用系统
|
||||
import assetsTypeFive from "@/views/components/myAssetsType/index_v4.vue"
|
||||
export default {
|
||||
name: "AssetsAuth",
|
||||
components:{
|
||||
assetsTypeOne,
|
||||
assetsTypeTwo,
|
||||
assetsTypeThree,
|
||||
assetsTypeFour,
|
||||
assetsTypeFive,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
beforeRouteEnter(to,from,next){
|
||||
to.meta.type = to.query.type
|
||||
if(to.meta.pageType == 'look') {
|
||||
to.meta.title = '查看资产'
|
||||
} else if(to.meta.pageType == 'change'){
|
||||
to.meta.title = '审批资产'
|
||||
}
|
||||
// if(to.meta.type == 0) {
|
||||
// to.meta.activeMenu = "/assetRecord/myWebAssets"
|
||||
// } else if(to.meta.type == 1) {
|
||||
// to.meta.activeMenu = "/assetRecord/myProgram"
|
||||
// } else if(to.meta.type == 2) {
|
||||
// to.meta.activeMenu = "/assetRecord/myOfficialAccount"
|
||||
// } else if(to.meta.type == 3) {
|
||||
// to.meta.activeMenu = "/assetRecord/myEmail"
|
||||
// } else if(to.meta.type == 4) {
|
||||
// to.meta.activeMenu = "/assetRecord/myMobileApplication"
|
||||
// }
|
||||
next();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<div>单位信息表单页</div>
|
||||
</template>
|
||||
Loading…
Reference in new issue