添加 机型 分销

ruoyi-ui/src/views/bas/BasProductCode/index.vue

@@ -10,14 +10,14 @@
           </div>
           <el-form ref="form" :model="form" :rules="rules" label-width="80px">
             <el-row :gutter="20">
-              <el-col 
-                v-for="field in formFields" 
-                :key="field.prop" 
+              <el-col
+                v-for="field in formFields"
+                :key="field.prop"
                 :span="24"
               >
                 <el-form-item :label="field.label" :prop="field.prop">
-                  <el-input 
-                    v-model="form[field.prop]" 
+                  <el-input
+                    v-model="form[field.prop]"
                     :placeholder="field.placeholder"
                     :disabled="loading"
                   />
@@ -25,15 +25,15 @@
               </el-col>
             </el-row>
             <el-form-item class="form-actions">
-              <el-button 
-                type="warning" 
+              <el-button
+                type="warning"
                 @click="handlePreview"
                 :loading="previewLoading"
                 icon="el-icon-view"
               >
                 预览
               </el-button>
-              <el-button 
+              <el-button
                 @click="resetForm"
                 icon="el-icon-refresh"
               >
@@ -45,7 +45,7 @@
 
 
       </el-col>
-      
+
       <!-- 右侧预览区域 -->
       <el-col :span="16">
         <!-- 预览弹框 -->
@@ -99,10 +99,10 @@
                 </div>
                 <!-- 二维码区域 -->
                 <div class="qrcode-container">
-                  <vue-qr 
-                    :text="qrCodeValue" 
-                    :size="180" 
-                    :margin="0" 
+                  <vue-qr
+                    :text="qrCodeValue"
+                    :size="180"
+                    :margin="0"
                     :correctLevel="2"
                     error-correction-level="M"
                   />
@@ -156,10 +156,10 @@
                   </div>
                   <!-- 二维码区域 -->
                   <div class="qrcode-container">
-                    <vue-qr 
-                      :text="qrCodeValue" 
-                      :size="180" 
-                      :margin="0" 
+                    <vue-qr
+                      :text="qrCodeValue"
+                      :size="180"
+                      :margin="0"
                       :correctLevel="2"
                       error-correction-level="M"
                     />
@@ -173,14 +173,14 @@
             <el-button type="primary" @click="submitForm" :loading="submitLoading">保存并打印</el-button>
           </div>
         </el-dialog>
-        
+
         <!-- 历史数据区域 -->
         <div class="list-container" style="padding-bottom: 60px;">
           <div class="section-header" style="margin-bottom: 40px;">
             <h3>历史数据</h3>
             <div class="header-actions">
-              <el-button 
-                type="danger" 
+              <el-button
+                type="danger"
                 size="small"
                 @click="handleBatchDelete"
                 :disabled="!hasSelection"
@@ -201,10 +201,10 @@
              style="width: 100%;margin-bottom: 40px;height: 550px;"
             >
             <el-table-column type="selection" width="55" align="center"/>
-            <el-table-column 
-              v-for="column in tableColumns" 
+            <el-table-column
+              v-for="column in tableColumns"
               :key="column.prop"
-              :label="column.label" 
+              :label="column.label"
               :prop="column.prop"
               :width="column.width"
               :formatter="column.formatter"
@@ -345,6 +345,7 @@ export default {
   computed: {
     // 二维码内容
     qrCodeValue() {
+      console.log(this.previewData)
       const text = `${this.previewData.spare1}@${this.previewData.model}@${this.previewData.spare2}@${this.previewData.spare3}@${this.previewData.serial}`
       return this.procode(text)
     },
@@ -914,17 +915,17 @@ export default {
     margin: 0;
     size: auto;
   }
-  
+
   body {
     margin: 0;
   }
-  
+
   .preview-box {
     border: none;
     box-shadow: none;
     position: relative;
   }
-  
+
   .qrcode-container {
     border: none;
     position: absolute !important;