@nstc-business/imes 1.0.26 → 1.0.28

package/src/components/measureCalc/MeasureGroupBlocks.vue

@@ -1,208 +1,208 @@
-<template>
-  <div class="measure-group-blocks">
-    <measure-qual-analysis
-      v-if="qualLooseNodes.length"
-      :groups="qualLooseGroups"
-    />
-    <measure-tree-table
-      v-if="tableLooseNodes.length"
-      :nodes="tableLooseNodes"
-      :level="level"
-      :number-prefix="numberPrefix"
-      :calc-mode="calcMode"
-      :section="section"
-    />
-
-    <div
-      v-for="(group, i) in nestedGroups"
-      :key="group._rowKey || i"
-      class="measure-inner-group"
-    >
-      <div class="section-title" @click="toggleGroup(group)">
-        {{ group.name }}
-        <span v-if="group.remark" class="section-remark">
-          备注：<span class="remark-html" v-html="group.remark"></span>
-        </span>
-        <span v-if="innerWeightText(group)" class="section-weight-pill">
-          {{ innerWeightText(group) }}
-        </span>
-        <span v-if="innerSubtotalText(group)" class="section-score-pill">
-          {{ innerSubtotalText(group) }}
-        </span>
-        <span class="group-toggle">
-          {{ isExpanded(group) ? '收起' : '展开' }}
-          <i :class="isExpanded(group) ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
-        </span>
-      </div>
-      <measure-group-blocks
-        v-show="isExpanded(group)"
-        :nodes="group.children || []"
-        :group-node="group"
-        :level="level + 1"
-        :number-prefix="childNumberPrefix(group)"
-        :calc-mode="calcMode"
-        :section="section"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import MeasureQualAnalysis from './MeasureQualAnalysis.vue'
-import MeasureTreeTable from './MeasureTreeTable.vue'
-import {
-  splitGroupNodes,
-  isQualIndicator,
-  hierarchySerial,
-  hierarchySerialPrefix
-} from './helpers'
-
-export default {
-  name: 'MeasureGroupBlocks',
-  components: {
-    MeasureQualAnalysis,
-    MeasureTreeTable
-  },
-  inject: ['measureCtx'],
-  props: {
-    nodes: {
-      type: Array,
-      default: () => []
-    },
-    groupNode: {
-      type: Object,
-      default: null
-    },
-    level: {
-      type: Number,
-      default: 1
-    },
-    numberPrefix: {
-      type: String,
-      default: ''
-    },
-    calcMode: {
-      type: Boolean,
-      default: false
-    },
-    section: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    ctx() {
-      return this.measureCtx()
-    },
-    split() {
-      return splitGroupNodes(this.nodes)
-    },
-    nestedGroups() {
-      return this.split.groups
-    },
-    looseNodes() {
-      return this.split.loose
-    },
-    qualLooseNodes() {
-      return this.looseNodes.filter(isQualIndicator)
-    },
-    tableLooseNodes() {
-      return this.looseNodes.filter(n => !isQualIndicator(n))
-    },
-    qualLooseGroups() {
-      const resolve = this.ctx.resolveLeafNode
-      return [
-        {
-          name: '',
-          children: this.qualLooseNodes.map(n =>
-            resolve ? resolve(n) || n : n
-          )
-        }
-      ]
-    }
-  },
-  methods: {
-    innerWeightText(group) {
-      const fn = this.ctx.groupWeightText
-      return fn ? fn(group) : ''
-    },
-    innerSubtotalText(group) {
-      const fn = this.ctx.groupSubtotalText
-      return fn ? fn(group) : ''
-    },
-    isExpanded(group) {
-      const fn = this.ctx.isGroupExpanded
-      return fn ? fn(group) : !group || group._groupExpanded !== false
-    },
-    toggleGroup(group) {
-      const fn = this.ctx.toggleGroupExpanded
-      if (fn) fn(group)
-      else if (group) this.$set(group, '_groupExpanded', group._groupExpanded === false)
-    },
-    childNumberPrefix(group) {
-      const idx = this.nodes.findIndex(n => n._rowKey === group._rowKey)
-      const serial = hierarchySerial(this.numberPrefix, idx < 0 ? 0 : idx)
-      return hierarchySerialPrefix(serial)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.measure-group-blocks {
-  width: 100%;
-}
-.measure-inner-group {
-  margin-top: 12px;
-}
-.measure-inner-group + .measure-inner-group {
-  margin-top: 16px;
-}
-.section-title {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
-  font-size: 15px;
-  font-weight: 600;
-  padding-left: 8px;
-  margin-bottom: 8px;
-  border-left: 3px solid #409eff;
-  cursor: pointer;
-}
-.group-toggle {
-  margin-left: auto;
-  font-size: 13px;
-  font-weight: 400;
-  color: #409eff;
-  white-space: nowrap;
-  user-select: none;
-}
-.group-toggle i {
-  margin-left: 2px;
-}
-.section-weight-pill,
-.section-score-pill {
-  display: inline-block;
-  margin-left: 4px;
-  padding: 2px 10px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #606266;
-  line-height: 20px;
-  background: #f2f3f5;
-  border-radius: 4px;
-}
-.section-remark {
-  margin-left: 0;
-  font-weight: 400;
-  color: #909399;
-}
-.section-remark .remark-html {
-  display: inline;
-  ::v-deep p {
-    display: inline;
-    margin: 0;
-  }
-}
-</style>
+<template>
+  <div class="measure-group-blocks">
+    <measure-qual-analysis
+      v-if="qualLooseNodes.length"
+      :groups="qualLooseGroups"
+    />
+    <measure-tree-table
+      v-if="tableLooseNodes.length"
+      :nodes="tableLooseNodes"
+      :level="level"
+      :number-prefix="numberPrefix"
+      :calc-mode="calcMode"
+      :section="section"
+    />
+
+    <div
+      v-for="(group, i) in nestedGroups"
+      :key="group._rowKey || i"
+      class="measure-inner-group"
+    >
+      <div class="section-title" @click="toggleGroup(group)">
+        {{ group.name }}
+        <span v-if="group.remark" class="section-remark">
+          备注：<span class="remark-html" v-html="group.remark"></span>
+        </span>
+        <span v-if="innerWeightText(group)" class="section-weight-pill">
+          {{ innerWeightText(group) }}
+        </span>
+        <span v-if="innerSubtotalText(group)" class="section-score-pill">
+          {{ innerSubtotalText(group) }}
+        </span>
+        <span class="group-toggle">
+          {{ isExpanded(group) ? '收起' : '展开' }}
+          <i :class="isExpanded(group) ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+        </span>
+      </div>
+      <measure-group-blocks
+        v-show="isExpanded(group)"
+        :nodes="group.children || []"
+        :group-node="group"
+        :level="level + 1"
+        :number-prefix="childNumberPrefix(group)"
+        :calc-mode="calcMode"
+        :section="section"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import MeasureQualAnalysis from './MeasureQualAnalysis.vue'
+import MeasureTreeTable from './MeasureTreeTable.vue'
+import {
+  splitGroupNodes,
+  isQualIndicator,
+  hierarchySerial,
+  hierarchySerialPrefix
+} from './helpers'
+
+export default {
+  name: 'MeasureGroupBlocks',
+  components: {
+    MeasureQualAnalysis,
+    MeasureTreeTable
+  },
+  inject: ['measureCtx'],
+  props: {
+    nodes: {
+      type: Array,
+      default: () => []
+    },
+    groupNode: {
+      type: Object,
+      default: null
+    },
+    level: {
+      type: Number,
+      default: 1
+    },
+    numberPrefix: {
+      type: String,
+      default: ''
+    },
+    calcMode: {
+      type: Boolean,
+      default: false
+    },
+    section: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    ctx() {
+      return this.measureCtx()
+    },
+    split() {
+      return splitGroupNodes(this.nodes)
+    },
+    nestedGroups() {
+      return this.split.groups
+    },
+    looseNodes() {
+      return this.split.loose
+    },
+    qualLooseNodes() {
+      return this.looseNodes.filter(isQualIndicator)
+    },
+    tableLooseNodes() {
+      return this.looseNodes.filter(n => !isQualIndicator(n))
+    },
+    qualLooseGroups() {
+      const resolve = this.ctx.resolveLeafNode
+      return [
+        {
+          name: '',
+          children: this.qualLooseNodes.map(n =>
+            resolve ? resolve(n) || n : n
+          )
+        }
+      ]
+    }
+  },
+  methods: {
+    innerWeightText(group) {
+      const fn = this.ctx.groupWeightText
+      return fn ? fn(group) : ''
+    },
+    innerSubtotalText(group) {
+      const fn = this.ctx.groupSubtotalText
+      return fn ? fn(group) : ''
+    },
+    isExpanded(group) {
+      const fn = this.ctx.isGroupExpanded
+      return fn ? fn(group) : !group || group._groupExpanded !== false
+    },
+    toggleGroup(group) {
+      const fn = this.ctx.toggleGroupExpanded
+      if (fn) fn(group)
+      else if (group) this.$set(group, '_groupExpanded', group._groupExpanded === false)
+    },
+    childNumberPrefix(group) {
+      const idx = this.nodes.findIndex(n => n._rowKey === group._rowKey)
+      const serial = hierarchySerial(this.numberPrefix, idx < 0 ? 0 : idx)
+      return hierarchySerialPrefix(serial)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.measure-group-blocks {
+  width: 100%;
+}
+.measure-inner-group {
+  margin-top: 12px;
+}
+.measure-inner-group + .measure-inner-group {
+  margin-top: 16px;
+}
+.section-title {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  font-size: 15px;
+  font-weight: 600;
+  padding-left: 8px;
+  margin-bottom: 8px;
+  border-left: 3px solid #409eff;
+  cursor: pointer;
+}
+.group-toggle {
+  margin-left: auto;
+  font-size: 13px;
+  font-weight: 400;
+  color: #409eff;
+  white-space: nowrap;
+  user-select: none;
+}
+.group-toggle i {
+  margin-left: 2px;
+}
+.section-weight-pill,
+.section-score-pill {
+  display: inline-block;
+  margin-left: 4px;
+  padding: 2px 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #606266;
+  line-height: 20px;
+  background: #f2f3f5;
+  border-radius: 4px;
+}
+.section-remark {
+  margin-left: 0;
+  font-weight: 400;
+  color: #909399;
+}
+.section-remark .remark-html {
+  display: inline;
+  ::v-deep p {
+    display: inline;
+    margin: 0;
+  }
+}
+</style>