🐞 fix: 优化客服对话框发送按钮样式和交互

src/views/components/quickSendGame/ServiceMessageDialog.vue

@@ -32,7 +32,7 @@
         </el-form-item>
       </el-form>
       <div class="rowFlex rowEnd" style="margin-top: 20px;">
-        <el-button size="mini" type="primary" :loading="submitting" @click="handleSubmit">发 送</el-button>
+        <el-button class="sendQrCodeBtn" style="width: 100%;"  type="primary" :loading="submitting" @click="handleSubmitBtn">发送二维码</el-button>
       </div>
   </div>
 </template>
@@ -185,13 +185,17 @@ export default {
         this.$message.error('更新任务追踪者接触信息失败')
       }
     },
-
+    handleSubmitBtn() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          await this.handleSubmit()
+        }
+      })
+    },
     // 提交表单
     async handleSubmit() {
       if (this.submitting) return
       try {
-        await this.$refs.form.validate()
-
         const serve_info = this.serviceList.find(item => item.id === this.form.service_id)
         if (!serve_info) {
           this.$message.error('未找到选中的客服信息')