'tj'
方佳 博
2 years ago
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 404 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 912 KiB |
|
After Width: | Height: | Size: 406 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 184 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 224 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 60 KiB |
@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog
|
||||||
|
:title="title"
|
||||||
|
style="width: 1308px; height: 838px"
|
||||||
|
custom-class="dialog"
|
||||||
|
v-model="props.showModel"
|
||||||
|
:before-close="close"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="diaMain"
|
||||||
|
style="
|
||||||
|
margin-top: -35px;
|
||||||
|
padding: 10px;
|
||||||
|
padding-left: 20px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<el-scrollbar height="730px">
|
||||||
|
<slot name="content" class="main"></slot>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
|
<!-- <template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">确定</el-button>
|
||||||
|
<el-button type="primary" @click="dialogVisible = false">
|
||||||
|
返回
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template> -->
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
const emits = defineEmits(["closePop", "submit"]);
|
||||||
|
const dialogVisible = ref(false);
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: [String, Object, Array],
|
||||||
|
//控制显隐
|
||||||
|
showModel: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: "任务知识导入",
|
||||||
|
},
|
||||||
|
width: {
|
||||||
|
type: String,
|
||||||
|
default: "673",
|
||||||
|
},
|
||||||
|
showOprBtn: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const close = () => {
|
||||||
|
emits("closePop");
|
||||||
|
};
|
||||||
|
const submit = () => {
|
||||||
|
emits("submit");
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.diaMain{
|
||||||
|
img{
|
||||||
|
max-height: 1200px;
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog {
|
||||||
|
border-radius: 12px;
|
||||||
|
.el-dialog__header {
|
||||||
|
background: url("@/assets/images/szjj/弹窗标题.png") !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__headerbtn {
|
||||||
|
top: 8px !important;
|
||||||
|
background: url("@/assets/images/szjj/关闭2.png") no-repeat;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 15px;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
.el-dialog__headerbtn i {
|
||||||
|
content: "1";
|
||||||
|
font-size: 13px;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.el-dialog__footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.tj{
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.cxks{
|
||||||
|
background: url('@/assets/images/szjj/重新开始.png') no-repeat;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,115 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
class="testDialog"
|
|
||||||
append-to-body
|
|
||||||
v-model="props.showModel"
|
|
||||||
title=""
|
|
||||||
align-center
|
|
||||||
draggable
|
|
||||||
:modal="false"
|
|
||||||
:show-close="false"
|
|
||||||
:style="{ borderRadius: 12 + 'px', width: props.width + 'px' }"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
custom-class="dialog"
|
|
||||||
>
|
|
||||||
<template #header>
|
|
||||||
<div
|
|
||||||
class="my-header"
|
|
||||||
:style="{
|
|
||||||
width: props.width + 'px',
|
|
||||||
backgroundSize: props.width + 'px ' + 43 + 'px',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span>{{ props.title }}</span>
|
|
||||||
<span style="cursor: pointer" @click="close()"
|
|
||||||
><img
|
|
||||||
style="width: 13px; height: 13px"
|
|
||||||
src="@/assets/images/关闭.png"
|
|
||||||
alt=""
|
|
||||||
/></span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<slot name="content"></slot>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
const emits = defineEmits(["closePop", "submit"]);
|
|
||||||
const dialogVisible = ref(false);
|
|
||||||
const props = defineProps({
|
|
||||||
modelValue: [String, Object, Array],
|
|
||||||
//控制显隐
|
|
||||||
showModel: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
title: {
|
|
||||||
type: String,
|
|
||||||
default: "Title",
|
|
||||||
},
|
|
||||||
width: {
|
|
||||||
type: String,
|
|
||||||
default: "673",
|
|
||||||
},
|
|
||||||
showOprBtn: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
const close = () => {
|
|
||||||
emits("closePop");
|
|
||||||
};
|
|
||||||
const submit = () => {
|
|
||||||
emits("submit");
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.my-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-top: 15px;
|
|
||||||
padding-right: 15px;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
// background: url("@/assets/images/popHeader.png") no-repeat;
|
|
||||||
background-color: #ff6100;
|
|
||||||
width: 673px;
|
|
||||||
height: 53px;
|
|
||||||
background-size: 673px 43px;
|
|
||||||
color: white;
|
|
||||||
border-radius: 10px 10px 0 0;
|
|
||||||
}
|
|
||||||
.dialog-footer {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
.okBtn {
|
|
||||||
width: 118px;
|
|
||||||
height: 40px;
|
|
||||||
// background: url("@/assets/images/popOkBtn.png");
|
|
||||||
background-color: #ff6100;
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
// padding-left: 40px;
|
|
||||||
text-align: center;
|
|
||||||
// margin-right: 50px;
|
|
||||||
}
|
|
||||||
.cancelBtn {
|
|
||||||
width: 118px;
|
|
||||||
height: 40px;
|
|
||||||
// background: url("@/assets/images/popCancelBtn.png");
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style>
|
|
||||||
.dialog_class {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-dialog {
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||