添加条码样例

src/views/rulesManagement/barCodeManagement/details.vue

@@ -97,6 +97,15 @@
               </template>
             </el-table-column>
           </el-table>
+          <div class="basic-details-title">
+            <span class="border-span">条码样例</span>
+          </div>
+          <div class="vue-qr">
+            <vue-qr
+              :text="config.value ? config.value : ''"
+              class="vueQrSize"
+            ></vue-qr>
+          </div>
         </div>
       </div>
     </el-form>
@@ -119,8 +128,9 @@
   import selectUpload from '@/components/selectUpload';
   import print from '@/components/print';
   import addComponent from './add.vue';
+  import VueQr from 'vue-qr';
   export default {
-    components: { selectUpload, print, addComponent },
+    components: { selectUpload, print, addComponent, VueQr },
     data() {
       return {
         num: 1,
@@ -320,6 +330,14 @@
   .page {
     padding: 10px;
   }
+  .vue-qr {
+    width: 200px;
+    height: 200px;
+    .vueQrSize {
+      width: 100%;
+      height: 100%;
+    }
+  }
   .page-title {
     background: #fff;
     font-size: 18px;

vue.config.js

@@ -34,7 +34,7 @@ module.exports = {
         // target: 'http://192.168.1.124:50001',
         // target: 'http://192.168.1.147:18086',
         // target: 'http://192.168.1.116:18086',
-        target: 'http://192.168.1.125:18086',
+        target: 'http://192.168.1.116:18086',
         changeOrigin: true, // 只有这个值为true的情况下 才表示开启跨域
         pathRewrite: {
           '^/api': ''