2023-09-13 批发商退差价二维码加经销商信息，图片展示层级问题

src/pages/customerReturn/RefundOrder.vue

@@ -907,16 +907,21 @@ export default {
           ctx.fillStyle = '#000' // 分配颜色
           ctx.textAlign = 'left'
           const titleH = 100
-          ctx.fillText('顾客信息', 360, titleH) // 绘制文本(text, x, y)
+          ctx.fillText('经销商 | 顾客信息', 360, titleH) // 绘制文本(text, x, y)
           ctx.font = '20px Arial' // 文本大小, 字体
-          ctx.fillStyle = '#000' // 分配颜色
           ctx.textAlign = 'left'
           this.sum = titleH + 30
           data.forEach(v => {
-            const name = v.customer_name.length > 18 ? v.customer_name.slice(0, 18) + '...' : v.customer_name
+            const name = v.customer_name.length > 8 ? v.customer_name.slice(0, 8) + '...' : v.customer_name
+            const user_nickname = v.user_nickname.length > 8 ? v.user_nickname.slice(0, 8) + '...' : v.user_nickname
+            // const user_nickname = '一二三四五经销商'
+            // const name = '一二三四五六顾客'
             this.sum = this.sum + 50
             ctx.drawImage(icon, 360, this.sum - 40, 25, 25)
-            ctx.fillText(name, 400, this.sum - 20) // 绘制文本(text, x, y)
+            ctx.fillStyle = '#f30' // 分配颜色
+            ctx.fillText(user_nickname, 400, this.sum - 20) // 绘制文本(text, x, y)
+            ctx.fillStyle = '#000' // 分配颜色
+            ctx.fillText(name, 580, this.sum - 20) // 绘制文本(text, x, y)
             ctx.moveTo(360, this.sum) // 起点
             ctx.lineTo(750, this.sum) // 终点
             ctx.lineWidth = 0.6 // 线宽

src/pages/customerReturn/add.vue

@@ -360,7 +360,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/customerReturn/edit.vue

@@ -359,7 +359,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/customerReturn/index.vue

@@ -594,7 +594,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />
@@ -1978,16 +1978,21 @@ export default {
           ctx.fillStyle = '#000' // 分配颜色
           ctx.textAlign = 'left'
           const titleH = 100
-          ctx.fillText('顾客信息', 360, titleH) // 绘制文本(text, x, y)
+          ctx.fillText('经销商 | 顾客信息', 360, titleH) // 绘制文本(text, x, y)
           ctx.font = '20px Arial' // 文本大小, 字体
-          ctx.fillStyle = '#000' // 分配颜色
           ctx.textAlign = 'left'
           this.sum = titleH + 30
           data.forEach(v => {
-            const name = v.customer_name.length > 18 ? v.customer_name.slice(0, 18) + '...' : v.customer_name
+            const name = v.customer_name.length > 8 ? v.customer_name.slice(0, 8) + '...' : v.customer_name
+            const user_nickname = v.user_nickname.length > 8 ? v.user_nickname.slice(0, 8) + '...' : v.user_nickname
+            // const user_nickname = '一二三四五经销商'
+            // const name = '一二三四五六顾客'
             this.sum = this.sum + 50
             ctx.drawImage(icon, 360, this.sum - 40, 25, 25)
-            ctx.fillText(name, 400, this.sum - 20) // 绘制文本(text, x, y)
+            ctx.fillStyle = '#f30' // 分配颜色
+            ctx.fillText(user_nickname, 400, this.sum - 20) // 绘制文本(text, x, y)
+            ctx.fillStyle = '#000' // 分配颜色
+            ctx.fillText(name, 580, this.sum - 20) // 绘制文本(text, x, y)
             ctx.moveTo(360, this.sum) // 起点
             ctx.lineTo(750, this.sum) // 终点
             ctx.lineWidth = 0.6 // 线宽

src/pages/returns/H5.vue

@@ -387,7 +387,7 @@
     </transition>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/returns/add.vue

@@ -427,7 +427,7 @@
     </transition>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/returns/agent_change.vue

@@ -264,7 +264,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/returns/edH5.vue

@@ -384,7 +384,7 @@
     </transition>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/returns/edit.vue

@@ -422,7 +422,7 @@
     </transition>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/returns/user_change.vue

@@ -249,7 +249,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />

src/pages/salesReturn/add.vue

@@ -207,7 +207,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{add_img = false}"
       :url-list="add_img_url"
     />

src/pages/salesReturn/index.vue

@@ -901,7 +901,7 @@
     </el-drawer>
     <el-image-viewer
       v-if="add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{add_img = false}"
       :url-list="add_img_url"
     />

src/pages/salesReturn/write.vue

@@ -212,7 +212,7 @@
       </div>
       <el-image-viewer
         v-if="showViewer"
-        style="z-index: 2200 !important;"
+        style="z-index: 9999 !important;"
         :on-close="()=>{showViewer=false}"
         :url-list="[resultImg]"
       />

src/pages/team/zhengwei.vue

@@ -425,7 +425,7 @@
     </el-dialog>
     <el-image-viewer
       v-if="visible.add_img"
-      style="z-index: 2200 !important;"
+      style="z-index: 9999 !important;"
       :on-close="()=>{visible.add_img = false}"
       :url-list="visible.add_img_url"
     />