|
|
|
@ -40,10 +40,17 @@ |
|
|
|
</div> |
|
|
|
<div class="title">验车相关照片</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> <!-- v-for="item in imgList01" :src="item" @click="open(item)--> |
|
|
|
<img v-show="temp.carInspectedImage ? true : false" v-for="item in temp.carInspectedImage" |
|
|
|
style="cursor:pointer;width: 178px;height: 178px;" |
|
|
|
:src="item" @click="open(temp.carInspectedImage)"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-image |
|
|
|
style="width: 178px;height: 178px;" |
|
|
|
v-for="(item,index) in temp.carInspectedImage" |
|
|
|
:key="index" |
|
|
|
:src="item" |
|
|
|
:preview-src-list="temp.carInspectedImage"> |
|
|
|
</el-image> |
|
|
|
<!-- <img v-show="temp.carInspectedImage ? true : false" v-for="(item,index) in temp.carInspectedImage"--> |
|
|
|
<!-- style="cursor:pointer;width: 178px;height: 178px;"--> |
|
|
|
<!-- :src="item" @click="open(temp.carInspectedImage,index)">--> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
@ -51,9 +58,16 @@ |
|
|
|
<span>厂家验车单照片</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="21"> |
|
|
|
<img v-show="temp.factoryImage ? true : false" v-for="item in temp.factoryImage" |
|
|
|
style="cursor:pointer;width: 178px;height: 178px;" |
|
|
|
:src="item" @click="open(temp.factoryImage)"> |
|
|
|
<el-image |
|
|
|
style="width: 178px;height: 178px;" |
|
|
|
v-for="(item,index) in temp.factoryImage" |
|
|
|
:key="index" |
|
|
|
:src="item" |
|
|
|
:preview-src-list="temp.factoryImage"> |
|
|
|
</el-image> |
|
|
|
<!-- <img v-show="temp.factoryImage ? true : false" v-for="(item,index) in temp.factoryImage"--> |
|
|
|
<!-- style="cursor:pointer;width: 178px;height: 178px;"--> |
|
|
|
<!-- :src="item" @click="open(temp.factoryImage,index)">--> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
@ -69,16 +83,19 @@ |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog :visible.sync="dialogVisible" width="1000px" |
|
|
|
:close-on-click-modal="false"> |
|
|
|
<div class="result-cont"> |
|
|
|
<el-carousel indicator-position="outside" style="height: 500px;"> |
|
|
|
<el-carousel-item v-for="item in dialogUrl" :key="item" style="height: 500px;"> |
|
|
|
<img style="width: 100%; height: 500px;" :src="item"> |
|
|
|
</el-carousel-item> |
|
|
|
</el-carousel> |
|
|
|
</div> |
|
|
|
<el-dialog :visible.sync="dialogVisible"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""> |
|
|
|
</el-dialog> |
|
|
|
<!-- <el-dialog :visible.sync="dialogVisible" width="1000px"--> |
|
|
|
<!-- :close-on-click-modal="false">--> |
|
|
|
<!-- <div class="result-cont">--> |
|
|
|
<!-- <el-carousel indicator-position="outside" style="height: 500px;">--> |
|
|
|
<!-- <el-carousel-item v-for="item in dialogUrl" :key="item" style="height: 500px;">--> |
|
|
|
<!-- <img style="width: 100%; height: 500px;" :src="item">--> |
|
|
|
<!-- </el-carousel-item>--> |
|
|
|
<!-- </el-carousel>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </el-dialog>--> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -92,17 +109,16 @@ export default { |
|
|
|
viewTitle: '', |
|
|
|
// --按钮菜单------- |
|
|
|
sid: '', |
|
|
|
dialogVisible:false, |
|
|
|
dialogVisible: false, |
|
|
|
datas: null, |
|
|
|
stateId: 0, |
|
|
|
FormLoading: false, |
|
|
|
listLoading: false, |
|
|
|
dialogUrl:'', |
|
|
|
dialogUrl: [], |
|
|
|
dialogImageUrl: '', |
|
|
|
imgList01: [], // 附件上传 |
|
|
|
imgList02: [], // 附件上传 |
|
|
|
temp: { |
|
|
|
|
|
|
|
}, // 添加和修改 |
|
|
|
temp: {}, // 添加和修改 |
|
|
|
dialogFormVisible: false, // 添加修改对话框状态 |
|
|
|
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
|
|
dialogStatus: '', // 对话框状态 |
|
|
|
@ -128,9 +144,10 @@ export default { |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
open(val) { |
|
|
|
open(val, index) { |
|
|
|
this.dialogVisible = true |
|
|
|
this.dialogUrl = val |
|
|
|
this.dialogImageUrl = val[index] |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
God
3 years ago