页面修改

src/components/commonPage/orderTicketUnion.vue

@@ -48,29 +48,88 @@
     </el-table>
     <br />
     <el-form label-width="100px">
-      <el-form-item label="订单编号">
-        {{orderInfo.OrderId}}
-      </el-form-item>
-      <el-form-item label="团期编号">
-        {{orderInfo.TCID}}
-      </el-form-item>
-      <el-form-item label="状态">
-        <el-radio v-model="postMsg.IsSure" :label="0">暂定</el-radio>
-        <el-radio v-model="postMsg.IsSure" :label="1">确定</el-radio>
-      </el-form-item>
-      <el-form-item label="适用旅客">
-        <el-select v-model="postMsg.GuestList" placeholder="请选择" multiple>
-          <el-option v-for="(item,index) in orderGuestList" :key="index" :label="item.Name" :value="item.Id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="机票命令">
-        <el-input type="textarea" v-model="postMsg.TicketOrder" :autosize="{ minRows: 2, maxRows: 4}"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <input type="button" class="normalBtn Rs_leaderSearch" @click="saveTicketUnion" value="确定" />
-        <input type="button" class="normalBtn Rs_leaderSearch" @click="closeDialog()" value="关闭" />
-      </el-form-item>
+      <el-row :gutter="20">
+        <el-col :span="10">
+          <el-form-item label="订单编号">
+            {{orderInfo.OrderId}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="团期编号">
+            {{orderInfo.TCID}}
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="方式">
+            <el-radio v-model="postMsg.OperateType" :label="1">命令导入</el-radio>
+            <el-radio v-model="postMsg.OperateType" :label="2">手动填写</el-radio>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="10">
+          <el-form-item label="适用旅客">
+            <el-select v-model="postMsg.GuestList" placeholder="请选择" multiple>
+              <el-option v-for="(item,index) in orderGuestList" :key="index" :label="item.Name" :value="item.Id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="状态">
+            <el-select filterable v-model='postMsg.IsSure' class="">
+              <el-option label="暂定" :value='0' :key='0'></el-option>
+              <el-option label="确定" :value='1' :key='1'></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!--命令模式-->
+      <el-row v-if="postMsg.OperateType==1">
+        <el-col :span="20">
+          <el-form-item label="机票命令">
+            <el-input type="textarea" v-model="postMsg.TicketOrder" :autosize="{ minRows: 2, maxRows: 4}"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!--手动模式-->
+      <el-row v-if="postMsg.OperateType==2">
+        <el-col :span="10">
+          <el-form-item label="去程日期">
+            <el-date-picker v-model="postMsg.GoDate" style="width:150px" value-format="yyyy-MM-dd" type="date" placeholder="去程日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="去程航班">
+            <el-input v-model="postMsg.GoFlightNum" type="text" maxlength="20" placeholder="去程航班">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="postMsg.OperateType==2">
+        <el-col :span="10">
+          <el-form-item label="回程日期">
+            <el-date-picker v-model="postMsg.BackDate" style="width:150px" value-format="yyyy-MM-dd" type="date" placeholder="回程日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="回程航班">
+            <el-input v-model="postMsg.BackFlightNum" type="text" maxlength="20" placeholder="回程航班"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="20">
+          <el-form-item>
+            <input type="button" class="normalBtn Rs_leaderSearch" @click="saveTicketUnion" value="确定" />
+            <input type="button" class="normalBtn Rs_leaderSearch" @click="closeDialog()" value="关闭" />
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </div>
 </template>
@@ -87,7 +146,11 @@
           IsSure: 0, //0-暂定，1-确定
           selectFlight: 1, //查询航班
           GuestList: [], //选择的旅客
-
+          OperateType: 1, //1-SS命令模式,2-手动填写模式
+          GoDate: "", //去程日期
+          BackDate: "", //回程日期
+          GoFlightNum: "", //去程航班
+          BackFlightNum: "", //回程航班
         },
         orderUnionList: [], //订单联运信息
         orderGuestList: [], //订单旅客信息