caimei365-www/src/main/resources/static/js/service-settlement/components/footerComp.js

const comFooter = {
    name: 'comFooter',
    data() {
        return {
            phone: '0755-3365-6365',
            centerDialogVisible: false
        }
    },
    template:
        `
        <div>
            <div class="footer-phone">
                <div class="phone-title">监督电话</div>
                <div class="phone" @click="centerDialogVisible = true">
                    {{ phone }}
                </div>
            </div>
            <el-dialog
              :visible.sync="centerDialogVisible"
              width="18%"
              center>
              <span>确定拨打该电话吗</span>
              <span slot="footer" class="dialog-footer">
                <el-button @click="centerDialogVisible = false">取 消</el-button>
                <el-button class="confirm" @click="telPhone">确 定</el-button>
              </span>
            </el-dialog>
        </div>
    `,
    methods: {
        telPhone() {
            this.centerDialogVisible = false;
            window.location.href = `tel:${this.phone}`;
        }
    }
}