feat:智飞工单样式处理

shuishen

2025-06-27 a697753bf95e3bd9b49a2e91b11123770f8593bf

feat:智飞工单样式处理

 src/views/tickets/orderLog.vue

@@ -12,7 +12,7 @@
  <basic-container>
    <el-tabs v-model="activeTab" @tab-click="handleTabChange">
      <el-tab-pane v-for="tab in filteredTabs" :key="tab.name" :label="`${tab.label} (${tab.count})`" :name="tab.name">
        <div class="tab-content">
        <basic-main-content>
          <!-- 查询条件筛选栏 -->
          <div class="filter-bar">
            <div class="search-bar-box">
@@ -92,7 +92,7 @@
          <!-- 表格部分 -->
          <avue-crud :data="tableData" :option="option" v-model:page="page" ref="crud" :table-loading="loading"
            @current-change="currentChange" @refresh-change="refreshChange" @on-load="onLoad"
            @search-change="searchChange" @size-change="sizeChange">
            @search-change="searchChange" @size-change="sizeChange" v-if="activeTab === tab.name">
            <template #menu-left>
              <el-button v-if="hasAddBtnPermission() && activeTab != 'WAIT_AUDIT'" type="primary" icon="el-icon-plus"
                @click="handleAdd">新建工单</el-button>
@@ -111,8 +111,9 @@
                  " -->
                <template v-if="row.status == 1">
                  <!--待审核状态-->
                  <el-button type="text" icon="el-icon-warning" v-if="hasRecallPaddingBtnPermission()" @click="orderLogRecall(row.id)">撤回</el-button>
                    <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
                  <el-button type="text" icon="el-icon-warning" v-if="hasRecallPaddingBtnPermission()"
                    @click="orderLogRecall(row.id)">撤回</el-button>
                  <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
                </template>
                <!--已驳回-->
                <template v-if="row.status == 2">
@@ -140,7 +141,7 @@
              </el-tooltip>
            </template>
          </avue-crud>
        </div>
        </basic-main-content>
      </el-tab-pane>
    </el-tabs>

@@ -567,6 +568,10 @@
        menu: true,
        menuWidth: 210,
        menuClassName: 'cur-menu',

        height: 'auto',
        calcHeight: 196,

        column: [
          { label: '工单编号', prop: 'job_info_num', width: 100, ellipsis: true, overHidden: true },
          { label: '工单名称', prop: 'name', width: 100, ellipsis: true, overHidden: true },
@@ -1144,42 +1149,32 @@
</script>

<style lang="scss" scoped>
:deep() {
  .avue-crud__body {
    .el-form {
      height: 625px;
      overflow: auto;
::v-deep(.el-tabs) {
  height: 100%;
  display: flex;
  flex-direction: column;

  .el-tabs__header {
    order: 1;
  }

  .el-tabs__content {
    order: 2;
  }

  .el-tabs__content {
    height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;

    .el-tab-pane {
      height: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
  }
}

:deep(.el-pagination .el-select) {
  width: 128px !important;
}

.step-timer {
  position: absolute;
  left: 80%;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  margin-left: 4px;
  color: #666;
  font-size: 12px;
}

:deep(.el-textarea__inner) {
  padding: 8px 12px;
}

:deep(.el-input__inner),
:deep(.el-select),
:deep(.el-select .el-input) {
  width: 100%; // 确保所有输入框和选择框宽度一致
}

.tab-content {
  padding: 10px;
}

.filter-bar {
@@ -1212,6 +1207,31 @@
  }
}

:deep(.el-pagination .el-select) {
  width: 128px !important;
}

.step-timer {
  position: absolute;
  left: 80%;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  margin-left: 4px;
  color: #666;
  font-size: 12px;
}

:deep(.el-textarea__inner) {
  padding: 8px 12px;
}

:deep(.el-input__inner),
:deep(.el-select),
:deep(.el-select .el-input) {
  width: 100%; // 确保所有输入框和选择框宽度一致
}

.action-bar {
  margin-bottom: 16px;
}
@@ -1219,25 +1239,6 @@
.el-tabs {
  :deep(.el-tabs__content) {
    overflow: visible;
  }
}

.tab-content {
  min-height: 200px;
}

.detail-form {
  :deep(.el-form-item) {
    margin-bottom: 10px;
  }

  :deep(.el-form-item__label) {
    color: #606266;
    font-weight: normal;
  }

  :deep(.el-form-item__content) {
    color: #303133;
  }
}