|
@@ -15,74 +15,80 @@
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
<m-divider content-position="left">参数及公式</m-divider>
|
|
|
- <m-card
|
|
|
- v-for="item in rules"
|
|
|
- :key="item.category"
|
|
|
- shadow="never"
|
|
|
- >
|
|
|
- <template #header>
|
|
|
- {{ item.category }}
|
|
|
- </template>
|
|
|
- <el-form label-width="100px">
|
|
|
- <el-form-item label="系数">
|
|
|
- <!-- <m-card shadow="never"> -->
|
|
|
- <el-descriptions
|
|
|
- :labelStyle="{ width: '180px'}"
|
|
|
- :column="1"
|
|
|
- border
|
|
|
- >
|
|
|
- <el-descriptions-item
|
|
|
- v-for="(calculateConfiguration, index) in item.calculateConfigurations"
|
|
|
- :key="index"
|
|
|
- :label="calculateConfiguration.name"
|
|
|
- >
|
|
|
- <template v-if="calculateConfiguration.valueCategory === 0">
|
|
|
- <el-tag size="small">{{ calculateConfiguration.value }}</el-tag>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <m-table
|
|
|
- clearHeader
|
|
|
- shadow="never"
|
|
|
- :headers="[
|
|
|
- { label: '名称', prop: 'name' },
|
|
|
- { label: '值', prop: 'value' }
|
|
|
- ]"
|
|
|
- :items="calculateConfiguration.value"
|
|
|
+ <el-tabs v-model="activeNames" @tab-click="handleClick">
|
|
|
+ <!-- <template> -->
|
|
|
+ <el-tab-pane
|
|
|
+ v-for="(item, index) in rules"
|
|
|
+ :key="item.category"
|
|
|
+ :label="item.category"
|
|
|
+ :name="index"
|
|
|
+ >
|
|
|
+ <!-- <template> -->
|
|
|
+ <!-- <m-card shadow="never" > -->
|
|
|
+ <el-form label-width="100px">
|
|
|
+ <el-form-item label="系数">
|
|
|
+ <!-- <m-card shadow="never"> -->
|
|
|
+ <el-descriptions
|
|
|
+ :labelStyle="{ width: '180px'}"
|
|
|
+ :column="1"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-descriptions-item
|
|
|
+ v-for="(calculateConfiguration, index) in item.calculateConfigurations"
|
|
|
+ :key="index"
|
|
|
+ :label="calculateConfiguration.name"
|
|
|
+ >
|
|
|
+ <template v-if="calculateConfiguration.valueCategory === 0">
|
|
|
+ <el-tag size="small">{{ calculateConfiguration.value }}</el-tag>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <m-table
|
|
|
+ clearHeader
|
|
|
+ shadow="never"
|
|
|
+ :headers="[
|
|
|
+ { label: '名称', prop: 'name' },
|
|
|
+ { label: '值', prop: 'value' }
|
|
|
+ ]"
|
|
|
+ :items="calculateConfiguration.value"
|
|
|
+ >
|
|
|
+ </m-table>
|
|
|
+ </template>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <!-- </m-card> -->
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item
|
|
|
+ v-for="(calculateConfiguration, index) in item.calculateConfigurations"
|
|
|
+ :key="index"
|
|
|
+ :label="calculateConfiguration.name"
|
|
|
>
|
|
|
- </m-table>
|
|
|
- </template>
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- <!-- </m-card> -->
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item
|
|
|
- v-for="(calculateConfiguration, index) in item.calculateConfigurations"
|
|
|
- :key="index"
|
|
|
- :label="calculateConfiguration.name"
|
|
|
- >
|
|
|
- <template v-if="calculateConfiguration.valueCategory === 0">
|
|
|
- <el-tag>{{ calculateConfiguration.value }}</el-tag>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <m-table
|
|
|
- clearHeader
|
|
|
- shadow="never"
|
|
|
- :headers="[
|
|
|
- { label: '名称', prop: 'name' },
|
|
|
- { label: '值', prop: 'value' }
|
|
|
- ]"
|
|
|
- :items="calculateConfiguration.value"
|
|
|
- >
|
|
|
- </m-table>
|
|
|
- </template>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="计算公式">
|
|
|
- <m-card shadow="never">
|
|
|
- <div v-html="item.calculateFormulas?.[0]?.content"></div>
|
|
|
- </m-card>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </m-card>
|
|
|
+ <template v-if="calculateConfiguration.valueCategory === 0">
|
|
|
+ <el-tag>{{ calculateConfiguration.value }}</el-tag>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <m-table
|
|
|
+ clearHeader
|
|
|
+ shadow="never"
|
|
|
+ :headers="[
|
|
|
+ { label: '名称', prop: 'name' },
|
|
|
+ { label: '值', prop: 'value' }
|
|
|
+ ]"
|
|
|
+ :items="calculateConfiguration.value"
|
|
|
+ >
|
|
|
+ </m-table>
|
|
|
+ </template>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="计算公式">
|
|
|
+ <m-card shadow="never">
|
|
|
+ <div v-html="item.calculateFormulas?.[0]?.content"></div>
|
|
|
+ </m-card>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- </m-card> -->
|
|
|
+ <!-- </template> -->
|
|
|
+ </el-tab-pane>
|
|
|
+ <!-- </template> -->
|
|
|
+ </el-tabs>
|
|
|
<m-empty v-if="rules.length === 0"></m-empty>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -98,8 +104,7 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
-
|
|
|
- activeNames: null,
|
|
|
+ activeNames: 0,
|
|
|
columnHeaders: [
|
|
|
{ name: '规则名称', prop: 'title' },
|
|
|
{ name: '规则描述', prop: 'tag' },
|