liuhj 7 meses atrás
pai
commit
b3230c8695
1 arquivos alterados com 78 adições e 25 exclusões
  1. 78 25
      src/components/OP/CarTouristGuideGrounContent.vue

+ 78 - 25
src/components/OP/CarTouristGuideGrounContent.vue

@@ -338,23 +338,22 @@
                     <hr style='background-color:#5555; height:1px; border:none;margin: 10px 0px;' />
                     <el-form :model="OPContenData" ref="OPContenData" :rules="OPContenDataRules" label-width="100px"
                         class="demo-ruleForm">
-                        <div style="display: flex;">
-
-                            <div style="width: 25%;">
-                                <el-form-item label="此次付款百分比:" prop="payPercentage" label-width="170px">
+                        <div style="display: flex;flex-wrap: wrap;">
+                            <div style="width: 390px;">
+                                <el-form-item label="此次付款百分比:" prop="payPercentage" label-width="160px">
                                     <el-input placeholder="此次付款百分比" v-model="OPContenData.payPercentage">
                                         <template slot="append">%</template>
                                     </el-input>
                                 </el-form-item>
                             </div>
-                            <div style="width: 25%;">
-                                <el-form-item label="收款方:" prop="payee" label-width="170px">
+                            <div style="width:390px;">
+                                <el-form-item label="收款方:" prop="payee" label-width="160px">
                                     <el-input placeholder="收款方" v-model="OPContenData.payee">
                                     </el-input>
                                 </el-form-item>
                             </div>
-                            <div style="width: 25%;">
-                                <el-form-item label="费用标识:" prop="orbitalPrivateTransfer" label-width="170px">
+                            <div style="width: 390px;">
+                                <el-form-item label="费用标识:" prop="orbitalPrivateTransfer" label-width="160px">
                                     <el-select v-model="OPContenData.orbitalPrivateTransfer" clearable filterable
                                         placeholder="费用标识" style="width: 100%;">
                                         <el-option :key=0 :value="0" label="公转"></el-option>
@@ -362,8 +361,8 @@
                                     </el-select>
                                 </el-form-item>
                             </div>
-                            <div style="width: 25%;">
-                                <el-form-item label="支付方式:" prop="payDId" label-width="170px">
+                            <div style="width: 390px;">
+                                <el-form-item label="支付方式:" prop="payDId" label-width="160px">
                                     <el-select v-model="OPContenData.payDId" placeholder="支付方式" clearable filterable
                                         style="width:100%">
                                         <el-option v-for="item in payment" :key="item.id" :label="item.name"
@@ -372,11 +371,69 @@
                                     </el-select>
                                 </el-form-item>
                             </div>
-                        </div>
-                        <div style="display: flex;">
-
-                            <div style="width: 40%;">
-                                <el-form-item label="总金额:" label-width="170px">
+                            <div style="width: 390px;">
+                                <el-form-item label="消费方式:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="收款方" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div v-if="OPContenData.payDId==72" style="width: 390px;">
+                                <el-form-item label="卡类型:" prop="payDId" label-width="160px">
+                                    <el-select v-model="OPContenData.orbitalPrivateTransfer" clearable filterable
+                                        placeholder="费用标识" style="width: 100%;">
+                                        <el-option :key=0 :value="0" label="公转"></el-option>
+                                        <el-option :key=1 :value="1" label="私转"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </div>
+                            <div v-if="OPContenData.payDId==72" style="width: 390px;">
+                                <el-form-item label="银行卡号:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div v-if="OPContenData.payDId==72" style="width: 390px;">
+                                <el-form-item label="持卡人姓名:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px;">
+                                <el-form-item label="消费日期:" prop="payDId" label-width="160px">
+                                    <el-date-picker
+                                    style="width: 100%;"
+                                    v-model="OPContenData.payDId"
+                                    type="date"
+                                    placeholder="选择日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px;">
+                                <el-form-item label="公司银行账号:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px;">
+                                <el-form-item label="对方开户行:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px;">
+                                <el-form-item label="对方银行卡号:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px;">
+                                <el-form-item label="对方姓名:" prop="payDId" label-width="160px">
+                                    <el-input placeholder="" v-model="OPContenData.payee">
+                                    </el-input>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 390px">
+                                <el-form-item label="总金额:" label-width="160px">
                                     <el-input placeholder="金额" v-model="countCost" :disabled="true"
                                         style="width: 120px;"></el-input>
                                     <el-select v-model="currency" placeholder="币种选择" clearable filterable
@@ -387,19 +444,15 @@
                                     </el-select>
                                 </el-form-item>
                             </div>
-                            <div style="width: 60%;text-align: right;">
-                                <el-form-item>
-                                    <el-button type="primary" @click="addBtn" :disabled="saveDisabled">保存</el-button>
-                                    <el-button @click="EscAdd">取消</el-button>
-                                </el-form-item>
-                            </div>
-
                         </div>
-
+                        <div style="width: 100%;text-align: right;">
+                            <el-form-item>
+                                <el-button type="primary" @click="addBtn" :disabled="saveDisabled">保存</el-button>
+                                <el-button @click="EscAdd">取消</el-button>
+                            </el-form-item>
+                        </div>
                     </el-form>
-
                 </template>
-
             </div>
         </el-skeleton>
     </div>