条码生成页面完善

src/views/components/QrCodeDemo.vue

@@ -34,39 +34,11 @@
                   type="primary"
                   @click="firstButton"
                 >点击生成二维码</el-button>
-                <!-- <el-button style="float: right; padding: 3px 0" type="text"
-                  >打印二维码</el-button
-                > -->
                 <el-button
                   type="text"
                   style="float: right; padding: 3px 0"
                   @click="dialogTableVisibleOne = true"
                 >打印二维码</el-button>
-
-                <el-dialog
-                  title=""
-                  :visible.sync="dialogTableVisibleOne"
-                  width="50%"
-                >
-                  <div style="margin-left:180px">
-                    <qrcode-vue :value="qrCode" :size="size" level="H" />
-                  </div>
-                  <span slot="footer" class="dialog-footer">
-                    <el-button
-                      @click="dialogTableVisibleOne = false"
-                    >取 消</el-button>
-                    <el-button type="danger">打印二维码</el-button>
-                    <el-button
-                      type="primary"
-                      @click="dialogTableVisibleOne = false"
-                    >确 定</el-button>
-                  </span>
-                </el-dialog>
-
-                <!--
-                <el-dialog :visible.sync="dialogTableVisibleOne" width="500px">
-                  <qrcode-vue :value="qrCode" :size="size" level="H" />
-                </el-dialog> -->
               </div>
               <div class="item1">
                 <div>
@@ -87,32 +59,11 @@
                   type="primary"
                   @click="SecButton"
                 >点击生成条形码</el-button>
-
                 <el-button
                   type="text"
                   style="float: right; padding: 3px 0"
                   @click="dialogTableVisibleTwo = true"
                 >打印条形码</el-button>
-
-                <el-dialog
-                  title=""
-                  :visible.sync="dialogTableVisibleTwo"
-                  width="60%"
-                >
-                  <div style="margin-left:100px">
-                    <barcode :value="maBarCode" :format="barcodeFormat" />
-                  </div>
-                  <span slot="footer" class="dialog-footer">
-                    <el-button
-                      @click="dialogTableVisibleTwo = false"
-                    >取 消</el-button>
-                    <el-button type="danger">打印条形码</el-button>
-                    <el-button
-                      type="primary"
-                      @click="dialogTableVisibleTwo = false"
-                    >确 定</el-button>
-                  </span>
-                </el-dialog>
               </div>
               <div class="item2">
                 <div>
@@ -124,6 +75,23 @@
         </el-col>
       </el-row>
     </div>
+    <el-dialog title="" :visible.sync="dialogTableVisibleOne" width="50%">
+      <div style="margin-left:180px">
+        <qrcode-vue :value="qrCode" :size="size" level="H" />
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="danger">打印二维码</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog title="" :visible.sync="dialogTableVisibleTwo" width="60%">
+      <div style="margin-left:100px">
+        <barcode :value="maBarCode" :format="barcodeFormat" />
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="danger">打印条形码</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>