| | |
| | | </el-form> |
| | | </el-card> |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="16"> |
| | | <div class="grid-content bg-purple"></div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="grid-content bg-purple"></div> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <div class="demo-image__placeholder"> |
| | | <div |
| | | style="margin-top: 20px" |
| | | role="tab" |
| | | aria-expanded="true" |
| | | aria-controls="el-collapse-content-823" |
| | | aria-describedby="el-collapse-content-823" |
| | | > |
| | | <div |
| | | role="tab" |
| | | aria-expanded="true" |
| | | aria-controls="el-collapse-content-823" |
| | | aria-describedby="el-collapse-content-823" |
| | | role="button" |
| | | tabindex="0" |
| | | class="el-collapse-item__header focusing is-active" |
| | | > |
| | | <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> |
| | | <el-input |
| | | disabled="true" |
| | | type="textarea" |
| | | v-model="security.describe" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-card> |
| | | |
| | | <div class="block"> |
| | | <div |
| | | style="margin-top: 20px" |
| | | 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-camera-solid avue-group__icon"></i> |
| | | <h1 class="avue-group__title">现场图片</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-card class="scene-image-box"> |
| | | <el-image |
| | | v-for="(item, index) in imgSrc" |
| | | :key="index" |
| | | :src="item" |
| | | :preview-src-list="srcList" |
| | | v-show="imgSrc.length > 0" |
| | | ></el-image> |
| | | <span v-show="imgSrc.length == 0">暂无现场图片</span> |
| | | </el-card> |
| | | </div> |
| | | <div class="block"> |
| | | <div |
| | | style="margin-top: 20px" |
| | | 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-video-camera-solid avue-group__icon"></i> |
| | | <h1 class="avue-group__title">现场视频</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-card> |
| | | <video |
| | | :src="feedbackVideo" |
| | | style="width: 100%; height: 100%; object-fit: fill" |
| | | controls |
| | | v-show="feedbackVideo != ''" |
| | | ></video> |
| | | <span v-show="feedbackVideo == ''">暂无现场视频</span> |
| | | </el-card> |
| | | <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> |
| | | <el-input |
| | | disabled="true" |
| | | type="textarea" |
| | | v-model="security.describe" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-card> |
| | | |
| | | <div |
| | | style="margin-top: 20px" |
| | | 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-camera-solid avue-group__icon"></i> |
| | | <h1 class="avue-group__title">现场图片</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-card class="scene-image-box"> |
| | | <el-image |
| | | v-for="(item, index) in imgSrc" |
| | | :key="index" |
| | | :src="item" |
| | | :preview-src-list="srcList" |
| | | v-show="imgSrc.length > 0" |
| | | ></el-image> |
| | | <span v-show="imgSrc.length == 0">暂无现场图片</span> |
| | | </el-card> |
| | | |
| | | <div |
| | | style="margin-top: 20px" |
| | | 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-video-camera-solid avue-group__icon"></i> |
| | | <h1 class="avue-group__title">现场视频</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-card> |
| | | <video |
| | | :src="feedbackVideo" |
| | | style="width: 100%; height: 100%; object-fit: fill" |
| | | controls |
| | | v-show="feedbackVideo != ''" |
| | | ></video> |
| | | <span v-show="feedbackVideo == ''">暂无现场视频</span> |
| | | </el-card> |
| | | |
| | | <el-row :align="center" style="margin-top: 40px"> |
| | | <el-col :offset="10"> |
| | |
| | | jid: this.form.id, |
| | | }, |
| | | }).then((resdata) => { |
| | | if (resdata.data.data[0].List.length > 0) |
| | | this.security = resdata.data.data[0].List[0]; |
| | | if (resdata.data.data[0].tp.length > 0) { |
| | | this.imgSrc = resdata.data.data[0].tp; |
| | | this.srcList = resdata.data.data[0].tp; |
| | | } |
| | | if (resdata.data.data[0].sp.length > 0) { |
| | | this.feedbackVideo = resdata.data.data[0].sp[0]; |
| | | if (resdata.data.data.length > 0) { |
| | | if (resdata.data.data[0].List.length > 0) |
| | | this.security = resdata.data.data[0].List[0]; |
| | | if (resdata.data.data[0].tp.length > 0) { |
| | | this.imgSrc = resdata.data.data[0].tp; |
| | | this.srcList = resdata.data.data[0].tp; |
| | | } |
| | | if (resdata.data.data[0].sp.length > 0) { |
| | | this.feedbackVideo = resdata.data.data[0].sp[0]; |
| | | } |
| | | } |
| | | }); |
| | | }, |