Commit 8a82c5eb authored by zenglun's avatar zenglun

提交部分代码

parent e4d34245
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
...@@ -8,16 +7,8 @@ ...@@ -8,16 +7,8 @@
<link rel="icon" href="./gs/favicon.ico"> <link rel="icon" href="./gs/favicon.ico">
<title>甘肃电网</title> <title>甘肃电网</title>
<script src="./gs/tinymce/tinymce.min.js"></script> <script src="./gs/tinymce/tinymce.min.js"></script>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
</body> </body>
<script>
// const tinymceCDN = window.location.origin + '/tinymce/tinymce.min.js'
// console.log(tinymceCDN);
</script>
</html> </html>
\ No newline at end of file
...@@ -179,9 +179,9 @@ export default class AddChildDialog extends Vue { ...@@ -179,9 +179,9 @@ export default class AddChildDialog extends Vue {
background: transparent; background: transparent;
outline: none; outline: none;
&::placeholder { // &::placeholder {
} // }
} }
.c-dialog-btn_wrapper { .c-dialog-btn_wrapper {
......
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
<span v-if="item2.status === 3" class="state-fail">上链失败</span> <span v-if="item2.status === 3" class="state-fail">上链失败</span>
<span v-if="item2.status === 5" class="state-ing">已隐藏</span> <span v-if="item2.status === 5" class="state-ing">已隐藏</span>
</li> </li>
<li class="center-placeholder--one"></li> <!-- <li class="center-placeholder--one"></li> -->
<li class="center-placeholder--two"></li> <li class="center-placeholder--two"></li>
<li class="incremental-operation"> <li class="incremental-operation">
<div class="btn-box"> <div class="btn-box">
...@@ -494,14 +494,12 @@ export default { ...@@ -494,14 +494,12 @@ export default {
li { li {
line-height: 30px; line-height: 30px;
height: 30px; height: 30px;
// overflow: hidden;
} }
.incremental-icon { .incremental-icon {
height: 30px; height: 30px;
background: white; background: white;
// width: 123px;
padding-left: 50px; padding-left: 50px;
color: #3f79fe; color: #0CC399;
i { i {
font-size: 12px; font-size: 12px;
} }
...@@ -521,7 +519,7 @@ export default { ...@@ -521,7 +519,7 @@ export default {
} }
.state-start { .state-start {
font-size: 12px; font-size: 12px;
color: rgba(63, 121, 254, 1); color: #0CC399;
cursor: pointer; cursor: pointer;
} }
.state-ban { .state-ban {
...@@ -548,7 +546,7 @@ export default { ...@@ -548,7 +546,7 @@ export default {
background: #fafafb; background: #fafafb;
// border: 1px solid #000; // border: 1px solid #000;
span { span {
color: #3f79fe; color: #0CC399;
padding-right: 10%; padding-right: 10%;
float: right; float: right;
cursor: pointer; cursor: pointer;
......
<template>
<div class="body">
<div class="body-top">
<span class="body-top__left" @click="returnTemplate('Return')"
>返回模板</span
>
预览
<span class="body-top__right" @click="returnTemplate('Use')">使用</span>
</div>
<!-- 预览部分 -->
<div class="body-center">
<root-unit v-for="item in templateInfo" :unit="item" :key="item.id" />
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
import { GO_URLS } from "@/config/URLS";
import { Unit } from "@/plugins/types2";
// 取本地数据转换函数
import { formatTemplateApi2Local } from "@/plugins/Template";
import RootUnit from "@/components/editTemplate/RootUnit.vue";
@Component({
components: {
RootUnit,
},
})
export default class preview extends Vue {
@Prop({ type: Number, default: 0 }) systemTemplateId!: 0;
@Prop({ type: Boolean, default: true }) isActive!: boolean;
public templateInfo: Unit[] = [];
// 周期函数
public created() {
this.obtainTemplateInformation();
// if (this.systemTemplateId) {
// this.templateInfo = formatTemplateApi2Local(JSON.parse(this.detail));
// }
}
// 返回模板
public returnTemplate(val: string) {
this.$emit("returnTemplate", val);
}
// 查询模板
public async obtainTemplateInformation() {
// 获取个人模板||获取系统模板
// let url = "";
// if (this.isActive) {
// url = URLS.SYS_TMPL_GET;
// } else {
// url = URLS.TEMPLATE_DETAIL;
// }
const data = await this.$ajax({
type: "get",
params: {
id: this.systemTemplateId,
},
url: GO_URLS.getSystemTemplate,
});
if (data && data.data.detail) {
this.templateInfo = formatTemplateApi2Local(JSON.parse(data.data.detail));
}
}
}
</script>
<style lang="less" scoped>
/deep/.root_unit {
pointer-events: none;
.input-box {
input {
width: 500px;
}
}
.date-picker {
width: 500px;
}
}
.body {
width: 932px;
height: 640px;
background: rgba(255, 255, 255, 1);
border-radius: 10px;
// pointer-events: none;
.body-top {
height: 68px;
line-height: 68px;
text-align: center;
border-bottom: 1px solid #e9e9e9;
font-size: 22px;
font-weight: 500;
color: rgba(53, 53, 53, 1);
.body-top__right,
.body-top__left {
width: 90px;
height: 40px;
background: rgba(239, 239, 239, 1);
border-radius: 4px;
line-height: 40px;
font-size: 14px;
text-align: center;
font-weight: 400;
color: rgba(41, 41, 41, 1);
margin-top: 14px;
cursor: pointer;
}
.body-top__left {
float: left;
margin-left: 24px;
}
.body-top__right {
float: right;
margin-right: 24px;
}
}
.body-center {
height: 571px;
width: 100%;
// pointer-events: none;
border-radius: 0 0 10px 10px;
overflow-y: auto;
padding-left: 18px;
padding-top: 20px;
}
}
</style>
\ No newline at end of file
...@@ -958,7 +958,7 @@ export default { ...@@ -958,7 +958,7 @@ export default {
.chain-content .part-bottom .chain-btn { .chain-content .part-bottom .chain-btn {
font-size: 14px; font-size: 14px;
color: white; color: white;
background-color: #3f79fe; background-color: #0CC399;
border-radius: 4px; border-radius: 4px;
width: 120px; width: 120px;
height: 40px; height: 40px;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment