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;
|
font-family: en;
|
||||||
src: url("./assets/common/fonts/Roboto-Regular.ttf");
|
src: url("./assets/common/fonts/Roboto-Regular.ttf");
|
||||||
}
|
}
|
||||||
|
.el-table__fixed, .el-table__fixed-right{
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
.full{
|
.full{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -61,19 +64,19 @@ ul,li{
|
||||||
|
|
||||||
//滚动条
|
//滚动条
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width:6px;
|
width:12px;
|
||||||
height: 6px;
|
height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*滑动轨道*/
|
/*滑动轨道*/
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
background: rgba(0, 0, 0, 0.06);
|
background: rgba(0, 0, 0, 0.05);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*滑块*/
|
/*滑块*/
|
||||||
::-webkit-scrollbar-thumb {
|
::-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;
|
border-radius: 12px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -138,6 +138,15 @@
|
||||||
margin-bottom: 20px;
|
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 {
|
.sub-btn-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -672,7 +672,10 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -741,7 +741,10 @@ export default class HiddenDangerFilesComponent extends BaseRecordComponent<any>
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
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(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -1147,7 +1147,10 @@ export default class HiddenDangerManagerComponent extends BaseRecordComponent<an
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -233,7 +233,10 @@ export default class RulesComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -498,6 +498,10 @@ export default class RulesManagerComponent extends BaseRecordComponent<any> {
|
||||||
this.getTableData();
|
this.getTableData();
|
||||||
this.showUpdate = !!goOn;
|
this.showUpdate = !!goOn;
|
||||||
this.updateParams = {areas:[],depts:[],units:[],types:[],targets:[],number:null} as any;
|
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() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -645,7 +645,10 @@ export default class RulesManagerComponent extends BaseRecordComponent<any> {
|
||||||
}
|
}
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -614,7 +614,10 @@ export default class PlanComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -408,7 +408,10 @@ export default class AreaManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
|
@ -458,7 +458,10 @@ export default class DeviceManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -890,7 +890,10 @@ export default class DeviceAnalManagerComponent extends BaseRecordComponent<any>
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -44,7 +44,7 @@
|
||||||
</div>
|
</div>
|
||||||
</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">
|
:visible.sync="showUpdate" width="952px" :before-close="handleClose">
|
||||||
<FormComponent :options="updateOptions" :isReadonly="isReadonly" @change="changes" labelWidth="110px"
|
<FormComponent :options="updateOptions" :isReadonly="isReadonly" @change="changes" labelWidth="110px"
|
||||||
labelAlign="right" :data.sync="updateParams" @actionCallback="callback" :actions="updateActions"
|
labelAlign="right" :data.sync="updateParams" @actionCallback="callback" :actions="updateActions"
|
||||||
|
|
|
@ -324,6 +324,8 @@ export default class WorkManagerComponent extends BaseRecordComponent<any> {
|
||||||
}
|
}
|
||||||
|
|
||||||
public buildTable() {
|
public buildTable() {
|
||||||
|
console.log(template);
|
||||||
|
|
||||||
this.tableColumn.push({ name: '区域名称', key: "areaName", width: "200px" });
|
this.tableColumn.push({ name: '区域名称', key: "areaName", width: "200px" });
|
||||||
this.tableColumn.push({ name: '风险分析单元', key: "unitName", width: "200px" });
|
this.tableColumn.push({ name: '风险分析单元', key: "unitName", width: "200px" });
|
||||||
this.tableColumn.push({ name: '作业活动', key: "name", showTip: true });
|
this.tableColumn.push({ name: '作业活动', key: "name", showTip: true });
|
||||||
|
@ -547,7 +549,10 @@ export default class WorkManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -869,7 +869,10 @@ export default class WorkAnalManagerComponent extends BaseRecordComponent<any> {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -359,7 +359,10 @@ export default class DutyManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -239,6 +239,8 @@ export default class DutyRecordsManagerComponent extends BaseRecordComponent<any
|
||||||
// 查询
|
// 查询
|
||||||
if (data.value === "search") {
|
if (data.value === "search") {
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
|
console.log('this.tableData',this.tableData);
|
||||||
|
|
||||||
// 重置
|
// 重置
|
||||||
} else if (data.value === "reset") {
|
} else if (data.value === "reset") {
|
||||||
this.reset()
|
this.reset()
|
||||||
|
@ -262,7 +264,7 @@ export default class DutyRecordsManagerComponent extends BaseRecordComponent<any
|
||||||
// 分页数据
|
// 分页数据
|
||||||
public getTableData() {
|
public getTableData() {
|
||||||
this.tableService.selectByPage2(this.params).then(res => {
|
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() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -460,7 +460,10 @@ export default class IdentifyManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -200,7 +200,10 @@ export default class MeasuresManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
|
|
@ -375,7 +375,10 @@ export default class MeasuresReportManagerComponent extends BaseRecordComponent<
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll() {
|
public selectAll() {
|
||||||
if (!this.selectData.length) {
|
if (!this.selectData.length) {
|
||||||
|
@ -424,7 +427,7 @@ export default class MeasuresReportManagerComponent extends BaseRecordComponent<
|
||||||
this.showProtable = true
|
this.showProtable = true
|
||||||
this.currentProTableData.datas = [] as any;
|
this.currentProTableData.datas = [] as any;
|
||||||
this.tableService.selectById({ controlId: id }).then((res: 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) => {
|
this.currentProTableData.datas.forEach((item, index) => {
|
||||||
item.index = index + 1
|
item.index = index + 1
|
||||||
return item
|
return item
|
||||||
|
|
|
@ -503,7 +503,10 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
|
||||||
|
|
||||||
|
|
||||||
public toggleAll() {
|
public toggleAll() {
|
||||||
(this.$refs.multipleTable as any).toggleAllSelection();
|
|
||||||
|
this.tableData.datas.forEach((item,index)=>{
|
||||||
|
(this.$refs.multipleTable as any).toggleRowSelection(item);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
public selectAll(){
|
public selectAll(){
|
||||||
if(!this.selectData.length){
|
if(!this.selectData.length){
|
||||||
|
|
Loading…
Reference in New Issue