forked from xxhjsb/hbt-prevention-ui
feat:反选,滚动条样式
parent
7ea37acb53
commit
84cc2af114
11
src/App.vue
11
src/App.vue
|
@ -43,6 +43,9 @@ ul,li{
|
|||
font-family: en;
|
||||
src: url("./assets/common/fonts/Roboto-Regular.ttf");
|
||||
}
|
||||
.el-table__fixed, .el-table__fixed-right{
|
||||
background: #FFF;
|
||||
}
|
||||
.full{
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -61,19 +64,19 @@ ul,li{
|
|||
|
||||
//滚动条
|
||||
::-webkit-scrollbar {
|
||||
width:6px;
|
||||
height: 6px;
|
||||
width:12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
/*滑动轨道*/
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/*滑块*/
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(90deg, #393a3a 0%, #2c2d2d 100%);;
|
||||
background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);;
|
||||
border-radius: 12px;
|
||||
|
||||
}
|
||||
|
|
|
@ -138,6 +138,15 @@
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sub-table-title {
|
||||
width: 100%;
|
||||
padding: 16px 0;
|
||||
color: #606266;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
// margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sub-btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -672,7 +672,10 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -741,7 +741,10 @@ export default class HiddenDangerFilesComponent extends BaseRecordComponent<any>
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.filter(item=>item.status===5).forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -1147,7 +1147,10 @@ export default class HiddenDangerManagerComponent extends BaseRecordComponent<an
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -233,7 +233,10 @@ export default class RulesComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -498,6 +498,10 @@ export default class RulesManagerComponent extends BaseRecordComponent<any> {
|
|||
this.getTableData();
|
||||
this.showUpdate = !!goOn;
|
||||
this.updateParams = {areas:[],depts:[],units:[],types:[],targets:[],number:null} as any;
|
||||
}).catch(()=>{
|
||||
this.updateParams.depts = this.updateParams.depts.map(item=>item.id)
|
||||
|
||||
this.updateParams.targets = this.updateParams.targets.map(item=>item.id)
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -516,7 +520,10 @@ export default class RulesManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -645,7 +645,10 @@ export default class RulesManagerComponent extends BaseRecordComponent<any> {
|
|||
}
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -614,7 +614,10 @@ export default class PlanComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -408,7 +408,10 @@ export default class AreaManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
|
@ -458,7 +458,10 @@ export default class DeviceManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -890,7 +890,10 @@ export default class DeviceAnalManagerComponent extends BaseRecordComponent<any>
|
|||
})
|
||||
}
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -44,7 +44,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :title="!updateParams.id'新增':isReadonly?'详情':'编辑'"
|
||||
<el-dialog :close-on-click-modal="false" :title="!updateParams.id?'新增':isReadonly?'详情':'编辑'"
|
||||
:visible.sync="showUpdate" width="952px" :before-close="handleClose">
|
||||
<FormComponent :options="updateOptions" :isReadonly="isReadonly" @change="changes" labelWidth="110px"
|
||||
labelAlign="right" :data.sync="updateParams" @actionCallback="callback" :actions="updateActions"
|
||||
|
|
|
@ -324,6 +324,8 @@ export default class WorkManagerComponent extends BaseRecordComponent<any> {
|
|||
}
|
||||
|
||||
public buildTable() {
|
||||
console.log(template);
|
||||
|
||||
this.tableColumn.push({ name: '区域名称', key: "areaName", width: "200px" });
|
||||
this.tableColumn.push({ name: '风险分析单元', key: "unitName", width: "200px" });
|
||||
this.tableColumn.push({ name: '作业活动', key: "name", showTip: true });
|
||||
|
@ -547,7 +549,10 @@ export default class WorkManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -869,7 +869,10 @@ export default class WorkAnalManagerComponent extends BaseRecordComponent<any> {
|
|||
})
|
||||
}
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -359,7 +359,10 @@ export default class DutyManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -239,6 +239,8 @@ export default class DutyRecordsManagerComponent extends BaseRecordComponent<any
|
|||
// 查询
|
||||
if (data.value === "search") {
|
||||
this.getTableData()
|
||||
console.log('this.tableData',this.tableData);
|
||||
|
||||
// 重置
|
||||
} else if (data.value === "reset") {
|
||||
this.reset()
|
||||
|
@ -262,7 +264,7 @@ export default class DutyRecordsManagerComponent extends BaseRecordComponent<any
|
|||
// 分页数据
|
||||
public getTableData() {
|
||||
this.tableService.selectByPage2(this.params).then(res => {
|
||||
this.tableData = res.data as any;
|
||||
this.tableData.datas = res.data as any;
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -276,7 +278,10 @@ export default class DutyRecordsManagerComponent extends BaseRecordComponent<any
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -460,7 +460,10 @@ export default class IdentifyManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -200,7 +200,10 @@ export default class MeasuresManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
|
|
@ -375,7 +375,10 @@ export default class MeasuresReportManagerComponent extends BaseRecordComponent<
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll() {
|
||||
if (!this.selectData.length) {
|
||||
|
@ -424,7 +427,7 @@ export default class MeasuresReportManagerComponent extends BaseRecordComponent<
|
|||
this.showProtable = true
|
||||
this.currentProTableData.datas = [] as any;
|
||||
this.tableService.selectById({ controlId: id }).then((res: any) => {
|
||||
this.currentProTableData.datas = res.data.datas
|
||||
this.currentProTableData.datas = res.data
|
||||
this.currentProTableData.datas.forEach((item, index) => {
|
||||
item.index = index + 1
|
||||
return item
|
||||
|
|
|
@ -503,7 +503,10 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
|
|||
|
||||
|
||||
public toggleAll() {
|
||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
||||
|
||||
this.tableData.datas.forEach((item,index)=>{
|
||||
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||
})
|
||||
}
|
||||
public selectAll(){
|
||||
if(!this.selectData.length){
|
||||
|
|
Loading…
Reference in New Issue