baoshi-was/resources/views/customer/project/create.blade.php

@extends('layouts.app')
@section('title')客户管理-项目录入@endsection

@section('content')
    @component('customer.project.menu')@endcomponent
    <div class="container-fluid card" id="container">
        <div class="card-body offset-3">
            <form method="GET" action="{{url('')}}" class="mt-3">
                <div class="row">
                    <label for="code" class="col-2 text-info">项目代码</label>
                    <input type="text" required id="code" class="form-control form-control-sm col-7"  name="code">
                </div>
                <div class="row mt-3">
                    <label for="name" class="col-2 text-info">项目名称</label>
                    <input type="text" id="name" class="form-control form-control-sm col-7"  name="name">
                </div>
                <div class="row mt-3">
                    <label for="owner_id" class="col-2">客户</label>
                    <select id="owner_id" class="form-control form-control-sm col-4"  name="owner_id">
                        <option> </option>
                        <option v-for="customer in customers" :value="customer.id">@{{ customer.name }}</option>
                    </select>
                </div>
                <div class="row mt-3">
                    <label for="workgroup_id" class="col-2">项目小组</label>
                    <select id="workgroup_id" class="form-control form-control-sm col-4"  name="workgroup_id">
                        <option> </option>
                        <option v-for="group in groups" :value="group.id">@{{ group.name }}</option>
                    </select>
                </div>
                <div class="row mt-3">
                    <label class="col-2" for="type">仓储计费类型</label>
                    <select id="type" name="type" class="selectpicker" multiple data-live-search="true" title="仓储计费类型(多选)">
                        <option v-for="t in type" :value="t.id">@{{ t.name }}</option>
                    </select>
                </div>
                <div class="row mt-3">
                    <label for="tax_rate" class="col-2">税率<span class="badge badge-secondary">%</span></label>
                    <input type="number" id="tax_rate" class="form-control form-control-sm col-3"  name="tax_rate">
                </div>
                <div class="row mt-3">
                    <label for="contract_number" class="col-2">合同号</label>
                    <input type="text" id="contract_number" class="form-control form-control-sm col-7"  name="contract_number">
                </div>
                <div class="row mt-3">
                    <label for="salesman" class="col-2">销售名称</label>
                    <input type="text" id="salesman" class="form-control form-control-sm col-7"  name="salesman">
                </div>
                <div class="row mt-3">
                    <label for="linkman" class="col-2">联系人</label>
                    <input type="text" id="linkman" class="form-control form-control-sm col-7"  name="linkman">
                </div>
                <div class="row mt-3">
                    <label for="phone_number" class="col-2">联系电话</label>
                    <input type="text" id="phone_number" class="form-control form-control-sm col-7"  name="phone_number">
                </div>
                <div class="row mt-3">
                    <label for="description" class="col-2">项目描述</label>
                    <textarea id="description" class="form-control form-control-sm col-7"  name="description"></textarea>
                </div>
                <button type="submit" class="btn btn-success mt-3 col-8 offset-1">提交</button>
            </form>
        </div>
    </div>
@stop

@section('lastScript')
    <script>
        new Vue({
            el:"#container",
            data:{
                type : [{name:"常温",id:"1"},{name:"恒温",id:"2"},{name:"冷藏",id:"2"},],
                customers : [{name:"TEST1",id:"1"},],
                groups : [{name:'TEST1',id:"1"}],
            },
        });
    </script>
@stop