<gsb-pagecard>
    <div slot="content">
      <div v-if="key==\'create\'">
          <el-card>
              <div style="margin-left:20px;margin-right:20px;">
                 <div style="margin-top:30px;">
                   <div class="agencyother-title1">业务信息</div>
                   <el-form ref="form" :model="form" :rules="applyRules" label-width="100px">
                     <el-row class="agencyother-row" gutter="20">
                       <el-col :span="7">
                         <el-form-item label="服务项目：">
                           {{serviceitem.name}}
                         </el-form-item>
                       </el-col>
                       <el-col :span="7">
                          <el-form-item label="商标名称：">
                            {{tm.tm_name}}
                          </el-form-item>
                        </el-col>
                        <el-col :span="7">
                          <el-form-item label="申请号：">
                            {{tm.tm_regist_num}}
                          </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row class="agencyother-row" gutter="20">
                        <el-col :span="7">
                            <el-form-item label="订单金额：" prop="totalSum">
                              <el-input v-model="form.totalSum" placeholder="请输入订单金额：" @blur="updatePrice"></el-input>
                            </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row gutter="20" class="agencyother-allprice">
                          
                         <el-col :span="4" class="agencyother-price">
                           官费：{{form.totalPublicExpense}}
                         </el-col>
                         <el-col :span="4" class="agencyother-price">
                           服务费：{{form.totalServiceCharge}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           税费：{{form.totalTaxes}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           优惠金额：{{form.totalDiscounts}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           毛利总额：{{form.totalProfitSum}}
                         </el-col>
                     </el-row>
                   </el-form>
                 </div>
               </div>
            </el-card>
      
            <el-card style="margin-top:20px;height:300px;">
              <!-- {{serviceitem}} -->
              <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
                <div class="agencyother-title1">客户信息</div>
                <el-form ref="apply" :rules="applyRules" :model="apply" label-width="100px">
                  <el-row class="agencyother-row" gutter="20">
                    <el-col :span="7">
                      <el-form-item label="客户姓名：" prop="customerName">
                        <el-input v-model="apply.customerName" placeholder="请输入客户姓名"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户电话：" prop="customerMobile">
                        <el-input v-model="apply.customerMobile" placeholder="请输入客户电话"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户邮箱：" prop="customerEmail">
                        <el-input v-model="apply.customerEmail" placeholder="请输入客户邮箱"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="agencyother-row" style="text-align:center;">
                    <el-button @click="submitOrder" type="primary" style="width:250px;color:white;border-radius:4px;">
                      提交订单
                    </el-button>
                  </el-row>
                </el-form>
              </div>
            </el-card>
      </div>
      <div v-if="key==\'detail\'">
          <el-card>
              <div style="margin-left:20px;margin-right:20px;">
                 <div style="margin-top:30px;">
                   <div class="agencyother-title1">业务信息</div>
                   <el-form ref="form" :model="form" :rules="applyRules" label-width="100px">
                     <el-row class="agencyother-row" gutter="20">
                       <el-col :span="7">
                         <el-form-item label="服务项目：">
                           {{order.sveItemName}}
                         </el-form-item>
                       </el-col>
                       <el-col :span="7">
                          <el-form-item label="商标名称：">
                            {{order.name}}
                          </el-form-item>
                        </el-col>
                        <el-col :span="7">
                          <el-form-item label="申请号：">
                            {{tm.tm_regist_num}}
                          </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row class="agencyother-row" gutter="20">
                        <el-col :span="7">
                            <el-form-item label="订单金额：">
                              {{order.totalSum}}
                            </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row gutter="20" class="agencyother-allprice">
                          
                         <el-col :span="4" class="agencyother-price">
                           官费：{{order.totalPublicExpense}}
                         </el-col>
                         <el-col :span="4" class="agencyother-price">
                           服务费：{{order.totalServiceCharge}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           税费：{{order.totalTaxes}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           优惠金额：{{order.totalDiscounts}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           毛利总额：{{order.totalProfitSum}}
                         </el-col>
                     </el-row>
                   </el-form>
                 </div>
               </div>
            </el-card>
      
            <el-card style="margin-top:20px;height:300px;">
              <!-- {{serviceitem}} -->
              <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
                <div class="agencyother-title1">客户信息</div>
                <el-form ref="apply" :rules="applyRules" :model="apply" label-width="100px">
                  <el-row class="agencyother-row" gutter="20">
                    <el-col :span="7">
                      <el-form-item label="客户姓名：">
                        {{order.contacts}}
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户电话：" >
                        {{order.mobile}}
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户邮箱：" >
                        {{order.email}}
                      </el-form-item>
                    </el-col>
                  </el-row>
                  
                </el-form>
              </div>
            </el-card>
      </div>
      <div v-if="key==\'edit\'">
          <el-card>
              <div style="margin-left:20px;margin-right:20px;">
                 <div style="margin-top:30px;">
                   <div class="agencyother-title1">业务信息</div>
                   <el-form ref="form" :model="form" :rules="applyRules" label-width="100px">
                     <el-row class="agencyother-row" gutter="20">
                       <el-col :span="7">
                         <el-form-item label="服务项目：">
                           {{serviceitem.name}}
                         </el-form-item>
                       </el-col>
                       <el-col :span="7">
                          <el-form-item label="商标名称：">
                            {{tm.tm_name}}
                          </el-form-item>
                        </el-col>
                        <el-col :span="7">
                          <el-form-item label="申请号：">
                            {{tm.tm_regist_num}}
                          </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row class="agencyother-row" gutter="20">
                        <el-col :span="7">
                            <el-form-item label="订单金额：" prop="totalSum">
                              <el-input v-model="form.totalSum" placeholder="请输入订单金额：" @blur="updatePrice"></el-input>
                            </el-form-item>
                        </el-col>
                     </el-row>
                     <el-row gutter="20" class="agencyother-allprice">
                          
                         <el-col :span="4" class="agencyother-price">
                           官费：{{form.totalPublicExpense}}
                         </el-col>
                         <el-col :span="4" class="agencyother-price">
                           服务费：{{form.totalServiceCharge}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           税费：{{form.totalTaxes}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           优惠金额：{{form.totalDiscounts}}
                         </el-col>
                         <el-col :span="4"  class="agencyother-price">
                           毛利总额：{{form.totalProfitSum}}
                         </el-col>
                     </el-row>
                   </el-form>
                 </div>
               </div>
            </el-card>
      
            <el-card style="margin-top:20px;height:300px;">
              <!-- {{serviceitem}} -->
              <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
                <div class="agencyother-title1">客户信息</div>
                <el-form ref="apply" :rules="applyRules" :model="apply" label-width="100px">
                  <el-row class="agencyother-row" gutter="20">
                    <el-col :span="7">
                      <el-form-item label="客户姓名：" prop="customerName">
                        <el-input v-model="apply.customerName" placeholder="请输入客户姓名"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户电话：" prop="customerMobile">
                        <el-input v-model="apply.customerMobile" placeholder="请输入客户电话"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="客户邮箱：" prop="customerEmail">
                        <el-input v-model="apply.customerEmail" placeholder="请输入客户邮箱"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="agencyother-row" style="text-align:center;">
                    <el-button @click="editOrder" type="primary" style="width:250px;color:white;border-radius:4px;">
                      保存订单
                    </el-button>
                  </el-row>
                </el-form>
              </div>
            </el-card>
      </div>
    </div>
</gsb-pagecard>
