feat:反选,滚动条样式

feature1.1
kongyeqing 2023-07-07 15:32:21 +08:00
parent 7ea37acb53
commit 84cc2af114
21 changed files with 99 additions and 25 deletions

View File

@ -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;
}

View File

@ -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;

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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){

View File

@ -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) {

View File

@ -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) {

View File

@ -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"

View File

@ -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) {

View File

@ -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) {

View File

@ -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) {

View File

@ -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) {

View File

@ -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) {

View File

@ -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) {

View File

@ -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

View File

@ -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){