فهرست منبع

提交其他财务

caojunjie 3 سال پیش
والد
کامیت
60543e55c3
3فایلهای تغییر یافته به همراه180 افزوده شده و 73 حذف شده
  1. 27 0
      src/App.vue
  2. 0 1
      src/assets/styles/sidebar.scss
  3. 153 72
      src/views/finance/otherFinancial/index.vue

+ 27 - 0
src/App.vue

@@ -51,4 +51,31 @@ export default {
 .el-input.is-disabled .el-input__inner {
     color: #000000 !important;
 }
+.el-table__body-wrapper{
+  overflow: auto;
+  position: unset;
+}
+.el-table--scrollable-x .el-table__body-wrapper{
+  overflow-x: auto;
+}
+
+.el-table__body-wrapper::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  height: 100px;
+  background: #afafaf;
+}
+
+.el-table__body-wrapper::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(255, 255, 255, 1);
+  border-radius: 5px;
+  background: rgba(255, 255, 255, 1);
+}
+.el-table__body-wrapper {
+  background: #ffffff;
+}
 </style>

+ 0 - 1
src/assets/styles/sidebar.scss

@@ -201,7 +201,6 @@
   >.el-menu--popup {
     max-height: 100vh;
     overflow-y: auto;
-
     &::-webkit-scrollbar-track-piece {
       background: #d3dce6;
     }

+ 153 - 72
src/views/finance/otherFinancial/index.vue

@@ -9,14 +9,29 @@
         label-width="88px"
       >
         <el-row>
-          <el-form-item label="提单号" prop="fMblno">
+          <el-form-item label="参考编号" prop="fMblno">
             <el-input
               v-model="query.fMblno"
-              placeholder="请输入提单号"
+              placeholder="请输入参考编号"
               clearable
               size="small"
             />
           </el-form-item>
+          <el-form-item label="客户名称" prop="fCorpid">
+            <el-select
+                v-model="query.fCorpid"
+                filterable
+                remote
+                placeholder="客户名称"
+            >
+              <el-option
+                  v-for="(dict, index) in KHblnoOptions"
+                  :key="index.fId"
+                  :label="dict.fName"
+                  :value="dict.fId"
+              ></el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button
               type="cyan"
@@ -24,12 +39,9 @@
               size="mini"
               @click="getList"
             >搜索
-            </el-button
-            >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置
-            </el-button
-            >
+            </el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置
+            </el-button>
           </el-form-item>
         </el-row>
       </el-form>
@@ -90,7 +102,7 @@
         <el-table-column type="selection" width="55" align="center"/>
         <el-table-column type="index" label="行号" align="center" fixed width="60"/>
         <el-table-column
-            label="参编号"
+            label="参编号"
             sortable
             align="center"
             prop="fMblno"
@@ -140,6 +152,8 @@
         <el-table-column
           label="操作"
           align="center"
+          fixed="right"
+          width="180"
           class-name="small-padding fixed-width"
         >
           <template slot-scope="scope">
@@ -203,6 +217,7 @@
             <el-date-picker
               v-model="queryParams.fBsdate"
               type="date"
+              style="width: 200px;"
               value-format="yyyy-MM-dd"
               :disabled="disabled"
               clearable
@@ -211,31 +226,74 @@
             >
             </el-date-picker>
           </el-form-item>
-          <el-form-item label="参编号" prop="fMblno">
+          <el-form-item label="参编号" prop="fMblno">
             <el-input
               v-model="queryParams.fMblno"
-              placeholder="请输入参看编号"
+              placeholder="请输入参考编号"
+              style="width: 200px;"
               :disabled="disabled"
               clearable
               size="small"
             />
           </el-form-item>
-          <el-form-item label="单据编号" prop="fMblno">
+          <el-form-item label="单据编号" prop="fBillno">
             <el-input
               v-model="queryParams.fBillno"
               placeholder="请输入单据编号"
-              :disabled="disabled"
+              style="width: 200px;"
+              disabled
               clearable
               size="small"
             />
           </el-form-item>
-          <el-form-item label="备注" prop="fMblno">
+          <el-form-item label="船名">
+            <template slot-scope="scope">
+              <el-select
+                  v-model="queryParams.fVslid"
+                  style="width: 200px;"
+                  size="small"
+                  placeholder="请选择船名"
+                  filterable
+              >
+                <el-option
+                    v-for="item in TVesselfs"
+                    :key="item.fId"
+                    :label="item.fName"
+                    :value="item.fId"
+                />
+              </el-select>
+            </template>
+          </el-form-item>
+          <el-form-item
+              prop="fVoyid"
+              header-align="center"
+              label="航次"
+          >
+            <template slot-scope="scope">
+              <el-select
+                  v-model="queryParams.fVoyid"
+                  size="small"
+                  style="width: 200px;"
+                  placeholder="请选择航次"
+                  filterable
+              >
+                <el-option
+                    v-for="item in TVoyagefs"
+                    :key="item.fId"
+                    :label="item.fNo"
+                    :value="item.fId"
+                />
+              </el-select>
+            </template>
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
             <el-input
-              v-model="queryParams.remark"
-              placeholder="请输入备注"
-              :disabled="disabled"
-              clearable
-              size="small"
+                v-model="queryParams.remark"
+                placeholder="请输入备注"
+                :disabled="disabled"
+                style="width: 796px;"
+                clearable
+                size="small"
             />
           </el-form-item>
         </el-row>
@@ -289,7 +347,6 @@
               v-model="scope.row.fCorpid"
               filterable
               remote
-              :remote-method="corpsRemoteMethod"
               placeholder="客户名称"
               :disabled="disabled"
             >
@@ -350,7 +407,6 @@
             </el-select>
           </template>
         </el-table-column>
-
         <el-table-column
             prop="fFeeUnitid"
             header-align="center"
@@ -397,24 +453,24 @@
 <!--            </el-select>-->
 <!--          </template>-->
 <!--        </el-table-column>-->
-<!--        <el-table-column-->
-<!--          prop="fQty"-->
-<!--          header-align="center"-->
-<!--          align="center"-->
-<!--          width="130px"-->
-<!--          label="箱量"-->
-<!--        >-->
-<!--          <template slot-scope="scope">-->
-<!--            <el-input-->
-<!--              oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'-->
-<!--              v-model="scope.row.fQty"-->
-<!--              placeholder="箱量"-->
-<!--              @input="calculation(scope.row)"-->
-<!--              show-word-limit-->
-<!--              :disabled="disabled"-->
-<!--            />-->
-<!--          </template>-->
-<!--        </el-table-column>-->
+        <el-table-column
+          prop="fQty"
+          header-align="center"
+          align="center"
+          width="130px"
+          label="数量"
+        >
+          <template slot-scope="scope">
+            <el-input
+              oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
+              v-model="scope.row.fQty"
+              placeholder="数量"
+              @input="calculation(scope.row)"
+              show-word-limit
+              :disabled="disabled"
+            />
+          </template>
+        </el-table-column>
         <el-table-column
           prop="fUnitprice"
           header-align="center"
@@ -458,12 +514,19 @@
             label="币别"
         >
           <template slot-scope="scope">
-            <el-input
+            <el-select
                 v-model="scope.row.fCurrency"
+                placeholder="请选择币别"
                 :disabled="disabled"
-                placeholder="币别"
-                show-word-limit
-            />
+                clearable
+            >
+              <el-option
+                  v-for="dict in currencyList"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+              />
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -561,7 +624,6 @@
                 v-model="scope.row.fCorpid"
                 filterable
                 remote
-                :remote-method="corpsRemoteMethod"
                 placeholder="客户名称"
                 :disabled="disabled"
             >
@@ -622,7 +684,6 @@
             </el-select>
           </template>
         </el-table-column>
-
         <el-table-column
             prop="fFeeUnitid"
             header-align="center"
@@ -669,24 +730,24 @@
         <!--            </el-select>-->
         <!--          </template>-->
         <!--        </el-table-column>-->
-        <!--        <el-table-column-->
-        <!--          prop="fQty"-->
-        <!--          header-align="center"-->
-        <!--          align="center"-->
-        <!--          width="130px"-->
-        <!--          label="箱量"-->
-        <!--        >-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-input-->
-        <!--              oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'-->
-        <!--              v-model="scope.row.fQty"-->
-        <!--              placeholder="箱量"-->
-        <!--              @input="calculation(scope.row)"-->
-        <!--              show-word-limit-->
-        <!--              :disabled="disabled"-->
-        <!--            />-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
+                <el-table-column
+                  prop="fQty"
+                  header-align="center"
+                  align="center"
+                  width="130px"
+                  label="数量"
+                >
+                  <template slot-scope="scope">
+                    <el-input
+                      oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
+                      v-model="scope.row.fQty"
+                      placeholder="数量"
+                      @input="calculation(scope.row)"
+                      show-word-limit
+                      :disabled="disabled"
+                    />
+                  </template>
+                </el-table-column>
         <el-table-column
             prop="fUnitprice"
             header-align="center"
@@ -730,12 +791,19 @@
             label="币别"
         >
           <template slot-scope="scope">
-            <el-input
+            <el-select
                 v-model="scope.row.fCurrency"
+                placeholder="请选择币别"
                 :disabled="disabled"
-                placeholder="币别"
-                show-word-limit
-            />
+                clearable
+            >
+              <el-option
+                  v-for="dict in currencyList"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+              />
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -805,6 +873,7 @@ import {
   revokeContainerPort
 } from '@/api/otherFinancial'
 import {listFees} from '@/api/basicdata/fees'
+import {selectTVesself, selectTVoyagef} from "@/api/finance/kaihe/payment";
 
 export default {
   name: 'jiGang',
@@ -838,10 +907,23 @@ export default {
       },
       selection: [],
       queryParams: {},
-      fFeetUnitOptions:[]
+      fFeetUnitOptions:[],
+      currencyList:[],
+      TVesselfs:[],
+      TVoyagefs:[]
     }
   },
   created() {
+    selectTVesself().then((res) => {
+      this.TVesselfs = res.rows;
+    });
+    selectTVoyagef().then((res) => {
+      this.TVoyagefs = res.rows;
+    });
+    this.getDicts("currency_difference").then((response) => {
+      this.currencyList = response.data;
+    });
+    this.corpsRemoteMethod()
     //付费
     listFees({fDc: "C"}).then((response) => {
       this.fCNameOptions = response.rows;
@@ -994,7 +1076,7 @@ export default {
         fAmt:'',
         fExrate:'',
         remark:'',
-        fCurrency:'RMB'
+        fCurrency:'1'
       })
       this.fWbuOptions = []
       let queryParams = {pageNum: 1, fDc: 'C'}
@@ -1070,7 +1152,7 @@ export default {
         fAmt:'',
         fExrate:'',
         remark:'',
-        fCurrency:'RMB'
+        fCurrency:'1'
       })
       this.fWbuOptions = []
       let queryParams = {pageNum: 1, fDc: 'D'}
@@ -1112,6 +1194,5 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style scoped lang="scss">
 </style>