Merge remote-tracking branch 'origin/master'

guoshilong

2022-11-23 998b75f0d4aaed03001ec4246cd4f3b4b0743b7e

 src/views/repairsorder/repairsorderDetail.vue

@@ -1,6 +1,6 @@
<template>
  <div>
    <el-button class="backBtn" size="small" type="success" icon="el-icon-back" plain @click="handleBack">返 回
    <el-button class="backBtn" size="small" type="success" icon="el-icon-back" @click="handleBack">返 回
    </el-button>
    <el-row>
      <el-col :span="12">
@@ -99,36 +99,46 @@
                :preview-src-list="picUrls"
                v-show="picUrls.length > 0"
              ></el-image>
              <span v-show="picUrls.length == 0">暂无图片</span>

              <video
                v-for="(item) in videoUrls" :key="item.id"
                :src="item"
                style="width: 145px; height: 145px; object-fit: fill; margin-right: 10px"
                controls
                v-show="item != ''"
              ></video>

              <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"-->
<!--              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
@@ -157,9 +167,9 @@
                style="width: 100%"
                max-height="240"
              >
                <el-table-column prop="name" label="姓名" width="150" align="center"></el-table-column>
                <el-table-column prop="realName" label="真名" width="150" align="center"></el-table-column>
                <el-table-column prop="phone" label="联系电话" width="170" align="center"></el-table-column>
                <el-table-column prop="name" label="姓名" align="center"></el-table-column>
                <el-table-column prop="realName" label="真名" align="center"></el-table-column>
                <el-table-column prop="phone" label="联系电话" align="center"></el-table-column>
              </el-table>
            </el-card>
          </el-card>
@@ -255,13 +265,6 @@
  display: block;
}

.backBtn{
  position: fixed;
  top: 20%;
  right: 3%;
  z-index: 99999;
}

.scene-image-box {
  line-height: 32px !important;
  height: auto;
@@ -280,10 +283,14 @@
    }

    .el-image {
      margin: 10px;
      width: 100px;
      height: 100px;
      margin-right: 10px;
      width: 145px;
      height: 145px;
    }
  }
}

.el-input.is-disabled ::v-deep .el-input__inner {
  color: #606266;
}
</style>