feat:全局样式调整

shuishen

2026-01-26 52327b7ccc46f09d9c71103ab7558bb2d0378fc0

feat:全局样式调整

 applications/task-work-order/src/styles/common.scss

@@ -18,6 +18,7 @@

* {
  outline: none;
  box-sizing: border-box;
}

.avue-sidebar,

 applications/task-work-order/src/styles/common/cockpit.scss

@@ -997,5 +997,134 @@
    .el-tabs__active-bar {
      background: #3247E5;
    }
  }
}

.gd-dialog-table {
  background: transparent !important;

  tr {
    background: transparent !important;
  }

  tr.el-table__row {
    &:hover {
      background: #F7F8FC !important;
    }
  }

  th.el-table__cell {
    height: 40px;
    border-bottom: 1px solid #DBDFF1 !important;

    .cell {
      padding: 0 0 0 16px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #9292C1;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.el-table__cell {
    padding: 9px 0;
    height: 56px;

    .cell {
      padding: 0 0 0 16px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #383874;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.operation-btns .cell {
    display: flex;
    flex-wrap: nowrap;
    /* 按钮间距（推荐） */
    white-space: nowrap;
    /* 双保险 */

    a {
      display: flex;
      align-items: center;
      position: relative;
      margin: 0 10px;
      min-width: 28px;

      span {
        color: #0075FF;
      }

      &:first-child {
        margin-left: 0;
      }

      &::before {
        content: '';
        position: absolute;
        top: 50%;
        right: -10px;
        width: 1px;
        height: 12px;
        background: #BCC8E3;
        transform: translateY(calc(-50% - 1px));
      }

      &:last-child {
        margin-right: 0;

        &::before {
          display: none;
        }
      }
    }
  }

  th.el-table__cell:not(.fixed-column),
  td.el-table__cell:not(.fixed-column) {
    background: transparent !important;
  }

  .el-checkbox {
    width: 16px;
    height: 16px;

    .el-checkbox__input {
      width: 16px;
      height: 16px;

      .el-checkbox__inner {
        width: 16px;
        height: 16px;

        border: none;
        background: url("@/assets/images/common/n-checkbox.png") no-repeat center / 100% 100% !important;
      }
    }

    &.is-checked {
      .el-checkbox__input {
        .el-checkbox__inner {
          border: none;
          background: url("@/assets/images/common/checkbox.png") no-repeat center / 100% 100% !important;

          &::after {
            content: none;
          }
        }
      }
    }
  }

  .fixed-column {
    background-color: #1A1A2A !important;
  }
}

 applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue

@@ -27,34 +27,46 @@
            </el-table>
        </div>
    <div class="gd-pagination-parent">
                <el-pagination
                    popper-class="gd-select-popper"
                    v-model:current-page="params.current"
                    v-model:page-size="params.size"
                    layout="total, prev, pager, next, sizes"
                    :total="total"
                    @change="getList"
                />
        <el-pagination popper-class="gd-select-popper" v-model:current-page="params.current"
          v-model:page-size="params.size" layout="total, prev, pager, next, sizes" :total="total" @change="getList" />
            </div>
    </div>
  <el-dialog class="gd-dialog" append-to-body v-model="isShowEditView" :title="titleTxt"
        :width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true" @close="handleClose">
    <el-dialog class="gd-dialog" append-to-body v-model="isShowEditView" :title="titleTxt" :width="pxToRem(800)"
      :close-on-click-modal="false" :destroy-on-close="true" @close="handleClose">
      <el-form class="gd-dialog-form" ref="ruleFormRef" :model="editParams" :rules="rules" label-width="140px">
        <el-row>
          <el-col span="12">
        <el-form-item label="营业收入" prop="operatingIncome">
          <el-input class="gd-input" v-model="editParams.operatingIncome" />
        </el-form-item>
          </el-col>
          <el-col span="12">
        <el-form-item label="综合总成本费用" prop="totalCost">
          <el-input class="gd-input" v-model="editParams.totalCost" />
        </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col span="12">
        <el-form-item label="净利润" prop="netProfit">
          <el-input class="gd-input" v-model="editParams.netProfit" />
        </el-form-item>
          </el-col>
          <el-col span="12">
        <el-form-item label="财务内部收益率" prop="financialIrr">
          <el-input class="gd-input" v-model="editParams.financialIrr" />
        </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col span="12">
        <el-form-item label="市场空间" prop="marketSpace">
          <el-input class="gd-input" v-model="editParams.marketSpace"  />
        </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    <!-- </div> -->
     <template #footer>
@@ -67,15 +79,15 @@
  </basic-container>
</template>
<script setup>
import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
import { operatingIncomePage, operatingIncomeUpdate, operatingIncomeAdd, operatingIncomeBatchDelete } from './operatingIncomeApi';
import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
import { operatingIncomePage, operatingIncomeUpdate, operatingIncomeAdd, operatingIncomeBatchDelete } from './operatingIncomeApi'

let titleTxt = ref('新增')
const total = ref(0)
const params = ref({
  current: 1,
  size: 10,
});
})
const submitting = ref(false)
const loading = ref(true) // 列表加载中
const selectedIds = ref([]) // 勾选的ID列表
@@ -98,9 +110,9 @@
    {
      validator: (rule, value, callback) => {
        if (!/^\d+(\.\d+)?$/.test(value)) {
          callback(new Error('请输入有效的数字（整数或小数）'));
          callback(new Error('请输入有效的数字（整数或小数）'))
        } else {
          callback();
          callback()
        }
      },
      trigger: 'blur'
@@ -111,9 +123,9 @@
    {
      validator: (rule, value, callback) => {
        if (!/^\d+(\.\d+)?$/.test(value)) {
          callback(new Error('请输入有效的数字（整数或小数）'));
          callback(new Error('请输入有效的数字（整数或小数）'))
        } else {
          callback();
          callback()
        }
      },
      trigger: 'blur'
@@ -124,9 +136,9 @@
    {
      validator: (rule, value, callback) => {
        if (!/^\d+(\.\d+)?$/.test(value)) {
          callback(new Error('请输入有效的数字（整数或小数）'));
          callback(new Error('请输入有效的数字（整数或小数）'))
        } else {
          callback();
          callback()
        }
      },
      trigger: 'blur'
@@ -137,9 +149,9 @@
    {
      validator: (rule, value, callback) => {
        if (!/^\d+(\.\d+)?$/.test(value)) {
          callback(new Error('请输入有效的数字（整数或小数）'));
          callback(new Error('请输入有效的数字（整数或小数）'))
        } else {
          callback();
          callback()
        }
      },
      trigger: 'blur'
@@ -243,6 +255,7 @@
    border-radius: 5px;
    display: flex;
    flex-direction: column;

    .search-box {
      margin-top: 20px;
      height: 40px;
@@ -261,6 +274,7 @@
      margin-top: 18px;
      overflow: auto;
    }

    :deep(.el-pagination) {
      display: flex;
      justify-content: right;
@@ -270,6 +284,7 @@
      background: center center no-repeat none !important;
      color: #8eb8ea !important;
    }

    :deep(.ztzf-select){
      .el-select__selection {
        width: 200px;
@@ -309,14 +324,17 @@
    }
  }
}

.content-edit {
  .el-form {
    .el-form-item {
      width: 320px;

      :deep(.el-form-item__label) {
        width: 140px;
      }
    }

    // .el-form-item:last-child {
    //   width: 640px;
    // }

 applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue

@@ -56,7 +56,7 @@
                        </el-col>
                    </el-row>
                    <div class="detail-title" :style="{ marginTop: pxToRem(20) }">已选设备</div>
                    <el-table class="setHeight" ref="deviceTableRef" :data="deviceList" row-key="id">
                    <el-table class="setHeight gd-dialog-table" ref="deviceTableRef" :data="deviceList" row-key="id">
                        <el-table-column prop="nickname" label="设备名称" />
                        <el-table-column prop="deviceName" label="设备型号" />
                        <el-table-column prop="devicePayload" label="设备负载" />