工单下发明显展示点位为重点点位

xiangpei

2024-07-26 b81cc81e2692cd03532548d1dd839ea87d760f4e

工单下发明显展示点位为重点点位

 src/assets/styles/index.css

@@ -168,8 +168,8 @@
  left: 0;
  z-index: 1001;
  overflow: hidden;
  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  -webkit-box-shadow: 2px 0 2px rgba(0, 21, 41, 0.35);
  box-shadow: 2px 0 2px rgba(0, 21, 41, 0.35);
}

#app .sidebar-container .horizontal-collapse-transition {

 src/assets/styles/sidebar.scss

@@ -24,8 +24,8 @@
    left: 0;
    z-index: 1001;
    overflow: hidden;
    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
    box-shadow: 2px 0 6px rgba(0,21,41,.35);
    -webkit-box-shadow: 2px 0 2px rgba(0,21,41,.35);
    box-shadow: 2px 0 2px rgba(0,21,41,.35);

    // reset element-ui css
    .horizontal-collapse-transition {

 src/views/system/work-order/distribute/index.vue

@@ -96,9 +96,19 @@
        <el-table v-loading="loading" :data="workOrderList" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="工单号" align="center" prop="workOrderNo"/>
          <el-table-column label="运维单位" align="center" prop="unitName"/>
          <el-table-column label="工单来源" align="center" prop="source"/>
          <el-table-column label="故障点位" align="center" prop="source">
            <template slot-scope="scope">
              <el-popover
                placement="right"
                :title="scope.row.important ? '重点点位': '正常点位'"
                width="200"
                trigger="hover">
                <span :class="{important: scope.row.important}" slot="reference">{{ scope.row.source }}</span>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column label="故障类型" align="center" prop="errorType"/>
          <el-table-column label="运维单位" align="center" prop="unitName"/>
          <el-table-column label="产生时间" align="center" prop="createTime"/>
        </el-table>

@@ -420,6 +430,12 @@
</script>

<style scoped>
.important {
  color: red;
}
/deep/ .el-popover__title {
  margin-bottom: 0px;
}
.row {
  padding: 0 20px;
}