代码优化

xiebin

2022-10-10 d7e829cea04f498cb14d30b9913a696158d7b734

代码优化

 src/views/eventgm/eventgmDetail.vue

@@ -1,12 +1,11 @@
<template>
  <div>
    <el-button class="backBtn" size="small" type="success" icon="el-icon-back" @click="handleBack">返 回
    </el-button>
    <el-button class="backBtn" size="small" type="success" icon="el-icon-back" @click="handleBack">返 回</el-button>
    <el-row>
      <el-col :span="12">
        <div>
          <el-card class="trackClass" style="overflow-y: auto">
            <!--事件详情信息-->
            <!--事件详情信息开始-->
            <div
              style=""
              role="tab"
@@ -21,7 +20,7 @@
              >
                <div class="avue-group__header avue-group">
                  <i class="el-icon-info avue-group__icon"></i>
                  <h1 class="avue-group__title">事件详情信息</h1>
                  <h1 class="avue-group__title">详情信息</h1>
                </div>
              </div>
            </div>
@@ -46,7 +45,6 @@
                      <el-input disabled="true" v-model="form.address" autocomplete="off"></el-input>
                    </el-form-item>
                  </el-col>

                </el-row>
                <el-row>
                  <el-col span="24">
@@ -55,19 +53,6 @@
                    </el-form-item>
                  </el-col>
                </el-row>
<!--                <el-row>-->
<!--                  <el-col span="12">-->
<!--                    <el-form-item label="经度">-->
<!--                      <el-input disabled="true" v-model="form.longitude" autocomplete="off"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </el-col>-->
<!--                  <el-col span="12">-->
<!--                    <el-form-item label="纬度">-->
<!--                      <el-input disabled="true" v-model="form.latitude" autocomplete="off"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </el-col>-->
<!--                </el-row>-->

                <el-row>
                  <el-col span="12">
                    <el-form-item label="事件状态">
@@ -87,9 +72,21 @@
                      <el-input disabled="true" v-model="form.remark" autocomplete="off"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col span="12" v-if="form.no">
                    <el-form-item label="工单编号">
                      <el-input disabled="true" v-model="form.no" autocomplete="off"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col span="12" v-if="form.no">
                    <el-form-item label="工单状态">
                      <el-input disabled="true" v-if="repairsDetail.toUserId > 0" value="已派单" autocomplete="off"></el-input>
                      <el-input disabled="true" v-else value="未派单" autocomplete="off"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </el-card>
            <!--事件详情信息结束-->

            <!--事件图片或视频-->
            <div
@@ -106,7 +103,7 @@
                >
                  <div class="avue-group__header avue-group">
                    <i class="el-icon-s-order avue-group__icon"></i>
                    <h1 class="avue-group__title">事件图片和视频</h1>
                    <h1 class="avue-group__title">图片和视频</h1>
                  </div>
                </div>
              </div>
@@ -128,35 +125,9 @@

              <span v-show="picUrls.length == 0&&videoUrls.length ==0">暂无数据</span>
            </el-card>
              <!--视频-->
<!--            <div-->
<!--              style=""-->
<!--              role="tab"-->
<!--              aria-expanded="true"-->
<!--              aria-controls="el-collapse-content-823"-->
<!--              aria-describedby="el-collapse-content-823"-->
<!--            >-->
<!--              <div-->
<!--                role="button"-->
<!--                tabindex="0"-->
<!--                class="el-collapse-item__header focusing is-active"-->
<!--              >-->
<!--                <div class="avue-group__header avue-group">-->
<!--                  <i class="el-icon-s-order avue-group__icon"></i>-->
<!--                  <h1 class="avue-group__title">事件视频</h1>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <el-card>-->
<!--              <video-->
<!--                :src="videoUrls"-->
<!--                style="width: 200px; height: 200px; object-fit: fill"-->
<!--                controls-->
<!--                v-show="videoUrls != ''"-->
<!--              ></video>-->
<!--              <span v-show="videoUrls.length == 0">暂无视频</span>-->
<!--            </el-card>-->
            <!--事件流程信息-->
            <!--事件图片或视频结束-->

            <!--事件轨迹-->
            <div
              style=""
              role="tab"
@@ -171,7 +142,7 @@
              >
                <div class="avue-group__header avue-group">
                  <i class="el-icon-s-order avue-group__icon"></i>
                  <h1 class="avue-group__title">事件流程信息</h1>
                  <h1 class="avue-group__title">事件轨迹</h1>
                </div>
              </div>
            </div>
@@ -187,27 +158,22 @@
                <el-table-column prop="remark" label="说明"  align="center"></el-table-column>
              </el-table>
            </el-card>
            <!--事件轨迹结束-->

            <!--是否显示维修信息-->
            <div v-if="this.form.no">
              <!--维修人员信息-->
              <div v-if="repairsDetail.toUserId != -1">
                <div
                style="margin-top: -10px"
                role="tab"
                aria-expanded="true"
                aria-controls="el-collapse-content-823"
                aria-describedby="el-collapse-content-823"
              >
                <div
                  role="button"
                  tabindex="0"
                  class="el-collapse-item__header focusing is-active"
                >
                  <div class="avue-group__header avue-group">
                    <i class="el-icon-s-custom avue-group__icon"></i>
                    <h1 class="avue-group__title">维修人员信息</h1>
                <div style="margin-top: -10px" role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
                aria-describedby="el-collapse-content-823" >
                  <div role="button" tabindex="0"
                    class="el-collapse-item__header focusing is-active" >
                    <div class="avue-group__header avue-group">
                      <i class="el-icon-s-custom avue-group__icon"></i>
                      <h1 class="avue-group__title">
                        维修人员信息 <span v-if="repairsDetail.toUserId < 0 || repairsDetail.toUserId == null">(未派单)</span>
                      </h1>
                    </div>
                  </div>
                </div>
                </div>
                <el-card>
                <el-table
@@ -222,8 +188,9 @@
                  <el-table-column prop="phone" label="联系电话"  align="center"></el-table-column>
                </el-table>
              </el-card>
              </div>
              <!--维修流程信息-->
              <!--维修人员信息结束-->

              <!--维修轨迹开始-->
              <div
                style="margin-top: 15px"
                role="tab"
@@ -238,7 +205,7 @@
                >
                  <div class="avue-group__header avue-group">
                    <i class="el-icon-s-order avue-group__icon"></i>
                    <h1 class="avue-group__title">维修流程信息</h1>
                    <h1 class="avue-group__title">维修轨迹</h1>
                  </div>
                </div>
              </div>
@@ -254,7 +221,9 @@
                  <el-table-column prop="remark" label="说明"  align="center"></el-table-column>
                </el-table>
              </el-card>
              <!--维修轨迹结束-->
            </div>

          </el-card>
        </div>
      </el-col>
@@ -315,9 +284,7 @@
      var params = {eventId : this.form.id}
      getEventgmRecordList(1,100,params).then(res=>{
        if (res.data.code ==200){
          res.data.data.records.forEach(e=>{
            this.eventgmRecord.push(e)
          })
          this.eventgmRecord = res.data.data.records
        }
      })
    },
@@ -339,7 +306,9 @@
        getDetail({no:this.form.no}).then(res=>{
          if (res.data.code == 200){
           this.repairsDetail = res.data.data
            this.getRepairPersonInfo();
            if (this.repairsDetail.toUserId > 0) {
              this.getRepairPersonInfo()
            }
         }
        })
      }