费用支出明细添加成本分类

src/views/FinancialManagement/ExpenseManagement/ExpenseMessage.vue

@@ -44,6 +44,18 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="成本分类" :label-width="formLabelWidth" prop="expenditureDetails">
+              <el-select v-model="formData.expenditureDetails"  placeholder="" filterable  clearable>
+                <el-option v-for="item in cost_typeData" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="resetForm('formData')" size="small">取 消</el-button>
@@ -60,12 +72,15 @@ export default {
   name: "ExpenseMessage",
   components: { KtCommonTable, KtButton },
   created() {
+    this.business("cost_type"); //成本类型字典;
   },
   mounted() {
     this.findPage();
+    this.business("cost_type"); //成本类型字典;
   },
   data() {
     return {
+      cost_typeData:[],//成本类型
       refTable: true,//表格重新渲染
       expandStatus: false, //是否全部展开
       title: "新增明细",
@@ -79,6 +94,7 @@ export default {
       formData: {
         category: "", //明细
         remark: "", //备注
+        expenditureDetails: "", //成本类型
       },
       rules: {
         category: [
@@ -97,6 +113,17 @@ export default {
     },
   },
   methods: {
+    //数据字典
+    business(typeName) {
+      this.$api.dict.findByLableName(typeName).then((res) => {
+        this[typeName + "Data"] = res.data;
+        if (typeName == "cost_type") {
+          this.tableForm.payMethod = [
+            this[typeName + "Data"].find((item) => item.value == 2).label,
+          ];
+        }
+      });
+    },
     setexpandAll() {
       this.expandStatus = !this.expandStatus;
       this.refTable = false;