|
@@ -2,16 +2,53 @@
|
|
|
<div class="main-container">
|
|
|
<AppSidebar></AppSidebar>
|
|
|
<router-view />
|
|
|
+ <el-dialog
|
|
|
+ title="系统规则"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="50%"
|
|
|
+ :show-close="false"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false">
|
|
|
+ <div v-html="htmlData"></div>
|
|
|
+ <span slot="footer" class="dialog-footer" style="display: flex;justify-content: center">
|
|
|
+ <el-button style="width:50%;font-size: 24px;" type="danger" @click="getUnlock">确认激活</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import AppSidebar from '@/components/AppSidebar.vue'
|
|
|
-
|
|
|
+import { lockStatus,unlock } from "@/api/allApi";
|
|
|
export default {
|
|
|
name: 'HomeView',
|
|
|
components: {
|
|
|
AppSidebar
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ htmlData:'',
|
|
|
+ dialogVisible: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getHtmldata();
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getHtmldata(){
|
|
|
+ lockStatus().then(response=>{
|
|
|
+ let lockStatus = response.data.data;
|
|
|
+ if(lockStatus==0){
|
|
|
+ this.htmlData = response.data.errmsg;
|
|
|
+ this.dialogVisible = true;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getUnlock(){
|
|
|
+ unlock().then(response=>{
|
|
|
+ this.dialogVisible = false;
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -50,3 +87,28 @@ export default {
|
|
|
|
|
|
background-color: #1e80ff;
|
|
|
}</style>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+::v-deep .el-dialog {
|
|
|
+ left: 50%;
|
|
|
+ top: 5%;
|
|
|
+ transform: translate(-50%, -5%);
|
|
|
+ margin: 0px !important;
|
|
|
+ border-radius: 8px;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__title,::v-deep .el-dialog__headerbtn{
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__header {
|
|
|
+ -webkit-box-shadow: 0 1px 4px 0 rgba(31, 45, 61, .12);
|
|
|
+ box-shadow: 0 1px 4px 0 rgba(31, 45, 61, .12);
|
|
|
+}
|
|
|
+::v-deep .el-dialog__body{
|
|
|
+ overflow: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+ max-height: 70vh!important;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__footer {
|
|
|
+ border-top: 1px solid #d7d9dc;
|
|
|
+}
|
|
|
+</style>
|