南昌市物联网技防平台-前端
zengh
2021-03-24 e2499a631708b565922aa3ce24da8a2a5dddc637
src/views/parcel/parcel.vue
@@ -29,23 +29,34 @@
          @click.stop="handleParcelPic(row)"
          >查看包裹图片
        </el-button>
      </template>
      
    </avue-crud>
    <el-dialog class="parcel-dialog" title="包裹图片" :visible.sync="dialogTableVisible" :append-to-body="true" :close-on-click-modal="false"
          @opened="parcelConversation = true" @close="(parcelConversation = false), (oldParcelSatart = false)" >
          <div>
            <img :src="'data:image/png;base64,'+imgUrl" >
          </div>
      <el-dialog
      height="30%"
      top="10%"
      :visible.sync="dialogTableVisible"
      :append-to-body="true"
      :close-on-click-modal="false"
      @opened="parcelConversation = true"
      @close="(parcelConversation = false), (oldParcelSatart = false)" >
      <div>
        <el-image  style="width: 60%;height:40%" :src="'data:image/png;base64,'+imgUrl"  :preview-src-list="'data:image/png;base64,'+imgUrl">
        </el-image>
        <!-- <img v-image-preview src="'data:image/png;base64,'+imgUrl"/> -->
      </div>
    </el-dialog>
  </basic-container>
</template>
<script>
  import {getList, getDetail, getParcelPic} from "@/api/parcel/parcel";
  import {mapGetters} from "vuex";
//   import VueDirectiveImagePreviewer from 'vue-directive-image-previewer';
//   import 'vue-directive-image-previewer/dist/assets/style.css';
// import Vue from 'vue';
//   Vue.use(VueDirectiveImagePreviewer);
  export default {
    data() {