system-clients 3.1.89-20 → 3.1.89-20-rongchuang-1

package/src/components/server/ImageVieweTest.vue

@@ -1,56 +1,56 @@
-<template>
-    <div id="app">
-      <!-- 图片放大镜,需要自定义图片的宽高在这里传入,组件有设置默认的宽高,不传也可以 -->
-      <h4>这是父组件</h4>
-      <h4>安检总体照片</h4>
-     <!-- <button @click="show">显示</button>-->
-      <!--<img :src="src" @click="show" style="width: 80px;height: 80px" >-->
-      <div style="width: 500px; height: 500px;">
-        <button class="btn-default btn" @click="show_p">查看图片</button>
-      <image-viewer :src="src" :show="show_msg" @clone_f="clone_p" alt="总体安检照片"></image-viewer>
-      <h4>用户签名</h4>
-      <h4>用户签名</h4>
-      </div>
-     </div>
-
-</template>
-<script>
-  export default {
-    name: 'app',
-    title: '图片测试',
-    data () {
-      return {
-        show_msg: false,
-        src: [],
-        src1: [
-          {url: 'http://139.9.137.3:8400/rs/image/file/cfdf411d77df828301a56731df655f28-f_overall_path.jpg'},
-          {url: 'http://mp.ofweek.com/Upload/News/Img/member645/201711/17170046839337.jpg'}
-        ],
-        src2: [
-          {url: 'http://image.buy.ccb.com/merchant/201703/904919627/1522929521661_4.jpg'}
-        ],
-        src3: [
-          {url: 'http://d.ifengimg.com/w600/p0.ifengimg.com/pmop/2017/1213/A4037864F6728F006B67AAEC51EC8A485F320FD2_size93_w1024_h734.jpeg'}
-        ]
-      }
-    },
-    methods: {
-      show_p () {
-        console.log('调用图片查看器')
-        // 传要查看的图片
-        this.src = this.src1
-        console.log(this.src)
-        // 显示组件
-        this.show_msg = true
-      },
-      clone_p () {
-        // 关闭组件
-        this.show_msg = false
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>
+<template>
+    <div id="app">
+      <!-- 图片放大镜,需要自定义图片的宽高在这里传入,组件有设置默认的宽高,不传也可以 -->
+      <h4>这是父组件</h4>
+      <h4>安检总体照片</h4>
+     <!-- <button @click="show">显示</button>-->
+      <!--<img :src="src" @click="show" style="width: 80px;height: 80px" >-->
+      <div style="width: 500px; height: 500px;">
+        <button class="btn-default btn" @click="show_p">查看图片</button>
+      <image-viewer :src="src" :show="show_msg" @clone_f="clone_p" alt="总体安检照片"></image-viewer>
+      <h4>用户签名</h4>
+      <h4>用户签名</h4>
+      </div>
+     </div>
+
+</template>
+<script>
+  export default {
+    name: 'app',
+    title: '图片测试',
+    data () {
+      return {
+        show_msg: false,
+        src: [],
+        src1: [
+          {url: 'http://139.9.137.3:8400/rs/image/file/cfdf411d77df828301a56731df655f28-f_overall_path.jpg'},
+          {url: 'http://mp.ofweek.com/Upload/News/Img/member645/201711/17170046839337.jpg'}
+        ],
+        src2: [
+          {url: 'http://image.buy.ccb.com/merchant/201703/904919627/1522929521661_4.jpg'}
+        ],
+        src3: [
+          {url: 'http://d.ifengimg.com/w600/p0.ifengimg.com/pmop/2017/1213/A4037864F6728F006B67AAEC51EC8A485F320FD2_size93_w1024_h734.jpeg'}
+        ]
+      }
+    },
+    methods: {
+      show_p () {
+        console.log('调用图片查看器')
+        // 传要查看的图片
+        this.src = this.src1
+        console.log(this.src)
+        // 显示组件
+        this.show_msg = true
+      },
+      clone_p () {
+        // 关闭组件
+        this.show_msg = false
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>