zoukankan      html  css  js  c++  java
  • 16.普通用户、网格长、网格员,操作数据(3)newapp/components/putong.vue

    1.在newapp/components/putong.vue中:

    <template>
        <view class="putong">
            <view class="padding-xl radius shadow-warp bg-cyan margin-top">
                <view class="v-header">
                    <view class="pic">
                        <image :src="data1.data.wgz.img" mode=""></image>
                    </view>
                    <view class="pin">
                        
                        <view class="l">
                            网格长:{{data1.data.wgz.name}}
                        </view>
                        <view class="l lz">
                            电话:{{data1.data.wgz.mobile}}
                        </view>
                        <view class="l btn margin-top">
                            <button class="cu-btn text-cyan" @tap="CallPhone" :data-url="data1.data.wgz.mobile">一键拨打</button>
                        </view>
                    </view>
                </view>
            </view>
            <view class="padding-xl radius shadow-warp bg-cyan margin-top">
                <view class="v-header">
                    <view class="pic">
                        <image :src="data1.data.wgy.img" mode=""></image>
                    </view>
                    <view class="pin">
                        
                        <view class="l">
                            网格员:{{data1.data.wgy.name}}
                        </view>
                        <view class="l lz">
                            电话:{{data1.data.wgy.mobile}}
                        </view>
                        <view class="l btn margin-top">
                            <button class="cu-btn text-cyan" @tap="CallPhone" :data-url="data1.data.wgy.mobile">一键拨打</button>
                        </view>
                    </view>
                </view>
            </view>
            <view class="bg-white margin-top">
                <view class="cu-form-group">
                    <view class="title">楼长(街长):</view>
                    <input name="input" disabled="true" v-model="data1.data.lz.name"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">单元长(组长):</view>
                    <input name="input" disabled="true" v-model="data1.data.dyz.name"></input>
                </view>
            </view>
        </view>
    </template>
    
    <script>
        export default {
            props: {
                data1:{}
            },
            data() {
                return {
                };
            },
            methods:{
                // 拨打电话
                CallPhone(e){uni.makePhoneCall({phoneNumber: e.currentTarget.dataset.url});},
            },
            created() {
                console.log('普通用户组件')
            }
        }
    </script>
    
    <style>
    
    </style>
  • 相关阅读:
    Android中ProgressBar显示小数的方法
    Android屏幕适配-安卓切图
    android -services
    Java 位移运算符
    异常、集合、数据结构
    常用类
    编码
    String类
    Android-1
    ButterKnife注解式绑定控件
  • 原文地址:https://www.cnblogs.com/xuepangzi/p/13228125.html
Copyright © 2011-2022 走看看