|
@@ -1,66 +1,48 @@
|
|
|
<template>
|
|
|
- <m-dialog ref="dialog" :title="itemData.subsidy?.subsidyName + ' 规则配置'" width="1000px" @sure="onSure">
|
|
|
+ <m-dialog ref="dialog" title="规则配置" width="1000px" @sure="onSure">
|
|
|
<el-form ref="form" :model="formQuery" v-loading="loading">
|
|
|
- <m-table
|
|
|
- shadow="naver"
|
|
|
- :items="formQuery.items"
|
|
|
- :headers="headers"
|
|
|
- >
|
|
|
- <div class="text-center mt-3">
|
|
|
- <m-button icon="el-icon-plus" type="primary" size="small" @click="onAdd">添加一行</m-button>
|
|
|
- </div>
|
|
|
- <!-- <template #subsidyOrganizationNos="scope">
|
|
|
- <el-form-item
|
|
|
- :prop="`items.${scope.$index}.subsidyOrganizationNos`"
|
|
|
- :rules="{ required: true, message: '请输入机构名称', trigger: 'blur' }"
|
|
|
- >
|
|
|
- <el-cascader
|
|
|
- v-model="formQuery.items[scope.$index].subsidyOrganizationNos"
|
|
|
- placeholder="请输入机构名称"
|
|
|
- :ref="'cascader' + scope.$index"
|
|
|
- :options="organizationTree"
|
|
|
- :show-all-levels="false"
|
|
|
- collapse-tags
|
|
|
- :props="{
|
|
|
- checkStrictly: false,
|
|
|
- label: 'organizationName',
|
|
|
- value: 'organizationNo',
|
|
|
- children: 'child',
|
|
|
- emitPath: false,
|
|
|
- multiple: true
|
|
|
- }"
|
|
|
- @change="onChange($event, scope)"
|
|
|
- ></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </template> -->
|
|
|
- <template #subsidySalary="scope">
|
|
|
- <el-form-item
|
|
|
- :prop="`items.${scope.$index}.subsidySalary`"
|
|
|
- :rules="{ required: true, message: '请输入福利薪资', trigger: 'blur' }"
|
|
|
- >
|
|
|
- <el-input-number
|
|
|
- v-model="formQuery.items[scope.$index].subsidySalary"
|
|
|
- placeholder="福利薪资"
|
|
|
- ></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- <template #subsidyCheck="scope">
|
|
|
- <el-form-item
|
|
|
- :prop="`items.${scope.$index}.subsidyCheck`"
|
|
|
- :rules="{ required: true, message: '请输入福利条件描述', trigger: 'blur' }"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="formQuery.items[scope.$index].subsidyCheck"
|
|
|
- placeholder="福利条件描述"
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 1.335, maxRows: 4}"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- <template #actions="scope">
|
|
|
- <m-button class="mb-5" size="small" text type="danger" @click="onDelete(scope)">移除</m-button>
|
|
|
- </template>
|
|
|
- </m-table>
|
|
|
+ <el-form-item label="福利名称">
|
|
|
+ <el-tag>{{ itemData.subsidy?.subsidyName }}</el-tag>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="福利配置">
|
|
|
+ <m-table
|
|
|
+ shadow="naver"
|
|
|
+ :items="formQuery.items"
|
|
|
+ :headers="headers"
|
|
|
+ >
|
|
|
+ <div class="text-center mt-3">
|
|
|
+ <m-button icon="el-icon-plus" type="orange" size="small" @click="onAdd">添加一行</m-button>
|
|
|
+ </div>
|
|
|
+ <template #subsidySalary="scope">
|
|
|
+ <el-form-item
|
|
|
+ :prop="`items.${scope.$index}.subsidySalary`"
|
|
|
+ :rules="{ required: true, message: '请输入福利薪资', trigger: 'blur' }"
|
|
|
+ >
|
|
|
+ <el-input-number
|
|
|
+ v-model="formQuery.items[scope.$index].subsidySalary"
|
|
|
+ placeholder="福利薪资"
|
|
|
+ ></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ <template #subsidyCheck="scope">
|
|
|
+ <el-form-item
|
|
|
+ :prop="`items.${scope.$index}.subsidyCheck`"
|
|
|
+ :rules="{ required: true, message: '请输入福利条件描述', trigger: 'blur' }"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="formQuery.items[scope.$index].subsidyCheck"
|
|
|
+ placeholder="福利条件描述"
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 1.335, maxRows: 4}"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ <template #actions="scope">
|
|
|
+ <m-button class="mb-5" size="small" text type="danger" @click="onDelete(scope)">移除</m-button>
|
|
|
+ </template>
|
|
|
+ </m-table>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
</el-form>
|
|
|
</m-dialog>
|
|
|
</template>
|