代码优化

whyczyk

2021-08-31 51b3d337e816b6619ff935587235472192e05ea7

代码优化

 src/pages/alarm-details.vue

@@ -5,7 +5,7 @@
    <div class="detailsCon">
      <div class="card">
        <div class="commonTitle cardTitle">
          {{alarmInfo.alarmData.alarmname}}
          {{alarmInfo.alarmName}}
        </div>
        <div class="commonTitle">
          <div class="label">
@@ -54,7 +54,7 @@
        </div>
        <div class="commonTitle">
          <div class="label">
            处理状态：
            订单状态：
          </div>
          <div class="text" v-if="alarmInfo.status==2&&stepsActive==0" style="color: #eac406;">
            处理中
@@ -70,78 +70,82 @@
          </div>
        </div>
      </div>
      <div class="subBtn" @click="startHandle" v-if="alarmInfo.status==1">开始处理</div>
      <div class="card" v-if="alarmInfo.status==2">
        <div class="commonTitle cardTitle">
          订单状态
        </div>
        <van-steps :active="stepsActive">
          <van-step>处理中</van-step>
          <van-step>待审核</van-step>
          <van-step>已完成</van-step>
        </van-steps>
      </div>
      <div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status==2&&stepsActive==0">继续处理</div>
      <div class="card" v-else-if="alarmInfo.status==2&&stepsActive==1||alarmInfo.status==2&&stepsActive==2">
        <div class="commonTitle cardTitle">
          告警处理
        </div>
        <div class="commonTitle">
          <div class="label">
            问题描述：
      <div v-if="!isNoAlarm">
        <div class="subBtn" @click="startHandle" v-if="alarmInfo.status==1">开始处理</div>
        <div class="card" v-if="alarmInfo.status==2">
          <div class="commonTitle cardTitle">
            订单状态：
          </div>
          <div class="text">
            {{handleInfo.description}}
          </div>
          <van-steps :active="stepsActive">
            <van-step>处理中</van-step>
            <van-step>待审核</van-step>
            <van-step>已完成</van-step>
          </van-steps>
        </div>
        <div class="commonTitle">
          <div class="label">
            处理前照片：
        <div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status==2&&stepsActive==0">继续处理</div>
        <div class="card" v-else-if="alarmInfo.status==2&&stepsActive==1||alarmInfo.status==2&&stepsActive==2">
          <div class="commonTitle cardTitle">
            告警处理：
          </div>
          <div class="text">
            <div class="van-uploader__wrapper"
              v-if="handleInfo.imageBefore&&handleInfo.imageBefore.split(',').length>0">
              <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageBefore.split(',')" :key="i"
                @click="toShowImgpreview(handleInfo.imageBefore.split(','))">
                <div class="van-image van-uploader__preview-image">
                  <img :src="item" class="van-image__img" style="object-fit: cover;">
          <div class="commonTitle">
            <div class="label">
              问题描述：
            </div>
            <div class="text">
              {{handleInfo.description}}
            </div>
          </div>
          <div class="commonTitle">
            <div class="label">
              处理前照片：
            </div>
            <div class="text">
              <div class="van-uploader__wrapper"
                v-if="handleInfo.imageBefore&&handleInfo.imageBefore.split(',').length>0">
                <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageBefore.split(',')" :key="i"
                  @click="toShowImgpreview(handleInfo.imageBefore.split(','))">
                  <div class="van-image van-uploader__preview-image">
                    <img :src="item" class="van-image__img" style="object-fit: cover;">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="commonTitle">
          <div class="label">
            处理方法：
          <div class="commonTitle">
            <div class="label">
              处理方法：
            </div>
            <div class="text">
              {{handleInfo.workWay}}
            </div>
          </div>
          <div class="text">
            {{handleInfo.workWay}}
          </div>
        </div>
        <div class="commonTitle">
          <div class="label">
            处理后照片：
          </div>
          <div class="text">
            <div class="van-uploader__wrapper" v-if="handleInfo.imageAfter&&handleInfo.imageAfter.split(',').length>0">
              <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageAfter.split(',')" :key="i"
                @click="toShowImgpreview(handleInfo.imageAfter.split(','))">
                <div class="van-image van-uploader__preview-image">
                  <img :src="item" class="van-image__img" style="object-fit: cover;">
          <div class="commonTitle">
            <div class="label">
              处理后照片：
            </div>
            <div class="text">
              <div class="van-uploader__wrapper"
                v-if="handleInfo.imageAfter&&handleInfo.imageAfter.split(',').length>0">
                <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageAfter.split(',')" :key="i"
                  @click="toShowImgpreview(handleInfo.imageAfter.split(','))">
                  <div class="van-image van-uploader__preview-image">
                    <img :src="item" class="van-image__img" style="object-fit: cover;">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="commonTitle">
          <div class="label">
            意见建议：
          </div>
          <div class="text">
            {{handleInfo.workSuggest}}
          <div class="commonTitle">
            <div class="label">
              意见建议：
            </div>
            <div class="text">
              {{handleInfo.workSuggest}}
            </div>
          </div>
        </div>
      </div>
      <div class="subBtn" @click="completeAlarm" v-else>确认告警自动消除</div>
    </div>
    <van-image-preview v-model="showImgPreview" :images="ImgPreviewList">
    </van-image-preview>
@@ -160,6 +164,7 @@
    },
    data() {
      return {
        isNoAlarm: false,
        showImgPreview: false,
        ImgPreviewList: [],
        stepsActive: 0,
@@ -204,6 +209,27 @@
          }
        })
      },
      //确认自动完成告警
      completeAlarm() {
        this.$dialog.confirm({
          title: '提示',
          message: '请核实确认,该告警是否已自动消除？',
        }).then(() => {
          let postData = this.$units.deepClone(this.alarmInfo)
          postData.status = 3;
          postData.userId = sessionStorage.getItem('userId');
          updateWorkAlarm(postData).then((res) => {
            let resData = JSON.parse(res.data.result)
            if (resData.code == 1) {
              this.loadStatus()
            }
          }).catch((err) => {
            console.log(err)
          });
        }).catch(() => {
          // on cancel
        });
      },
      //点击图片显示图片预览层
      toShowImgpreview(list) {
        this.ImgPreviewList = list;
@@ -222,6 +248,11 @@
              this.handleInfo = resData.data.userWorkList[0];
              this.stepsActive = this.handleInfo.checkStatus
            }
            if (this.alarmInfo.alarmData.num == 0 && this.alarmInfo.status != 3) {
              this.isNoAlarm = true
            } else {
              this.isNoAlarm = false
            }
          }
        }).catch((err) => {
          console.log(err)

 src/pages/index.vue

@@ -13,7 +13,7 @@
                      <van-tag class="tag" v-if="item.alarmData.alm_level==1">一级</van-tag>
                      <van-tag class="tag" v-else-if="item.alarmData.alm_level==2">二级</van-tag>
                      <van-tag class="tag" v-else-if="item.alarmData.alm_level==3">三级</van-tag>
                      {{item.alarmData.alarmname}}
                      {{item.alarmName}}
                    </div>
                    <div class="time">{{item.dispatchTime}}</div>
                  </template>
@@ -67,7 +67,7 @@
            pageCurr: 0
          }
        }, {
          title: '已处理',
          title: '已完成',
          listData: [],
          loading: false,
          finished: false,
@@ -101,6 +101,7 @@
          let resData = JSON.parse(res.data.result).data
          tab.loading = false;
          if (resData && resData.data && resData.data.length > 0) {
            console.log(resData.data)
            tab.listData.push(...resData.data)
          }
          if (resData.pageCurr >= this.$units.pageTotal(resData.pageAll, tab.page.pageSize)) {