|
@@ -5,6 +5,19 @@
|
|
|
报表中心
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
+ <el-collapse v-model="activeName" accordion class="formCollapse">
|
|
|
+ <template slot="title">
|
|
|
+ 一致性 Consistency<i class="header-icon el-icon-info"></i>
|
|
|
+ </template>
|
|
|
+ <el-collapse-item title="一致性 Consistency" name="1">
|
|
|
+ <div>
|
|
|
+ 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
|
|
|
+ </div>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
<div class="m-wrap">
|
|
|
<div class="title">课酬导出:</div>
|
|
|
<el-date-picker
|
|
@@ -494,22 +507,28 @@
|
|
|
<el-divider></el-divider>
|
|
|
<div class="m-core">
|
|
|
<div class="m-wrap">
|
|
|
- <div class="title">异常处理数据导出:</div>
|
|
|
- <el-select
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- v-model="Abnormal.organId"
|
|
|
- placeholder="请选择分部"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in selects.branchs"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
+ <div class="title">异常处理数据导出:</div>
|
|
|
+ <el-select
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ v-model="Abnormal.organId"
|
|
|
+ placeholder="请选择分部"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in selects.branchs"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
|
|
|
- <el-button type="primary" style="margin-left: 10px" v-permission="'export/exportIndexErrData'" @click="exportAbnormal">导出</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ style="margin-left: 10px"
|
|
|
+ v-permission="'export/exportIndexErrData'"
|
|
|
+ @click="exportAbnormal"
|
|
|
+ >导出</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -554,6 +573,7 @@ export default {
|
|
|
Abnormal: {
|
|
|
organId: null,
|
|
|
},
|
|
|
+ activeName:[]
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -1169,7 +1189,7 @@ export default {
|
|
|
<style lang="scss" scoped>
|
|
|
.m-container {
|
|
|
.m-core {
|
|
|
- margin-top: 20px;
|
|
|
+ // margin-top: 20px;
|
|
|
.m-wrap {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
@@ -1197,6 +1217,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .formCollapse {
|
|
|
+ border:none;
|
|
|
+ /deep/.el-collapse-item__header{
|
|
|
+ border-bottom: none;
|
|
|
+ background-color: #F8F8F8;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
/deep/.el-input__icon.el-icon-date {
|
|
|
height: 40px !important;
|