<template>
    <app-layout title="企业合作安装">
        <view class="background">
            <image class="image" :src="background" mode="widthFix" />
        </view>
        <view class="common-form-container">
            <view class="input-item">
                <view class="title-box">
                    <text>品牌</text>
                </view>
                <view class="input-box">
                    <input
                        class="input"
                        v-model="brand"
                        placeholder="请输入贵公司品牌"
                        placeholder-class="placeholder-style-3"
                    />
                </view>
            </view>
            <view class="input-item">
                <view class="title-box">
                    <text>联系人</text>
                </view>
                <view class="input-box">
                    <input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="placeholder-style-3" />
                </view>
            </view>
            <view class="input-item">
                <view class="title-box">
                    <text>联系手机</text>
                </view>
                <view class="input-box">
                    <input
                        class="input"
                        v-model="mobile"
                        placeholder="请输入您的手机号"
                        placeholder-class="placeholder-style-3"
                    />
                </view>
            </view>
            <view class="textarea-item">
                <view class="title-box">
                    <text>合作内容</text>
                </view>
                <view class="textarea-box">
                    <textarea
                        v-model="content"
                        class="textarea"
                        placeholder="请输入合作内容"
                        placeholder-class="placeholder-style-3"
                    />
                </view>
            </view>
        </view>
        <view class="common-save-form-btn">
            <view class="btn" @click="save">保存</view>
        </view>
    </app-layout>
</template>

<script>
import AppLayout from "@/components/layout/layout";
export default {
    name: "service-other-business",
    data() {
        return {
            background: require("@/static/temp/single/2.png"),
            brand: "",
            name: "",
            mobile: "",
            content: "",
        };
    },
    components: {
        AppLayout,
    },
    onLoad() {},
    onShow() {},
    onReady() {},
    onReachBottom() {},
    onPullDownRefresh() {},
    methods: {
        save() {
            console.log("保存");
        },
    },
};
</script>

<style lang="less" scoped>
.background {
    z-index: 5;
    width: 100%;
    line-height: 0;
    .image {
        width: 100%;
    }
}
.common-form-container {
    z-index: 10;
    position: relative;
    margin-top: -85rpx;
    .title-box {
        font-weight: normal;
    }
}
.carry-style,
.count-style {
    .title-box {
        width: 200rpx;
    }
    .input-box {
        width: auto;
    }
}
.carry-style {
    .input-box {
        padding-left: 15rpx;
    }
}
.count-style {
    justify-content: space-between;
}
</style>