|
|
@ -49,14 +49,14 @@ |
|
|
|
<el-button circle icon="el-icon-upload2" type="primary" class="pageToTop" @click="pageToTopHandle"></el-button> |
|
|
|
</div> |
|
|
|
<!-- 列表 --> |
|
|
|
<div class="padListCard" v-show="padListData && padListData.length > 0" id="padListCard" v-loading="padListLoading"> |
|
|
|
<div class="padListCard" v-show="padListData && padListData.length > 0" id="padListCard" > |
|
|
|
<div |
|
|
|
class="padListRow" |
|
|
|
v-for="(item,index) in padListData" |
|
|
|
:key="index" |
|
|
|
> |
|
|
|
<div class="commonRowTitle" :style="{background:getRowTitleBack(item)}"> |
|
|
|
<el-tag size="mini" effect="dark">{{index + 1}}</el-tag> |
|
|
|
<el-tag size="mini" class="indexTag" effect="dark">{{index + 1}}</el-tag> |
|
|
|
<div v-if="!padMainStaColumn">{{item[padMainColumn[0].prop]}}</div> |
|
|
|
<div v-else class="hasStaTitle"> |
|
|
|
<div v-if="padMainStaColumn[0]">{{item[padMainStaColumn[0].prop]}}</div> |
|
|
@ -72,20 +72,22 @@ |
|
|
|
<!-- 主表 --> |
|
|
|
<div class="mainDataBox"> |
|
|
|
<curren-descriptions |
|
|
|
:size="mainSize" |
|
|
|
:column="mainColumnNum" |
|
|
|
:border="true" |
|
|
|
:tabsDesTions="padMainColumn" |
|
|
|
:propsData="item" |
|
|
|
:labelStyle="{'margin-right':'5px'}" |
|
|
|
:labelStyle="mainLabelStyle" |
|
|
|
></curren-descriptions> |
|
|
|
</div> |
|
|
|
<!-- 主表内直接显示的子表 --> |
|
|
|
<div class="detailDataBox" v-if="mainIsShowDetail"> |
|
|
|
<curren-descriptions |
|
|
|
:size="detailSize" |
|
|
|
:column="detailColumnNum" |
|
|
|
:tabsDesTions="padDeatilColumn" |
|
|
|
:propsData="item.details[0]" |
|
|
|
:labelStyle="{'margin-right':'5px'}" |
|
|
|
:labelStyle="detailLabelStyle" |
|
|
|
></curren-descriptions> |
|
|
|
</div> |
|
|
|
<!-- 按钮 --> |
|
|
@ -108,7 +110,9 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 无数据 --> |
|
|
|
<!-- 无数据且正在加载 --> |
|
|
|
<div class="padListCard" v-if="(!padListData || padListData.length <= 0) && padListLoading" v-loading="padListLoading"></div> |
|
|
|
<!-- 无数据且加载完成 --> |
|
|
|
<el-empty v-if="(!padListData || padListData.length <= 0) && !padListLoading" description="暂无数据"></el-empty> |
|
|
|
<!-- 页脚 --> |
|
|
|
<div class="padListPager" v-if="padListData && padListData.length > 0"> |
|
|
@ -284,6 +288,30 @@ export default { |
|
|
|
type: Number, |
|
|
|
default: 2 |
|
|
|
}, |
|
|
|
// 主表的标签的样式 |
|
|
|
mainLabelStyle:{ |
|
|
|
type: Object, |
|
|
|
default: () => { |
|
|
|
return {'margin-right':'5px'} |
|
|
|
} |
|
|
|
}, |
|
|
|
// 主表-明细的标签的样式 |
|
|
|
detailLabelStyle:{ |
|
|
|
type: Object, |
|
|
|
default: () => { |
|
|
|
return {'margin-right':'5px'} |
|
|
|
} |
|
|
|
}, |
|
|
|
// 主表大小 |
|
|
|
mainSize: { |
|
|
|
type: String, |
|
|
|
default: null |
|
|
|
}, |
|
|
|
// 主表-明细大小 |
|
|
|
detailSize: { |
|
|
|
type: String, |
|
|
|
default: null |
|
|
|
}, |
|
|
|
}, |
|
|
|
filters:{ |
|
|
|
initMainFirstColumn(index,type,filters){ |
|
|
|