<template>
  <div id="">
    <a-table
      ref="pblmDataTable"
      :row-selection="{
        columnWidth: 60,
        selectedRowKeys: selectedRowKeys,
        onChange: handleSelectionChange,
        getCheckboxProps: getCheckboxProps
      }"
      :columns="columns"
      :data-source="tableSetting.data"
      :rowClassName="tableRowClassName"
      :loading="loading"
      :pagination="false"
      row-key="pblmId"
      style="width: 100%;"
      :style="{height: height + 'px'}"
      :scroll="{x: 'max-content', y: height - 60}"
      bordered>
      <template #bodyCell="{ column, record }">
        <template v-if="column.dataIndex === 'fileNoNumber'">
          <span style="position: relative;">
            <span>{{ record.fileNoNumber }}</span>
            <img v-if="record.isDlyHeavy=='1'" src="../../../assets/images/chong.png" style="width: 15px;height:15px;position: absolute;z-index: 100000;top:-3px;right:-20px;" />
            <img v-else-if="record.isDlyFlow=='1'" src="../../../assets/images/delay.png" style="width: 15px;height:15px;position: absolute;z-index: 100000;top:-3px;right:-20px;" />
            <img v-else-if="pblmTableSetting.ifChao && record.ifChao" src="../../../assets/images/超期.png" style="width: 15px;height:15px;position: absolute;z-index: 100000;top:-3px;right:-20px;" />
            <div v-if="isJdcjbr" @click="getClickAddTime(record)" class="overFlow"><a-icon type="poweroff" /></div>
          </span>
        </template>
        <template v-else-if="column.dataIndex === 'inspPblmDesc'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.inspPblmDesc }}</span>
            </template>
            <span class="ellipsis200">{{ record.inspPblmDesc }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'problemDetails'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.problemDetails }}</span>
            </template>
            <span class="ellipsis200">{{ record.problemDetails }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'pblmSource'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.pblmSource }}</span>
            </template>
            <span class="ellipsis200">{{ record.pblmSource }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'nm'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.nm }}</span>
            </template>
            <span class="ellipsis100">{{ record.nm }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgMemo'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgMemo }}</span>
            </template>
            <span class="ellipsis200">{{ record.zgMemo }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgWjName'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgWjName }}</span>
            </template>
            <span class="ellipsis120">{{ record.zgWjName }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'isPblmDel'">
          <span v-if="record.isPblmDel == '1'">是</span>
          <span v-if="record.isPblmDel == '0'">否</span>
          <span v-if="record.isPblmDel == '2'">已立行立改</span>
        </template>
        <template v-else-if="column.dataIndex === 'isJcFlow'">
          <span v-if="record.isJcFlow == '1'">是</span>
          <span v-if="record.isJcFlow == '0'">否</span>
        </template>
        <template v-else-if="column.dataIndex === 'pblmSggtn'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.pblmSggtn }}</span>
            </template>
            <span class="ellipsis100">{{ record.pblmSggtn }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgDevelopment'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgDevelopment }}</span>
            </template>
            <span class="ellipsis200">{{ record.zgDevelopment }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'deptagePdEln'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.deptagePdEln }}</span>
            </template>
            <span class="ellipsis250">{{ record.deptagePdEln }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgRedefineReq'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgRedefineReq }}</span>
            </template>
            <span class="ellipsis200">{{ record.zgRedefineReq }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgZgxx'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgZgxx }}</span>
            </template>
            <span class="ellipsis200">{{ record.zgZgxx }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'zgDelayEln'">
          <a-tooltip placement="top">
            <template #title>
              <span>{{ record.zgDelayEln }}</span>
            </template>
            <span class="ellipsis200">{{ record.zgDelayEln }}</span>
          </a-tooltip>
        </template>
        <template v-else-if="column.dataIndex === 'action'">
          <a-button @click.stop="showPblmDetailDialog(record.pblmId, record.workflowStat, record.fileNoNumber, record)" type="link">查看</a-button>
          <a-button v-if="tableSetting.enablePblmRectifyInfo && readOnlyRole == 'display'" @click.stop="showPblmRectifyInfoDialog(record.pblmId)" type="link">整改录入</a-button>
          <a-button v-if="tableSetting.enablePblmRectifyInfo && readOnlyRole == 'display'" @click.stop="showPblmDelayInfoDialog(record.pblmId, record)" type="link"> 延期申请 </a-button>
          <a-button v-if="pblmTableSetting.isEditVisible && readOnlyRole == 'display'" @click.stop="edit(record)" type="link">编辑</a-button>
          <a-button v-if="tableSetting.enableMonthlyReport && readOnlyRole == 'display'" @click.stop="openPblmMonthlyReportDialog(record.pblmId)" type="link">整改进度月报</a-button>
          <a-button v-if="pblmTableSetting.ifChao && record.ifChao" @click.stop="showPblmDetailDialog(record.pblmId, record.workflowStat, record.fileNoNumber, record, 1)" type="link">超期申诉</a-button>
        </template>
      </template>
    </a-table>
    <a-pagination
      show-size-changer
      v-model:pageSize="tableSetting.pagination.pageSize"
      :total="tableSetting.pagination.pblmCount"
      :page-size-options="['10','20','50','100']"
      :show-total="total => `共${total}条`"
      @showSizeChange="handleSizeChange"
      @change="handlePageNumChange"
      style="margin-top: 35px;"
    />
    <!-- 详情弹框 -->
    <pblm-detail
      :pblmId="tableSetting.currentPblmId"
      :pType="1"
      :row="curRow"
      :pblmCurrentWorkflowStat="tableSetting.currentPblmWorkflowStat"
      :currentPblmFileNoNumber="tableSetting.currentPblmFileNoNumber"
      @closePblmDetailDialog="closePblmDetailDialog"
      @submitYwcs="submitYwcs"
      @submitB="submitB"
      v-if="showPblmDetail"
      :isShowBtn="pblmTableSetting.isShowBtn"
      :isYwcs="pblmTableSetting.isYwcs"
      :isJc="pblmTableSetting.isJc"
      :isZGZWTBtn="pblmTableSetting.isZGZWTBtn" />
    <!-- 整改信息录入弹框 -->
    <pblm-rectify-info :pblmId="tableSetting.currentPblmId" :pType="1" @saveRectifyInfo="saveRectifyInfo" @closePblmRectifyInfoDialog="closePblmRectifyInfoDialog" v-if="showPblmRectifyInfo" />
    <pblmDelayInfo
      :pblmId="tableSetting.currentPblmId"
      :pType="1"
      :row="curRow"
      @saveDelayInfo="saveDelayInfo"
      @closePblmDelayInfoDialog="closePblmDelayInfoDialog"
      v-if="showPblmDelayInfo" />
    <pblmRectifyEdit
      :pblmId="tableSetting.currentPblmId"
      :pType="1"
      @saveRectifyInfo="saveRectifyInfo"
      :curData="curData"
      @closePblmRectifyEditDialog="closePblmRectifyEditDialog"
      v-if="showEdit" />
    <!-- 整改进度月报弹框 -->
    <pblm-monthly-report-info :pblmId="tableSetting.currentPblmId" :pType="1" @savePblmMonthlyReportInfo="savePblmMonthlyReportInfo" @closePblmMonthlyReportInfoDialog="closePblmMonthlyReportDialog" v-if="showPblmMonthlyReportDialog" />
  </div>
</template>

<script>
import moment from 'moment';
import request from '@/utils/gw_ajax_request';
import { formatDateTime2 } from '../../../utils/gw_date';
import pblmMonthlyReport from '../../PblmRectifyMonthlyReport/Components/pblmMonthlyReport.vue';
import {
  distributePblmToSjdw,
  formatWorkflowStat,
  savePblmDelayInfo,
  savePblmRectifyInfo,
  savePblmRectifyInfoX,
} from '../Common/rectify_api';
import { formatDeadLineDate } from '../Common/rectify_date';
import pblmDelayInfo from './pblmDelayInfo.vue';
import pblmDetail from './pblmDetail.vue';
import pblmRectifyEdit from './pblmRectifyEdit.vue';
import pblmRectifyInfo from './pblmRectifyInfo.vue';

export default {
  props: {
    pblmTableSetting: {
      type: Object,
      default: () => {
        return {
          currentFllow: '',
          isYwcs: false,
          isJc: false,
          isShowBtn: false,
          isEditVisible: '',
          adType: '',
          cType: '',
          data: [], // 主数据源
          pagination: {
            pageSize: 10,
            pageNum: 1,
            pblmCount: 0,
          }, // 翻页相关配置项
          height: 470,
          currentPblmId: '', // 当前选中的问题的ID
          currentPblmFileNoNumber: '', // 当前选中的问题的编号
          currentPblmWorkflowStat: '', // 当前选中的问题的流程状态
          selectedPblms: [], // 多选模式下选中的所有问题集合
          multiSelect: true, // 是否出现行复选框
          enablePblmRectifyInfo: false, // 是否在操作栏显示输入整改信息按钮
          showWorkflowStat: true, // 是否显示整改状态,默认显示
          enableMonthlyReport: false,
          isZGZWTBtn: false,
          ifChao: null,
        };
      },
    },
    isJdcjbr: {
      type: Boolean,
      default: false,
    },
    isGDXH: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      moment,
      curRow: {},
      curData: {},
      showEdit: false,
      showPblmDetail: false, // 是否显示问题详情
      showPblmRectifyInfo: false, // 是否显示整改内容输入窗体
      showPblmDelayInfo: false, // 是否显示整改内容输入窗体
      showPblmMonthlyReportDialog: false, // 是否显示整改进度月报输入窗体
      tableSetting: this.pblmTableSetting,
      height: window.innerHeight - 400,
      loading: false,
      selectedRowKeys: [],
      columns: [
        {
          title: '问题编码',
          dataIndex: 'fileNoNumber',
          width: 80,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '问题',
          dataIndex: 'inspPblmDesc',
          width: 200,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '问题详情',
          dataIndex: 'problemDetails',
          width: 200,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '问题来源',
          dataIndex: 'pblmSource',
          width: 200,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '工程名称',
          dataIndex: 'nm',
          width: 100,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '县（市、区）',
          dataIndex: 'adName',
          width: 120,
          fixed: 'left',
          align: 'center',
        },
        {
          title: '设区市/直管县',
          dataIndex: 'upAdName',
          width: 120,
          align: 'center',
        },
        {
          title: '问题印发文件名',
          dataIndex: 'zgMemo',
          width: 200,
          align: 'center',
        },
        {
          title: '问题来源时间',
          dataIndex: 'pblmSourceTm',
          width: 120,
          align: 'center',
        },
        {
          title: '问题印发文号',
          dataIndex: 'zgWjName',
          width: 120,
          align: 'center',
        },
        {
          title: '问题印发时间',
          dataIndex: 'issuedTm',
          width: 120,
          align: 'center',
        },
        {
          title: '责任处室',
          dataIndex: 'dutyDept',
          width: 100,
          align: 'center',
        },
        {
          title: '问题归类',
          dataIndex: 'objType',
          width: 100,
          align: 'center',
        },
        {
          title: '问题是否已销号',
          dataIndex: 'isPblmDel',
          width: 120,
          align: 'center',
        },
        {
          title: '是否进入稽察流程',
          dataIndex: 'isJcFlow',
          width: 150,
          align: 'center',
        },
        {
          title: '整改要求',
          dataIndex: 'pblmSggtn',
          width: 100,
          align: 'center',
        },
        {
          title: '销号时间',
          dataIndex: 'isPdTm',
          width: 100,
          align: 'center',
        },
        {
          title: '调度年份',
          dataIndex: 'schdYear',
          width: 120,
          align: 'center',
        },
        {
          title: '年度初始整改时限',
          dataIndex: 'nlZgDate',
          width: 150,
          align: 'center',
        },
        {
          title: '当前要求整改完成时限',
          dataIndex: 'zgDate',
          width: 200,
          align: 'center',
        },
        {
          title: '是否按期销号',
          dataIndex: 'isPdSche',
          width: 120,
          align: 'center',
        },
        {
          title: '最新申请延期月份',
          dataIndex: 'psDlyTm',
          width: 200,
          align: 'center',
        },
        {
          title: '上月整改工作进展情况',
          dataIndex: 'zgDevelopment',
          width: 200,
          align: 'center',
        },
        {
          title: '申请销号日期',
          dataIndex: 'applyPdTm',
          width: 180,
          align: 'center',
        },
        {
          title: '提交业务处室日期',
          dataIndex: 'applyFfcTm',
          width: 180,
          align: 'center',
        },
        {
          title: '责任处室（单位）不同意销号原因',
          dataIndex: 'deptagePdEln',
          width: 250,
          align: 'center',
        },
        {
          title: '进一步明确整改要求',
          dataIndex: 'zgRedefineReq',
          width: 200,
          align: 'center',
        },
        {
          title: '整改描述',
          dataIndex: 'zgZgxx',
          width: 200,
          align: 'center',
        },
        {
          title: '延期时间',
          dataIndex: 'isPdTmTemp',
          width: 200,
          align: 'center',
        },
        {
          title: '延期说明',
          dataIndex: 'zgDelayEln',
          width: 200,
          align: 'center',
        },
        {
          title: '操作',
          dataIndex: 'action',
          width: 200,
          align: 'center',
          fixed: 'right',
        },
      ],
      readOnlyRole: localStorage.getItem('readOnlyRole'),
    };
  },
  components: {
    pblmDetail,
    pblmRectifyInfo,
    pblmDelayInfo,
    pblmRectifyEdit,
    pblmMonthlyReportInfo: pblmMonthlyReport,
  },
  computed: {
    formatDateTime() {
      return formatDateTime2;
    },
    formatDeadLineDate() {
      return formatDeadLineDate;
    },
    formatWorkflowStat() {
      return formatWorkflowStat;
    },
    isVisible() {
      return (row) => {
        var date = new Date();
        var dateStr =
          date.getFullYear() +
          '-' +
          (date.getMonth() + 1 > 9
            ? date.getMonth() + 1
            : '0' + (date.getMonth() + 1));
        return !(
          dateStr == (row.zgDate ? row.zgDate.substring(0, 7) : row.zgDate)
        );
      };
    },
  },
  created() {
    console.log(this.isJdcjbr, 'isJdcjbr');
    if (typeof this.pblmTableSetting.showWorkflowStat === undefined) {
      this.pblmTableSetting.showWorkflowStat = true;
    }
    console.log(this.pblmTableSetting, 'pblmTableSetting');
  },
  methods: {
    selectInit(row) {
      // if (row.psDlyTm && this.pblmTableSetting.currentFllow == "22") {
      //   return !(row.psDlyTm.substring(0, 7) == (new Date().getFullYear() + "-" + ((new Date().getMonth() + 1) > 9 ? (new Date().getMonth() + 1) : "0" + (new Date().getMonth() + 1))))
      // }
      return {
        disabled: this.tableSetting.multiSelect,
      };
    },
    tableRowClassName(record) {
      if (record.isJcFlow == '1') {
        return 'success-jcflow';
      }
      return '';
    },
    handleSizeChange(current, size) {
      this.tableSetting.pagination.pageSize = size;
      // 触发父组件更新主数据源数据(主要将分页信息传回)
      this.$emit('sizeChange', {
        pageSize: this.tableSetting.pagination.pageSize,
      });
    },
    handleSelectionChange(val, row) {
      this.selectedRowKeys = val;
      this.tableSetting.selectedPblms = row;
      this.$emit('selectionChange', {
        selectedPblms: this.tableSetting.selectedPblms,
      });
    },
    handlePageNumChange(item) {
      this.tableSetting.pagination.pageNum = item;
      // 触发父组件更新主数据源数据(主要将分页信息传回)
      this.$emit('pageChange', {
        pageNum: this.tableSetting.pagination.pageNum,
      });
    },
    closePblmDetailDialog(id) {
      console.log(123321);
      this.tableSetting.currentPblmId = '';
      this.tableSetting.currentPblmWorkflowStat = '';
      this.showPblmDetail = false;
      this.$emit('refreshTable');
    },
    closeDetail() {
      this.closePblmDetailDialog();
    },
    submitYwcs(obj) {
      console.log(
        obj,
        this.pblmTableSetting.isYwcs,
        this.pblmTableSetting.isJc,
        'submitYwcs',
      );
      obj.row = this.curRow;
      if (this.pblmTableSetting.isYwcs) {
        this.$emit('submitYwcs', obj);
      }
      if (this.pblmTableSetting.isJc) {
        this.$emit('submitJc', obj);
      }
    },
    submitB(obj) {
      //debugger
      obj.row = this.curRow;
      this.$emit('submitB', obj);
      this.showPblmDetail = false;
    },
    showPblmDetailDialog(pblmId, workflowStat, fileNoNumber, row, k) {
      if (k === 1) {
        row.ifChao = '超';
      } else {
        row.ifChao = null;
      }
      this.curRow = row;
      this.tableSetting.currentPblmId = pblmId;
      this.tableSetting.currentPblmWorkflowStat = workflowStat;
      this.tableSetting.currentPblmFileNoNumber = fileNoNumber;
      if (this.tableSetting.currentPblmId) {
        this.showPblmDetail = true;
      } else {
        this.$message.warning('请选择需要查看的问题!');
      }
    },
    showPblmRectifyInfoDialog(pblmId) {
      this.tableSetting.currentPblmId = pblmId;
      if (this.tableSetting.currentPblmId) {
        this.showPblmRectifyInfo = true;
      } else {
        this.$message.warning('请选择需要整改的问题!');
      }
    },
    showPblmDelayInfoDialog(pblmId, row) {
      if (row.zgDate) {
        var zgD = new Date(row.zgDate.replace(/-/g, '/'));
        var MillisecondsADay = 24 * 60 * 60 * 1000 * 10;
        var tenDayBefore = zgD.getTime() - MillisecondsADay;

        const newDate = moment().format('YYYY-MM-DD') + ' 00:00:00';
        // if (new Date(newDate).getTime() > tenDayBefore) {
        //   this.$message.warning('问题到期前10日内禁止申请延期!')
        //   return false
        // }
      }
      this.curRow = row;
      this.tableSetting.currentPblmId = pblmId;
      if (this.tableSetting.currentPblmId) {
        this.showPblmDelayInfo = true;
      } else {
        this.$message.warning('请选择需要延期的问题!');
      }
    },
    edit(row) {
      this.tableSetting.currentPblmId = row.pblmId;
      if (this.tableSetting.currentPblmId) {
        this.showEdit = true;
        var stringData = JSON.stringify(row);
        this.curData = JSON.parse(stringData);
      } else {
        this.$message.warning('请选择需要查看的问题!');
      }
    },
    saveDelayInfo(val) {
      const pblm = [
        {
          pblmId: this.tableSetting.currentPblmId,
          isPdTmTemp: moment(val.isPdTmTemp).format('YYYY-MM-DD'),
          zgDelayEln: val.zgDelayEln,
          isDlyFlow: '1',
          isag: 1,
          flowType: 2,
          auditidea: val.zgDelayEln,
        },
      ];
      savePblmDelayInfo(pblm).then((res) => {
        if (res.success) {
          this.$message.success('提交延期申请成功');
          this.tableSetting.currentPblmId = '';
          this.showPblmDelayInfo = false;
          this.$emit('query');
        } else {
          this.$message.warning(res.message);
        }
      });
    },
    saveRectifyInfo(val) {
      const pblm = {};
      pblm.pblmId = this.tableSetting.currentPblmId;
      pblm.zgZgxx = val.zgZgxx;
      if (this.tableSetting.cType == '1') {
        savePblmRectifyInfoX(pblm).then((res) => {
          this.tableSetting.currentPblmId = '';
          this.showPblmRectifyInfo = false;
        });
      } else {
        savePblmRectifyInfo(pblm).then((res) => {
          this.tableSetting.currentPblmId = '';
          this.showPblmRectifyInfo = false;
        });
      }
      this.$emit('query');
    },
    closePblmRectifyInfoDialog() {
      this.tableSetting.currentPblmId = '';
      this.showPblmRectifyInfo = false;
    },
    closePblmDelayInfoDialog() {
      this.tableSetting.currentPblmId = '';
      this.showPblmDelayInfo = false;
    },
    closePblmRectifyEditDialog() {
      this.showEdit = false;
      this.$emit('refreshTable');
    },
    openPblmMonthlyReportDialog(pblmId) {
      this.tableSetting.currentPblmId = pblmId;
      if (this.tableSetting.currentPblmId) {
        this.showPblmMonthlyReportDialog = true;
      } else {
        this.$message.warning('请选择需要操作的问题!');
      }
    },
    savePblmMonthlyReportInfo(val) {
      const pblm = {};
      pblm.pblmId = this.tableSetting.currentPblmId;
      // Todo
      // pblm.zgZgxx = val.MonthlyReportInfo;
      savePblmRectifyInfo(pblm).then((res) => {
        this.tableSetting.currentPblmId = '';
        this.showPblmMonthlyReportDialog = false;
      });
    },
    closePblmMonthlyReportDialog() {
      this.tableSetting.currentPblmId = '';
      this.showPblmMonthlyReportDialog = false;
    },
    clearSelection() {
      this.selectedRowKeys = [];
    },
    getCheckboxProps(row) {
      console.log(
        row.psDlyTm,
        row.isDlyFlow,
        row.isInput,
        this.pblmTableSetting.currentFllow,
      );
      if (row.psDlyTm && this.pblmTableSetting.currentFllow == '22') {
        return {
          props: {
            disabled: !!(
              row.psDlyTm.substring(0, 7) ==
              new Date().getFullYear() +
                '-' +
                (new Date().getMonth() + 1 > 9
                  ? new Date().getMonth() + 1
                  : '0' + (new Date().getMonth() + 1))
            ),
          },
        };
      }
      if (row.isDlyFlow == '1') {
        return {
          props: {
            disabled: false,
          },
        };
      } else {
        if (
          (!row.isInput || row.isInput == '0') &&
          this.pblmTableSetting.currentFllow == '22'
        ) {
          return {
            props: {
              disabled: true,
            },
          };
        } else {
          return {
            props: {
              disabled: false,
            },
          };
        }
      }
    },
    getClickAddTime(row) {
      const params = {
        pblmId: row.pblmId,
      };
      request
        .post('/bis/insp/BisInspCheckExtension/add', params)
        .then((res) => {
          console.log(res);
          if (res.success) {
            this.$message.success('操作成功!');
          } else {
            this.$message.error(res.message);
          }
        });
    },
  },
};
</script>

<style lang='less' scoped>
/deep/ .ant-table-pagination {
  float: left;
}
/deep/ .ant-table-thead>tr>th,
/deep/ .ant-table-tbody>tr>td {
  padding: 0;
  height: 45px;
}
.ellipsis200 {
   display: block;
   width: 198px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 .ellipsis100 {
   display: block;
   width: 98px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 .ellipsis120 {
  display: block;
  width: 118px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis250 {
  display: block;
  width: 248px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/deep/ .success-jcflow {
  background: #bbf5ff !important;
}
/deep/ .ant-table-scroll {
  position: relative;
  z-index: 1;
}

/deep/.ant-table-fixed-left,
/deep/ .ant-table-fixed-right {
  z-index: 2;
}

.overFlow {
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 100000;
  top: 15px;
  left: -20px;
  opacity: 0;
}
.overFlow:hover {
  opacity: 1;
}
</style>
