页面修改

src/components/administrative/ContractManage.vue

@@ -3,61 +3,44 @@
     <div class="query-box">
       <ul>
         <li>
-          <span
-            ><em>合同编号</em
-            ><el-input
-              class="w210"
-              v-model="msg.T_ContractNum"
-              placeholder="请输入合同编号"
-              @keyup.enter.native="getList"
-            ></el-input
-          ></span>
+          <span><em>合同编号</em>
+            <el-input class="w210" v-model="msg.T_ContractNum" placeholder="请输入合同编号" @keyup.enter.native="getList">
+            </el-input>
+          </span>
         </li>
         <li>
-          <span
-            ><em>客户名称</em
-            ><el-input
-              class="w210"
-              v-model="msg.Tourists_Name"
-              placeholder="请输入客户名称"
-              @keyup.enter.native="getList"
-            ></el-input
-          ></span>
+          <span><em>合同类型</em>
+            <el-select v-model="msg.CType" :placeholder="$t('pub.pleaseSel')">
+              <el-option label="请选择" :value="0" :key="0"> </el-option>
+              <el-option label="单向委托合同" :value="1" :key="1"> </el-option>
+              <el-option label="境内旅游合同" :value="2" :key="2"> </el-option>
+              <el-option label="一日游合同" :value="3" :key="3"> </el-option>
+            </el-select>
+          </span>
         </li>
         <li>
-          <span
-            ><em>客户电话</em
-            ><el-input
-              class="w210"
-              v-model="msg.Tourists_Tel"
-              placeholder="请输入客户电话"
-              @keyup.enter.native="getList"
-            ></el-input
-          ></span>
+          <span><em>客户名称</em>
+            <el-input class="w210" v-model="msg.Tourists_Name" placeholder="请输入客户名称" @keyup.enter.native="getList">
+            </el-input>
+          </span>
         </li>
         <li>
-          <span
-            ><em>{{ $t("sm.Date") }}</em>
-            <el-date-picker
-              v-model="msg.StartDate"
-              class="w135"
-              value-format="yyyy-MM-dd"
-              type="date"
-              :picker-options="pickerBeginDateBefore"
-            ></el-date-picker>
+          <span><em>客户电话</em>
+            <el-input class="w210" v-model="msg.Tourists_Tel" placeholder="请输入客户电话" @keyup.enter.native="getList">
+            </el-input>
+          </span>
+        </li>
+        <li>
+          <span><em>{{ $t("sm.Date") }}</em>
+            <el-date-picker v-model="msg.StartDate" class="w135" value-format="yyyy-MM-dd" type="date"
+              :picker-options="pickerBeginDateBefore"></el-date-picker>
             -
-            <el-date-picker
-              v-model="msg.EndDate"
-              class="w135"
-              value-format="yyyy-MM-dd"
-              type="date"
-              :picker-options="pickerBeginDateAfter"
-            ></el-date-picker>
+            <el-date-picker v-model="msg.EndDate" class="w135" value-format="yyyy-MM-dd" type="date"
+              :picker-options="pickerBeginDateAfter"></el-date-picker>
           </span>
         </li>
         <li>
-          <span
-            ><em>合同状态</em>
+          <span><em>合同状态</em>
             <el-select v-model="msg.Status" :placeholder="$t('pub.pleaseSel')">
               <el-option label="请选择" :value="-1" :key="-1"> </el-option>
               <el-option label="正常" :value="0" :key="0"> </el-option>
@@ -66,45 +49,20 @@
           </span>
         </li>
         <li>
-          <input
-            type="button"
-            class="normalBtn"
-            :value="$t('pub.searchBtn')"
-            @click="
+          <input type="button" class="normalBtn" :value="$t('pub.searchBtn')" @click="
               getList();
               resetPageIndex();
-            "
-          />
+            " />
         </li>
         <li>
-          <input
-            type="button"
-            @click="goContract('onedayTripContract', 0, '一日游合同')"
-            class="normalBtn"
-            value="一日游合同"
-          />
-          <input
-            type="button"
-            @click="goContract('DomesticTravelcontract', 0, '境内旅游合同')"
-            class="normalBtn"
-            value="境内旅游合同"
-          />
-          <input
-            type="button"
-            @click="goContract('SingleContract', 0, '单项委托合同')"
-            class="normalBtn"
-            value="单项委托合同"
-          />
+          <input type="button" @click="goContract('onedayTripContract', 0, '一日游合同')" class="normalBtn" value="一日游合同" />
+          <input type="button" @click="goContract('DomesticTravelcontract', 0, '境内旅游合同')" class="normalBtn"
+            value="境内旅游合同" />
+          <input type="button" @click="goContract('SingleContract', 0, '单项委托合同')" class="normalBtn" value="单项委托合同" />
         </li>
       </ul>
     </div>
-    <table
-      class="singeRowTable"
-      border="0"
-      cellspacing="0"
-      cellpadding="0"
-      v-loading="loading"
-    >
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
         <th width="80">编号</th>
         <th width="120">合同编号</th>
@@ -127,7 +85,7 @@
           <template v-else-if="item.CType == 3">
             一日游合同
           </template>
-         <template v-else-if="item.CType==1">
+          <template v-else-if="item.CType == 1">
             单向委托合同
           </template>
         </td>
@@ -138,70 +96,36 @@
         <td>{{ item.CreateByName }}</td>
         <td>{{ item.CreateTimeStr }}</td>
         <td>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="修改"
-            placement="top-start"
-          >
+          <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
             <template v-if="item.CType == 3">
-              <el-button
-                type="primary"
-                icon="el-icon-edit"
-                circle
-                @click="goContract('onedayTripContract', item.ID, '一日游合同')"
-              ></el-button>
+              <el-button type="primary" icon="el-icon-edit" circle
+                @click="goContract('onedayTripContract', item.ID, '一日游合同')"></el-button>
             </template>
             <template v-else-if="item.CType == 2">
-              <el-button
-                type="primary"
-                icon="el-icon-edit"
-                circle
-                @click="
+              <el-button type="primary" icon="el-icon-edit" circle @click="
                   goContract('DomesticTravelcontract', item.ID, '境内旅游合同')
-                "
-              ></el-button>
+                "></el-button>
             </template>
             <template v-else>
-              <el-button
-                type="primary"
-                icon="el-icon-edit"
-                circle
-                @click="goContract('SingleContract', item.ID, '单项委托合同')"
-              ></el-button>
+              <el-button type="primary" icon="el-icon-edit" circle
+                @click="goContract('SingleContract', item.ID, '单项委托合同')"></el-button>
             </template>
           </el-tooltip>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="删除"
-            placement="top-start"
-          >
-            <el-button
-              type="primary"
-              icon="el-icon-edit"
-              circle
-              @click="DeleteContract(item)"
-            ></el-button>
+          <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
+            <el-button type="primary" icon="el-icon-edit" circle @click="DeleteContract(item)"></el-button>
           </el-tooltip>
         </td>
       </tr>
     </table>
 
-    <el-pagination
-      background
-      @current-change="handleCurrentChange"
-      :current-page.sync="currentPage"
-      layout="total,prev, pager, next, jumper"
-      :page-size="msg.pageSize"
-      :total="total"
-    >
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
     </el-pagination>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     data() {
       return {
         total: 0,
@@ -210,6 +134,7 @@ export default {
         loading: false, //页面加载
         msg: {
           T_ContractNum: "", //合同编号
+          CType: 0, //合同类型
           Tourists_Name: "", //客户名称
           Tourists_Tel: "", //客户电话
           StartDate: "", //开始日期
@@ -243,7 +168,7 @@ export default {
       //删除合同
       DeleteContract(item) {
         var that = this;
-      this.Confirm("是否此合同删除?", function() {
+        this.Confirm("是否此合同删除?", function () {
           var msg = {
             ID: item.ID
           };
@@ -304,5 +229,6 @@ export default {
         });
       }
     }
-};
+  };
+
 </script>