新增页面

src/components/dmc/manager/swtBaoJiaConfig.vue

@@ -33,7 +33,7 @@
         </li>
         <li>
           <button class="hollowFixedBtn" @click="qMsg.pageIndex=1,getList()">{{$t('pub.searchBtn')}}</button>
-          <input type="button" class="normalBtn" @click="addAreaData()" value="新增费用">
+          <input type="button" class="normalBtn" @click="addBaoJiaData()" value="新增费用">
         </li>
       </ul>
     </div>
@@ -51,19 +51,19 @@
       <tr v-for="(item,index) in AreaDataList" :key="index">
         <td>{{item.CTypeStr}}</td>
         <td>{{item.CName}}</td>
-        <td><span style="color:red;font-weight:bold;">US  {{item.USPrice}}</span></td>
-        <td><span style="color:blue;font-weight:bold;">VND  {{item.VNDPrice}}</span></td>
+        <td><span style="color:red;font-weight:bold;">US {{item.USPrice}}</span></td>
+        <td><span style="color:blue;font-weight:bold;">VND {{item.VNDPrice}}</span></td>
         <td>{{item.UpdateByName}}</td>
         <td>{{item.UpdateDateStr}}</td>
         <td>
-          <el-button type="primary" icon="el-icon-edit" @click="getAreaUpdate(item.Id)" circle></el-button>
+          <el-button type="primary" icon="el-icon-edit" @click="getBaoJiaConfigUpdate(item.Id)" circle></el-button>
           <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
-            <el-button type="danger" icon="el-icon-delete" @click="delArea(item.Id)" circle></el-button>
+            <el-button type="danger" icon="el-icon-delete" @click="delBaoJiaConfig(item.Id)" circle></el-button>
           </el-tooltip>
         </td>
       </tr>
     </table>
-    <el-pagination background @current-change="AreaCurrentChange" :current-page.sync="qMsg.currentPage"
+    <el-pagination background @current-change="BaoJiaCurrentChange" :current-page.sync="qMsg.currentPage"
       layout="total,prev, pager, next, jumper" :page-size="qMsg.pageSize" :total="qMsg.total"></el-pagination>
 
     <el-dialog custom-class="w400" :title="dialogTitle" :visible.sync="dialogVisible" center
@@ -90,14 +90,14 @@
           <tr>
             <td>
               <el-form-item label="美元">
-                <el-input v-model="addMsg.USPrice" class="w217" @keyup.native="checkPrice(addMsg,'USPrice')" />
+                <el-input v-model="addMsg.USPrice" class="w217" @keyup.native="checkPrice(addMsg,'USPrice',true)" />
               </el-form-item>
             </td>
           </tr>
           <tr>
             <td>
               <el-form-item label="越南盾">
-                <el-input v-model="addMsg.VNDPrice" class="w217" @keyup.native="checkPrice(addMsg,'VNDPrice')" />
+                <el-input v-model="addMsg.VNDPrice" class="w217" @keyup.native="checkPrice(addMsg,'VNDPrice',true)" />
               </el-form-item>
             </td>
           </tr>
@@ -106,7 +106,7 @@
       <div slot="footer" class="dialog-footer">
         <button class="hollowFixedBtn" @click="dialogVisible = false,clearAddMsg()">{{$t('pub.cancelBtn')}}</button>
         &nbsp;
-        <button class="normalBtn" @click="saveAreaInfo()">{{$t('pub.saveBtn')}}</button>
+        <button class="normalBtn" @click="SaveBaoJiaConfig()">{{$t('pub.saveBtn')}}</button>
       </div>
     </el-dialog>
   </div>
@@ -122,7 +122,7 @@
         qMsg: {
           CType: 0,
           pageIndex: 1,
-          pageSize: 5,
+          pageSize: 15,
           total: 0,
           currentPage: 1,
           CName: '', //项目名称
@@ -137,33 +137,22 @@
           VNDPrice: 0, //越南盾
         },
         //费用类型字符串
-        TypeList: [{
-            Id: 1,
-            Name: "杂支"
-          },
-          {
-            Id: 2,
-            Name: "自费"
-          },
-          {
-            Id: 3,
-            Name: "小费"
-          },
-        ], //费用类型列表
+        TypeList: [], //费用类型列表
       };
     },
     mounted() {
+      this.getConfigTypeList();
       this.getList();
     },
     filters: {},
     methods: {
       //新增地区
-      addAreaData() {
+      addBaoJiaData() {
         this.dialogVisible = true;
         this.dialogTitle = '新增费用';
       },
       //翻页
-      AreaCurrentChange(val) {
+      BaoJiaCurrentChange(val) {
         this.qMsg.pageIndex = val;
         this.getList();
       },
@@ -192,7 +181,7 @@
         )
       },
       //保存费用配置
-      saveAreaInfo() {
+      SaveBaoJiaConfig() {
         if (this.addMsg.CName == '') {
           this.Error('请填写名称');
           return;
@@ -215,7 +204,7 @@
         )
       },
       //修改费用配置
-      getAreaUpdate(Id) {
+      getBaoJiaConfigUpdate(Id) {
         this.dialogTitle = "修改费用"
         this.dialogVisible = true;
         let msg = {
@@ -237,7 +226,7 @@
         )
       },
       //删除费用配置
-      delArea(Id) {
+      delBaoJiaConfig(Id) {
         var that = this;
         this.Confirm("是否删除?", function () {
           var msg = {
@@ -259,7 +248,19 @@
           );
         });
       },
-
+      //获取费用类型列表
+      getConfigTypeList() {
+        this.apipost(
+          "travel_post_GetBaoJiaDanConfigSwtTypeListService", {},
+          res => {
+            if (res.data.resultCode == 1) {
+              this.TypeList = res.data.data;
+              console.log("res", this.TypeList);
+            }
+          },
+          null
+        );
+      },
     }
   };