播报弹窗样式修改

src/views/lineUp/index.vue

@@ -50,11 +50,27 @@
             </div>
         </div>
         <!-- 播报弹窗 -->
-        <el-dialog title="提示" :visible.sync="dialogVisible" width="30%">
-            <span>通知消息已发送</span>
+        <el-dialog title="提示" :visible.sync="dialogVisible" center width="30%">
+            <div style="text-align: center;">
+                <div style="font-size: 16px;">正在叫号，请稍等</div>
+                <div v-if="profilepicturedata.state == 1" style="color: #52C41A;font-size: 16px;margin-top: 17px;">
+                    已发送至用户<i class="el-icon-circle-check" style="color: #52C41A;"></i>
+                </div>
+                <div v-else style="color:#FF4D4F;font-size: 16px;margin-top: 17px;">用户未订阅消息 <i style="color: #FF4D4F;" class="el-icon-circle-close"></i></div>
+            </div>
             <span slot="footer" class="dialog-footer">
-                <el-button style="" @click="dialogConfirm(2)">完成</el-button>
-                <el-button type="primary" @click="dialogConfirm(3)">过号</el-button>
+                <el-button style="width: 176px;
+height: 48px;
+background: #F7F7FA;
+box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.02);
+border-radius: 2px 2px 2px 2px;
+border: 1px solid rgba(255,255,255,0);" @click="dialogConfirm(2)">完成</el-button>
+                <el-button type="primary" style="width: 189px;
+height: 45px;
+background: #FF4D4F;
+box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.02);
+border-radius: 2px 2px 2px 2px;
+border: 1px solid rgba(255,255,255,0.28);" @click="dialogConfirm(3)">过号</el-button>
             </span>
         </el-dialog>
         <!-- 取号 -->
@@ -84,7 +100,7 @@
 </template>
 
 <script>
-import { callTable, callTablequeue, callTableput, callTabletakeNumber ,callTablecall} from '@/api/shop'
+import { callTable, callTablequeue, callTableput, callTabletakeNumber, callTablecall } from '@/api/shop'
 export default {
     data() {
         return {
@@ -107,7 +123,9 @@ export default {
             dialogVisibles: false,
             profilepictureInfo: "",
             phone: "",
-            selectTabletype: ""
+            selectTabletype: "",
+            // 播报弹窗显示是否订阅
+            profilepicturedata: ""
         }
     },
     async mounted() {
@@ -138,6 +156,7 @@ export default {
             })
             if (res) {
                 this.dialogVisible = true
+                this.profilepicturedata = res
                 this.profilepictureInfo = d
             }
         },