Jelajahi Sumber

feat: 费用类型管理功能开发;

hanchaolong 2 minggu lalu
induk
melakukan
93dd9015fe
1 mengubah file dengan 32 tambahan dan 38 penghapusan
  1. 32 38
      jd-logistics-ui-v3/src/views/logistics/inancialFee/index.vue

+ 32 - 38
jd-logistics-ui-v3/src/views/logistics/inancialFee/index.vue

@@ -17,13 +17,19 @@
           @keyup.enter="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="外部渠道 sf/jd" prop="feeItemCategory">
-        <el-input
+      <el-form-item label="外部渠道" prop="feeItemCategory">
+        <el-select
           v-model="queryParams.feeItemCategory"
-          placeholder="请输入外部渠道 sf/jd"
+          placeholder="请选择外部渠道"
           clearable
-          @keyup.enter="handleQuery"
-        />
+        >
+          <el-option
+            v-for="dict in logistics_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="外部费用编码" prop="extFeeCode">
         <el-input
@@ -41,22 +47,6 @@
           @keyup.enter="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="部门ID" prop="deptId">
-        <el-input
-          v-model="queryParams.deptId"
-          placeholder="请输入部门ID"
-          clearable
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="用户ID" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入用户ID"
-          clearable
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -107,15 +97,16 @@
 
     <el-table v-loading="loading" :data="inancialFeeList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="费用项目id" align="center" prop="feeItemId" />
       <el-table-column label="费用项目编码" align="center" prop="feeItemCode" />
       <el-table-column label="费用项目名称" align="center" prop="feeItemName" />
-      <el-table-column label="外部渠道 sf/jd" align="center" prop="feeItemCategory" />
+      <el-table-column label="外部渠道" align="center" prop="feeItemCategory">
+        <template #default="scope">
+          <dict-tag :options="logistics_type" :value="scope.row.feeItemCategory" />
+        </template>
+      </el-table-column>
       <el-table-column label="外部费用编码" align="center" prop="extFeeCode" />
       <el-table-column label="外部费用名称" align="center" prop="extFeeName" />
       <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="部门ID" align="center" prop="deptId" />
-      <el-table-column label="用户ID" align="center" prop="userId" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:inancialFee:edit']">修改</el-button>
@@ -141,8 +132,15 @@
         <el-form-item label="费用项目名称" prop="feeItemName">
           <el-input v-model="form.feeItemName" placeholder="请输入费用项目名称" />
         </el-form-item>
-        <el-form-item label="外部渠道 sf/jd" prop="feeItemCategory">
-          <el-input v-model="form.feeItemCategory" placeholder="请输入外部渠道 sf/jd" />
+        <el-form-item label="外部渠道" prop="feeItemCategory">
+          <el-select v-model="form.feeItemCategory" placeholder="请选择外部渠道">
+            <el-option
+              v-for="dict in logistics_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="外部费用编码" prop="extFeeCode">
           <el-input v-model="form.extFeeCode" placeholder="请输入外部费用编码" />
@@ -153,15 +151,6 @@
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入备注" />
         </el-form-item>
-        <el-form-item label="部门ID" prop="deptId">
-          <el-input v-model="form.deptId" placeholder="请输入部门ID" />
-        </el-form-item>
-        <el-form-item label="用户ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入用户ID" />
-        </el-form-item>
-        <el-form-item label="删除标志" prop="delFlag">
-          <el-input v-model="form.delFlag" placeholder="请输入删除标志" />
-        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -175,9 +164,14 @@
 
 <script setup name="InancialFee">
 import { listInancialFee, getInancialFee, delInancialFee, addInancialFee, updateInancialFee } from "@/api/logistics/inancialFee"
+import DictTag from '@/components/DictTag'
+import { useDict } from '@/utils/dict'
 
 const { proxy } = getCurrentInstance()
 
+// 使用物流类型字典
+const { logistics_type } = proxy.useDict("logistics_type")
+
 const inancialFeeList = ref([])
 const open = ref(false)
 const loading = ref(true)
@@ -195,7 +189,7 @@ const data = reactive({
     pageSize: 10,
     feeItemCode: null,
     feeItemName: null,
-    feeItemCategory: null,
+    feeItemCategory: null,  // 外部渠道字段
     extFeeCode: null,
     extFeeName: null,
     deptId: null,
@@ -229,7 +223,7 @@ function reset() {
     feeItemId: null,
     feeItemCode: null,
     feeItemName: null,
-    feeItemCategory: null,
+    feeItemCategory: null,  // 外部渠道字段
     extFeeCode: null,
     extFeeName: null,
     createTime: null,