ludc
2024-01-14 406115910728bc32dcbd8e7065f264f8bd008f73
Source/UBCS-WEB/src/views/integration/applicationForm.vue
@@ -1,11 +1,14 @@
<template>
    <basic-container>
        <avue-crud :table-loading="loading" :data="data" :option="option" :search.sync="searchParam" :page.sync="page" :permission="permissionList"
            ref="crud" @refresh-change="getDataList" @search-change="handleSearch" @search-reset="handleReset"
    <avue-crud ref="crud" :data="data" :option="option" :page.sync="page" :permission="permissionList"
               :search.sync="searchParam"
               :table-loading="loading" @refresh-change="getDataList" @search-change="handleSearch"
               @search-reset="handleReset"
            @size-change="handleSizePage" @current-change="handleCurrentPage" @on-load="getDataList"
            @selection-change="selectionChange" @row-click="handleRowClick">
            <template slot="menuLeft">
                <el-button icon="el-icon-document" size="small" type="primary" @click="handleStatus" v-if="permissionList.status">集团申请状态
        <el-button v-if="permissionList.status" icon="el-icon-document" size="small" type="primary"
                   @click="handleStatus">集团申请状态
                </el-button>
            </template>
        </avue-crud>
@@ -16,6 +19,7 @@
import { getList, queryApplyStat } from '@/api/integration/application.js'
import { dateFormat } from '@/util/date.js'
import {mapGetters} from 'vuex'
export default {
    data() {
        return {
@@ -41,7 +45,8 @@
      },
      option(){
        return{
            height: "auto",
        height: 'auto',
        calcHeight: 20,
            tip:false,
            index: true,
            border: true,
@@ -57,17 +62,17 @@
              {
                label: '申请单号',
                prop: 'id',
                width: 300,
            width: 200,
                fixed: true,
                search: true,
              }, {
                label: '集团码',
                width: 200,
            width: 150,
                prop: 'groupCode',
                search: true,
              }, {
                label: '操作类型',
                width: 200,
            width: 120,
                prop: 'operationType',
                type: 'select',
                search: true,
@@ -85,30 +90,33 @@
              },
              {
                label: '创建时间',
                width: 200,
                prop: 'createTime',
                type: 'datetime',
                search: true,
              },
              {
                label: '更改时间',
                width: 200,
                prop: 'lastModifyTime',
                type: 'datetime',
                search: true,
              }, {
                label: '返回标识',
                width: 100,
                prop: 'code'
            label: '是否成功',
            width: 120,
            prop: 'code',
            html: true,
            align: 'center',
            formatter: function (row) {
              return row.code == '1' ? '<i class="el-icon-check" style="color: #32cd32;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: #ff0000;font-size: 20px;font-weight: 800"></i>'
            }
              },
              {
                label: '返回信息',
                width: 300,
                prop: 'content'
            prop: 'content',
            hide: true
              },
              {
                label: '消息信息',
                width: 300,
            width: 150,
                prop: 'msg'
              }
            ]
@@ -190,24 +198,26 @@
}
</script>
<style lang="scss" scoped>
//固定列高度
/deep/ .el-table__fixed {
  height: calc(100vh - 345px)!important;
}
// 滚动条样式修改
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  height: 15px; // 纵向滚动条 必写
  background: white;
  border: white;
  width: 10px;
////固定列高度
///deep/ .el-table__fixed {
//  height: calc(100vh - 345px) !important;
//}
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ececec;
  border-radius: 20px;
  border: #ececec;
}
//// 滚动条样式修改
//// 滚动条的宽度
///deep/ .el-table__body-wrapper::-webkit-scrollbar {
//  height: 15px; // 纵向滚动条 必写
//  background: white;
//  border: white;
//  width: 10px;
//
//}
//
//// 滚动条的滑块
///deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
//  background-color: #ececec;
//  border-radius: 20px;
//  border: #ececec;
//}
</style>