| | |
| | | <el-form label-position="left" inline class="table-expand"> |
| | | <el-collapse v-model="activeNames"> |
| | | <el-collapse-item |
| | | v-for="(item, index) in ruleData" |
| | | v-for="name, index in ruleName" |
| | | :key="index" |
| | | :title="item.ruleName" |
| | | :name="index" |
| | | :title="name" |
| | | > |
| | | <div |
| | | class="inline-input-container" |
| | | v-for="(item, index) in item.children" |
| | | v-for="item, index in ruleData" |
| | | :key="index" |
| | | > |
| | | <b>{{ item.ruleDesc }}</b> <br v-if="item.ruleDesc" /> |
| | | <el-tooltip |
| | | class="item" |
| | | v-for="(item, index) in item.children" |
| | | :key="index" |
| | | effect="dark" |
| | | :content=" |
| | | item.deductCategory == '分数乘以数量' |
| | | ? '扣' + item.calcFraction + '分*数量 ' |
| | | : item.deductCategory == '除以数量后乘以分数' |
| | | ? '扣' + item.calcFraction + '分/' + item.calcUnit + '小时' |
| | | : '扣' + item.calcFraction + '分' |
| | | " |
| | | placement="top" |
| | | > |
| | | <span>{{ item.ruleCondition }}<br /></span> |
| | | <!-- {{ item.deductCategory }} {{ item.calcFraction }}{{ item.calcUnit ? "/" + item.calcUnit : '' }} --> |
| | | <el-tooltip :content=" |
| | | item.deductCategory == '分数乘以数量' |
| | | ? '扣' + item.calcFraction + '分*数量 ' |
| | | : item.deductCategory == '除以数量后乘以分数' |
| | | ? '扣' + item.calcFraction + '分/' + item.calcUnit + '小时' |
| | | : '扣' + item.calcFraction + '分'"> |
| | | <b v-if="item.ruleName === name">{{ item.ruleCondition }}<br /></b> |
| | | </el-tooltip> |
| | | </div> |
| | | </el-collapse-item> |
| | |
| | | // 是否显示详情 |
| | | detail: false, |
| | | ruleData: [], |
| | | ruleName: [], |
| | | moneyRules: [], |
| | | // 表单参数 |
| | | form: {}, |
| | |
| | | getRuleList(item) { |
| | | getRuleListByContractId(item.id).then((response) => { |
| | | this.ruleData = response.data; |
| | | this.ruleName = this.ruleData.map((item) => { |
| | | return item.ruleName; |
| | | }); |
| | | this.ruleName = [...new Set(this.ruleName)]; |
| | | console.log('this.ruleName', this.ruleName); |
| | | this.form.id = item.id; |
| | | this.contractInfo = item; |
| | | }); |