<gsb-pagecard>
    <div slot="content">
      <el-card>
        <div style="margin-left:20px;margin-right:20px;">
          <el-menu style="border-bottom: solid 1px #ffffff;"
          :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
          @select="handleSelect">
             <el-menu-item v-for="(item,index) in datalist" :index=index >
               {{item.name}}订单
             </el-menu-item>
           </el-menu>
           <div style="margin-top:30px;">
             <div class="agencyother-title1">业务信息</div>
             <el-form ref="form1" :rules="rules1" :model="form1" label-width="100px">
               <el-row class="agencyother-row" gutter="20">
                 <el-col :span="7">
                   <el-form-item label="业务类型：" prop="productType">
                     <el-select v-model="form1.productType" @change="productTypeChange" clearable placeholder="请选择业务类型">
                        <el-option
                          v-for="item in productType"
                          :key="item.code"
                          :label="item.name"
                          :value="item.code">
                        </el-option>
                      </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="7">
                   <el-form-item label="订单价格：" prop="price">
                     <el-input v-model="form1.price" placeholder="请输入订单价格" @blur="priceChange"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row class="agencyother-row" v-if="itemtype==\'ip\'">
                 <el-col :span="7">
                   <el-form-item label="商标名称：" prop="tmname">
                     <el-input v-model="form1.tmname" placeholder="请输入商标名称"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="7">
                   <el-form-item label="申请号：" prop="applynum">
                     <el-input v-model="form1.applynum" placeholder="请输入客户办理的商标申请号"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row gutter="20" class="agencyother-allprice" v-if="product">
                   <el-col :span="4" class="agencyother-price">
                     官费：{{product.publicExpense}}
                   </el-col>
                   <el-col :span="4" class="agencyother-price">
                     服务费：{{product.serviceCharge}}
                   </el-col>
                   <el-col :span="4"  class="agencyother-price">
                     税费：{{totalTaxes}}
                   </el-col>
                   <el-col :span="4"  class="agencyother-price">
                     优惠金额：{{totalDiscounts}}
                   </el-col>
                   <el-col :span="4"  class="agencyother-price">
                     毛利总额：{{totalProfitSum}}
                   </el-col>
               </el-row>
             </el-form>
           </div>
         </div>
      </el-card>

      <el-card style="margin-top:20px;height:300px;">
        <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
          <div class="agencyother-title1">客户信息</div>
          <el-form ref="form2" :rules="rules2" :model="form2" label-width="100px">
            <el-row class="agencyother-row" gutter="20">
              <el-col :span="7">
                <el-form-item label="客户姓名：" prop="customerName">
                  <el-input v-model="form2.customerName" placeholder="请输入客户姓名"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="7">
                <el-form-item label="客户电话：" prop="customerMobile">
                  <el-input v-model="form2.customerMobile" placeholder="请输入客户电话"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="7">
                <el-form-item label="客户邮箱：" prop="customerEmail">
                  <el-input v-model="form2.customerEmail" placeholder="请输入客户邮箱"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row class="agencyother-row" style="text-align:center;">
              <el-button type="primary" @click="submitOrder" style="width:250px;color:white;border-radius:4px;">
                提交订单
              </el-button>
            </el-row>
          </el-form>
        </div>
      </el-card>
    </div>
</gsb-pagecard>
