صفحه ازدواج

نمای مینی اپ به صورت زیر است

 

کد

<page id="sanad-ezdevaj" onshown="script/main:init()">

    <script id="main">
        function tabClick(id) {
            const buttons = ['sanad', 'zojein']
            buttons.forEach(b => {
                if (id !== b) {
                    Appsan.setProperty('btn_' + b, 'textcolor', '#43474E');
                    Appsan.setProperty(b, 'visibility', 'gone');
                }
            })
            Appsan.setProperty('btn_' + id, 'textcolor', '#0164BC');
            Appsan.setProperty(id, 'visibility', 'visible');
        }

        function init() {
            const requestNo = Appsan.getVariable('doc_id')?.value
            HTTPClient.get('http://192.168.1.109:3000/api/v1/marry/detailsEvent/' + requestNo,
                {
                    headers: {
                        "Content-Type": "application/json",
                        "Authorization": "Bearer eyJhbGciOiJIUzUxMiJ9.eyJtaW5pQXBwTmFtZSI6ImFwcDphZG1pbjp2YWdoYXllLWV6ZGV2YWotdmEtdGFsYWdoIiwidXNlcm5hbWUiOiIxMTExMTExMTExIiwic3ViIjoibWluaUFwcCIsImlhdCI6MTY5OTA4MTMxMywiZXhwIjoxNjk5OTQ1MzEzfQ.eR5ZDvwajy-ibloi5TiwIAFqftJLvsVzwkm7DjOggthy6zyxdNSmuxYmdON7MSEvKKCLO344iKggT88g82zauw",
                        "user-token": ""
                    }
                }).subscribe(res => {
                    if (res)
                        processDetailsDoc(res);
                    else
                        Appsan.runAction('snackbar/errorSnackbar');
                }
            );
        }
        function processDetailsDoc(res) {
            Appsan.setProperty('txt_nationalNo', 'text', res.nationalRegisterNo);
            Appsan.setProperty('txt_serialNo', 'text', res.registerNO);
            Appsan.setProperty('txt_registerDate', 'text', res.registerDate);
            Appsan.setProperty('txt_scriptoriumName', 'text', res.scriptoriumName);
            Appsan.setProperty('txt_wifeFullName', 'text', res.wifeFullName);
            Appsan.setProperty('txt_wifeNationalNO', 'text', res.wifeNationalNO);
            Appsan.setProperty('txt_husbandFullName', 'text', res.husbandFullName);
            Appsan.setProperty('txt_husbandNationalNO', 'text', res.husbandNationalNO);
        }
   </script>

    <frame layout="linear_vertical" gravity="center" margin="16" width="match_parent"
           background="white">

        <img width="match_parent" height="220" src="images/sanad3.png"/>
        <text text="سند ازدواج" textcolor="#424750" textsize="12"></text>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               margin="16">
            <frame layout="linear_vertical" height="48" weight="1" gravity="right" childgravity="right"
                   padding_bottom="12"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="#0164BC" textalignment="right" gravity="right" textstyle="bold"
                      text="مشخصات سند" id="btn_sanad" padding_right="20" onclick="script/main:tabClick('sanad')"/>
            </frame>
            <frame layout="linear_vertical" height="48" weight="1" gravity="right" childgravity="right"
                   reverse="true" padding_bottom="12"
                   background="white">
                <text textsize="12" textcolor="#43474E" textalignment="left" gravity="left" id="btn_zojein"
                      text="مشخصات زوجین" padding_left="20" onclick="script/main:tabClick('zojein')"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16">
            <divider color="#E6E0E9" size="1"></divider>
        </frame>
        <frame></frame>

        <frame layout="linear_vertical" weight="1" id="sanad" visibility="visible">
            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="شناسه یکتا"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750"
                      text="" id="txt_nationalNo"/>
            </frame>
            <frame margin_right="12" margin_left="12">
                <divider color="#F0F0F1" size="1"></divider>
            </frame>
            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="شماره ترتیب"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750" id="txt_serialNo"/>
            </frame>
            <frame margin_right="12" margin_left="12">
                <divider color="#F0F0F1" size="1"></divider>
            </frame>
            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="تاریخ ثبت"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750" id="txt_registerDate"/>
            </frame>
            <frame margin_right="12" margin_left="12">
                <divider color="#F0F0F1" size="1"></divider>
            </frame>
            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="دفترخانه"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750" id="txt_scriptoriumName"/>
            </frame>

        </frame>

        <frame layout="linear_vertical" id="zojein" visibility="gone">

            <frame layout="linear_horizontal"  width="match_parent" reverse="true"
                   gravity="center"
                   weightsum="2" padding="0">
                <img width="24" height="24" gravity="right" scaleType="fit_center"
                     src="images/User.png"/>
                <text gravity="left" textalignment="right" text="نام و نام خانوادگی زوجه" weight="1"
                      padding_left="4" textsize="12"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750"
                      text="" id="txt_wifeFullName"/>
            </frame>

            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true" margin_right="28">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="کد ملی زوجه"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750"
                      text="" id="txt_wifeNationalNO"/>
            </frame>
            <frame margin_right="12" margin_left="12">
                <divider color="#F0F0F1" size="1"></divider>
            </frame>
            <frame layout="linear_horizontal"  width="match_parent" reverse="true"
                   gravity="center"
                   weightsum="2" padding="0">
                <img width="24" height="24" gravity="right" scaleType="fit_center"
                     src="images/User.png"/>
                <text gravity="left" textalignment="right" text="نام و نام خانوادگی زوج" weight="1"
                      padding_left="4" textsize="12"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750"
                      text="" id="txt_husbandFullName"/>
            </frame>

            <frame layout="linear_horizontal" weight="1" weightsum="3" reverse="true" margin_right="28">
                <text textsize="12" textalignment="right" weight="2" textcolor="#424750" text="کد ملی زوج"/>
                <text textsize="12" textalignment="right" weight="1" textcolor="#424750"
                      id="txt_husbandNationalNO"/>
            </frame>
        </frame>

    </frame>

</page>