Compare commits
2 Commits
f2312fd5f1
...
7659142621
Author | SHA1 | Date | |
---|---|---|---|
|
7659142621 | ||
|
258a1c653d |
@ -25905,6 +25905,12 @@ UE.plugins["audio"] = function () {
|
|||||||
td.style.borderWidth = "1px";
|
td.style.borderWidth = "1px";
|
||||||
td.style.borderStyle = "solid";
|
td.style.borderStyle = "solid";
|
||||||
});
|
});
|
||||||
|
//增加下面一段
|
||||||
|
utils.each(domUtils.getElementsByTagName(table,'th'),function(th){
|
||||||
|
th.style.borderWidth = domUtils.getComputedStyle(th, "border-width");
|
||||||
|
th.style.borderStyle = 'solid';
|
||||||
|
th.style.borderColor = "black";
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -26078,9 +26084,11 @@ UE.plugins["table"] = function () {
|
|||||||
"table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}" +
|
"table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}" +
|
||||||
//插入的表格的默认样式
|
//插入的表格的默认样式
|
||||||
"table{margin-bottom:10px;border-collapse:collapse;display:table;}" +
|
"table{margin-bottom:10px;border-collapse:collapse;display:table;}" +
|
||||||
"td,th{padding: 5px 10px;border: 1px solid #DDD;}" +
|
// "td,th{padding: 5px 10px;border: 1px solid #DDD;}" +
|
||||||
|
"td,th{padding: 5px 10px;border: 1px dashed black}" +
|
||||||
"caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}" +
|
"caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}" +
|
||||||
"th{border-top:1px solid #BBB;background-color:#F7F7F7;}" +
|
// "th{border-top:1px solid #BBB;background-color:#F7F7F7;}" +
|
||||||
|
"th{border-top:1px dashed black;background-color:#F7F7F7;}" +
|
||||||
"table tr.firstRow th{border-top-width:2px;}" +
|
"table tr.firstRow th{border-top-width:2px;}" +
|
||||||
".ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }" +
|
".ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }" +
|
||||||
"td p{margin:0;padding:0;}",
|
"td p{margin:0;padding:0;}",
|
||||||
@ -26385,7 +26393,8 @@ UE.plugins["table"] = function () {
|
|||||||
} else {
|
} else {
|
||||||
utils.each(tables, function (table) {
|
utils.each(tables, function (table) {
|
||||||
removeStyleSize(table, true);
|
removeStyleSize(table, true);
|
||||||
domUtils.removeAttributes(table, ["style", "border"]);
|
// domUtils.removeAttributes(table, ["style", "border"]);
|
||||||
|
domUtils.removeAttributes(table, ["style"]);
|
||||||
utils.each(domUtils.getElementsByTagName(table, "td"), function (
|
utils.each(domUtils.getElementsByTagName(table, "td"), function (
|
||||||
td
|
td
|
||||||
) {
|
) {
|
||||||
|
70
ruoyi-ui/src/views/officialWebsite/Components/page/index.vue
Normal file
70
ruoyi-ui/src/views/officialWebsite/Components/page/index.vue
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-box">
|
||||||
|
<el-pagination
|
||||||
|
background
|
||||||
|
layout="prev, pager, next"
|
||||||
|
v-show="total>0"
|
||||||
|
:total="total"
|
||||||
|
:current-page.sync="queryParams.pageNum"
|
||||||
|
:page-size.sync="queryParams.pageSize"
|
||||||
|
@size-change="initPageData"
|
||||||
|
@current-change="initPageData">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getPageData} from "@/api/officialWebsite/getPageData";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "index",
|
||||||
|
props:{
|
||||||
|
categoryId: {
|
||||||
|
type: String,
|
||||||
|
defaultValue: undefined,
|
||||||
|
required: false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
categoryId(newVal) {
|
||||||
|
this.queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
categoryId: newVal,
|
||||||
|
}
|
||||||
|
this.initPageData()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return{
|
||||||
|
queryParams: {
|
||||||
|
categoryId:"",
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
total: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods : {
|
||||||
|
initPageData() {
|
||||||
|
// console.log(1, this.queryParams)
|
||||||
|
getPageData(this.queryParams).then(res => {
|
||||||
|
// console.log('列表',res)
|
||||||
|
this.listinfo = res.data.list;
|
||||||
|
this.total =res.data.total;
|
||||||
|
this.$emit('event-message', this.listinfo)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.page-box{
|
||||||
|
width: 80%;
|
||||||
|
margin: 10px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
@ -127,6 +127,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-show="currentActive == 2 || currentActive ==4" >
|
||||||
|
<page-util :category-id="categoryId" @event-message="handleDataFromPage" />
|
||||||
|
</div>
|
||||||
<!-- <div class="news">
|
<!-- <div class="news">
|
||||||
<div class="news-list">
|
<div class="news-list">
|
||||||
<div class="item" v-for="(item, index) in 8">
|
<div class="item" v-for="(item, index) in 8">
|
||||||
@ -155,12 +158,14 @@ import "swiper/css/swiper.min.css";
|
|||||||
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
|
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
|
||||||
import footers from '@/views/officialWebsite/Components/footer.vue'
|
import footers from '@/views/officialWebsite/Components/footer.vue'
|
||||||
import headers from '@/views/officialWebsite/Components/header.vue'
|
import headers from '@/views/officialWebsite/Components/header.vue'
|
||||||
|
import PageUtil from '@/views/officialWebsite/Components/page'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
headers,
|
headers,
|
||||||
footers,
|
footers,
|
||||||
Swiper,
|
Swiper,
|
||||||
SwiperSlide,
|
SwiperSlide,
|
||||||
|
"page-util": PageUtil
|
||||||
},
|
},
|
||||||
name: 'HelloWorld',
|
name: 'HelloWorld',
|
||||||
props: {
|
props: {
|
||||||
@ -195,7 +200,8 @@ export default {
|
|||||||
],
|
],
|
||||||
currentActive: 0,
|
currentActive: 0,
|
||||||
isMounted: false,
|
isMounted: false,
|
||||||
input4: ""
|
input4: "",
|
||||||
|
categoryId: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -208,7 +214,7 @@ export default {
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
goDeatail(data){
|
goDeatail(data){
|
||||||
console.log(data)
|
// console.log(data)
|
||||||
if(data.linkType == 0){
|
if(data.linkType == 0){
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: 'details',
|
name: 'details',
|
||||||
@ -225,10 +231,12 @@ export default {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
this.currentActive = value
|
this.currentActive = value
|
||||||
console.log(this.nav,'nav' )
|
this.categoryId = this.nav[value].id
|
||||||
|
// console.log(this.nav,'nav' )
|
||||||
},
|
},
|
||||||
initPageData() {
|
initPageData() {
|
||||||
|
this.categoryId = this.$route.query.id
|
||||||
|
// console.log(this.$route.query.id, this.categoryId)
|
||||||
let routeParam = {
|
let routeParam = {
|
||||||
"categoryId": this.$route.query.id,
|
"categoryId": this.$route.query.id,
|
||||||
"pageNum": 1,
|
"pageNum": 1,
|
||||||
@ -252,6 +260,11 @@ export default {
|
|||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
handleDataFromPage(data){
|
||||||
|
if (this.currentActive === 2 || this.currentActive == 4){
|
||||||
|
this.nav[this.currentActive].children.list = data
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user