页面修改

src/components/administrative/ContractManage.vue

@@ -3,13 +3,22 @@
     <div class="query-box">
       <ul>
         <li>
-          <span>
-          </span>
+          <span> </span>
         </li>
         <li>
           <input type="button" @click="" class="normalBtn" value="一日游合同" />
-          <input type="button" @click="" class="normalBtn" value="境内旅游合同" />
-          <input type="button" @click="" class="normalBtn" value="单项委托合同" />
+          <input
+            type="button"
+            @click=""
+            class="normalBtn"
+            value="境内旅游合同"
+          />
+          <input
+            type="button"
+            @click=""
+            class="normalBtn"
+            value="单项委托合同"
+          />
         </li>
       </ul>
     </div>
@@ -20,65 +29,114 @@
         <th width="100">城市</th>
         <th>操作</th>
       </tr>
-      <tr v-for="(item,index) in dataList">
-        <td>{{item.C_BusCode}}</td>
-        <td>{{item.C_BreakfastAddress}}</td>
-        <td>{{item.C_ComplaintCity}}</td>
+      <tr v-for="(item, index) in dataList">
+        <td>{{ item.C_BusCode }}</td>
+        <td>{{ item.C_BreakfastAddress }}</td>
+        <td>{{ item.C_ComplaintCity }}</td>
         <td>
-            <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
-                <el-button type="primary" icon="el-icon-edit" circle @click="goContract('onedayTripContract',item)"></el-button>
-            </el-tooltip>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="修改"
+            placement="top-start"
+          >
+            <el-button
+              type="primary"
+              icon="el-icon-edit"
+              circle
+              @click="goContract('onedayTripContract', item)"
+            ></el-button>
+          </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>
         </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 {
-    data() {
-      return {
-        total: 0,
-        currentPage: 1,
-        dataList: [],
-        msg: {
-          pageIndex: 1,
-          pageSize: 15,
-        },
+export default {
+  data() {
+    return {
+      total: 0,
+      currentPage: 1,
+      dataList: [],
+      msg: {
+        pageIndex: 1,
+        pageSize: 15
       }
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    //删除合同
+    DeleteContract(item) {
+      this.apipost(
+        "travelcontract_post_RemoveTravelContractService",
+        { ID: item.ID },
+        res => {
+          if (res.data.resultCode == 1) {
+            this.getList();
+          } else {
+            this.Error(res.data.message);
+          }
+        },
+        err => {}
+      );
     },
-    mounted() {
-      this.getList()
-    },
-    methods: {
-      getList() { //获取列表数据
-        this.apipost("travelcontract_get_GetPageListService", this.msg, res => {
-            console.log(res,'resss');
+    getList() {
+      //获取列表数据
+      this.apipost(
+        "travelcontract_get_GetPageListService",
+        this.msg,
+        res => {
           if (res.data.resultCode == 1) {
             this.dataList = res.data.data.pageData;
             this.total = res.data.data.count;
-          } else {}
-        }, err => {})
-      },
-      handleCurrentChange(val) {
-        this.msg.pageIndex = val;
-        this.getList();
-      },
-
-      goContract(path,item) {
-         this.$router.push({
-          name: path,
-          query: {
-            "id": item.ID,
-            blank: 'y',
-            tab: "一日游合同"
+          } else {
+            this.Error(res.data.message);
           }
-         })
-      },
-     
+        },
+        err => {}
+      );
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    goContract(path, item) {
+      this.$router.push({
+        name: path,
+        query: {
+          id: item.ID,
+          blank: "y",
+          tab: "一日游合同"
+        }
+      });
     }
   }
+};
 </script>