MrShi
2025-08-19 ff087240b3dee29ce4e14ad0836e76b9fdf312cf
admin/src/components/business/OperaWorkorderDetailDcaInfoWindow.vue
@@ -8,23 +8,23 @@
    <div class="modal_wrap">
      <div class="modal_content">
        <div class="header">
          <img v-if="info.status == '3'" class="head_bg"
               src="@/assets/task/bg_shenhe_fail@2x.png" alt="">
          <img v-else-if="info.status == '4'" class="head_bg"
          <!--          <img v-if="info.status == '0'" class="head_bg"
                 src="@/assets/task/bg_shenhe_fail@2x.png" alt="">-->
          <img v-if="info.status == '4' || info.status == '3'||info.status == '5'||info.status == '6'" class="head_bg"
               src="@/assets/task/bg_shenhe_pass@2x.png" alt="">
          <img v-else class="head_bg" src="@/assets/task/bg_shenhe@2x.png" alt="">
          <div class="left">
            <div class="h1">不符合项:{{ info.problemTitle }}</div>
            <div class="time">提交时间:{{ info.createDate }}</div>
          </div>
          <div class="right"  :class="{ scs: info.status == '3' || info.status == '4' || info.status == '5',  msg: info.status == '6' }">{{statusMap[info.status] }}</div>
          <div class="right"  style="text-align:center;min-width: 90px" :class="{ scs: info.status == '3' || info.status == '4' || info.status == '5',  msg: info.status == '6' }">{{statusMap[info.status] }}</div>
        </div>
        <div class="info">
          <div class="title">工单信息</div>
          <div class="list">
            <div class="item">
              <div class="label">观察主题</div>
              <div class="value">{{ info.typeName }} / {{info.categoryName}}</div>
              <div class="value">{{ info.typeName }}/{{info.categoryName}}</div>
            </div>
            <div class="item">
              <div class="label">员工姓名</div>
@@ -35,7 +35,7 @@
              <div class="value">{{ info.companyName }} </div>
            </div>
            <div class="item">
              <div class="label">发生地点</div>
              <div class="label">位置</div>
              <div class="value">{{ info.locationName }}</div>
            </div>
            <div class="item">
@@ -43,10 +43,10 @@
              <div class="value">{{ info.submitDate }}</div>
            </div>
            <div class="item">
              <div class="label">发生时间</div>
              <div class="label">发现时间</div>
              <div class="value">{{ info.happenTime}}</div>
            </div>
            <div class="item">
            <div class="item" style="width: 100%">
              <div class="label">通知人</div>
              <div class="value">{{ info.memberNames }}</div>
            </div>
@@ -81,8 +81,7 @@
      </div>
      <div class="side" >
        <div class="side_title">处理流程</div>
        <div class="list" v-if=" info.logList != null && info.logList.length != 0
        ">
        <div class="list" v-if=" info.logList != null && info.logList.length != 0 ">
          <div class="item" v-for="(item, index) in info.logList" :key="item.id">
            <div class="separate" v-if="index < info.logList.length - 1"></div>
            <div class="info">
@@ -148,11 +147,11 @@
      info: {},
      statusMap: {
        0: '待分配WTS',
        1: '待分配任务',
        2: '待处理',
        3: '已解决',
        4: '已解决',
        5: '已解决'
        1: '待分配工程师',
        2: '待分配任务',
        3: 'SHE关闭',
        4: 'WTS关闭',
        5: '工程师关闭'
      },
      cateList: {
        0: 'SHE事件工单',
@@ -231,13 +230,14 @@
.modal_wrap {
  display: flex;
  height: 100%;
  height: auto;
  overflow: hidden;
  .modal_content {
    flex: 1;
    padding: 0px 30px;
    border-radius: 8px;
    overflow: hidden;
    overflow: auto;
    height: 100%;
    .title {
@@ -255,12 +255,12 @@
        .item {
          display: flex;
          width: 40%;
          width: 50%;
          font-size: 14px;
          margin-bottom: 20px;
          &:nth-of-type(2n) {
            width: 60%;
            width: 50%;
          }
          .label {
@@ -269,6 +269,7 @@
          }
          .value {
            width: calc(100% - 100px);
            color: #111111;
          }
        }
@@ -320,6 +321,7 @@
      }
      .scs {
        //min-width: 90px;
        background-color: #00BA67;
      }