@nstc-business/imes 1.0.26 → 1.0.28

package/src/components/measureCalc/MeasureQualAnalysis.vue

@@ -1,415 +1,415 @@
-<template>
-  <div class="measure-qual-analysis">
-    <div
-      v-for="(group, index) in displayGroups"
-      :key="group._groupKey"
-      class="qual-group"
-    >
-      <div v-if="group.name" class="qual-group-title" @click="toggleGroup(index)">
-        <span v-if="showSerial" class="qual-group-index">{{ index + 1 }}.</span>
-        <span>{{ group.name }}</span>
-        <span
-          v-if="modelWrap.showWeight === 1 && group.fullScore"
-          class="qual-group-weight"
-        >
-          总权重:{{ group.fullScore }}
-        </span>
-        <span
-          v-if="group.result || group.result === 0"
-          class="qual-group-score"
-        >
-          得分:{{ group.result }}
-        </span>
-        <span class="group-toggle">
-          {{ isExpanded(index) ? '收起' : '展开' }}
-          <i :class="isExpanded(index) ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
-        </span>
-      </div>
-
-      <vxe-table
-        v-show="isExpanded(index)"
-        border
-        class="qual-table"
-        :data="group.children"
-        :row-config="{ keyField: '_rowKey' }"
-        :scroll-y="{ enabled: false }"
-      >
-        <vxe-column v-if="showSerial" title="序号" width="72" align="center">
-          <template #default="{ rowIndex }">{{ rowIndex + 1 }}</template>
-        </vxe-column>
-
-        <vxe-column field="name" title="指标名称" min-width="180" align="center">
-          <template #default="{ row }">
-            <span v-title="row.name">{{ row.name }}</span>
-          </template>
-        </vxe-column>
-
-        <vxe-column
-          v-if="showWeightCol"
-          title="指标权重"
-          width="100"
-          align="center"
-        >
-          <template #default="{ row }">{{ row.weight || '—' }}</template>
-        </vxe-column>
-
-        <vxe-column
-          v-if="showFullScoreCol"
-          title="指标满分值"
-          width="110"
-          align="center"
-        >
-          <template #default="{ row }">{{ formatFullScore(row) }}</template>
-        </vxe-column>
-
-        <vxe-column title="评价标准" min-width="180" align="center">
-          <template #default="{ row }">{{ evalStandardText(row) }}</template>
-        </vxe-column>
-
-        <vxe-column title="指标值" min-width="220" align="center">
-          <template #default="{ row }">
-            <el-select
-              v-if="isQualSelectNode(row)"
-              class="qual-select"
-              :value="row.scoreMapID"
-              :disabled="readonly"
-              size="small"
-              placeholder="请选择"
-              @change="val => onSelectChange(row, val)"
-            >
-              <el-option
-                v-for="option in row.optionList"
-                :key="option.scoreMapID"
-                :label="option.scoreText"
-                :value="option.scoreMapID"
-                style="height: auto"
-              >
-                <div class="select-top">{{ option.scoreText }}</div>
-                <div class="select-bottom">{{ option.reason }}</div>
-              </el-option>
-            </el-select>
-            <el-input
-              v-else-if="row.sourceType === 3"
-              class="qual-manual-input"
-              type="number"
-              size="small"
-              v-model="row.scoreValue"
-              :disabled="readonly"
-              placeholder="请输入评分"
-            />
-            <span v-else>—</span>
-          </template>
-        </vxe-column>
-
-        <vxe-column :title="scoreColTitle(group)" width="120" align="center">
-          <template #default="{ row }">
-            {{ formatIndicatorScore(group, row) }}
-          </template>
-        </vxe-column>
-
-        <vxe-column
-          v-if="showModelScoreCol"
-          title="模型指标得分"
-          width="130"
-          align="center"
-        >
-          <template #default="{ row }">{{ formatScore(row.result) }}</template>
-        </vxe-column>
-
-        <vxe-column title="评价理由" min-width="240" align="center">
-          <template #default="{ row }">
-            <el-input
-              v-if="isQualSelectNode(row)"
-              class="qual-reason-input"
-              type="textarea"
-              v-title
-              :show-overflow-tooltip="true"
-              :maxlength="2000"
-              show-word-limit
-              v-model="row.reason"
-              :disabled="readonly"
-              placeholder="请输入具体评价依据，不超过2000字"
-              @input="onReasonInput(row)"
-            />
-          </template>
-        </vxe-column>
-      </vxe-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import {
-  resultByShowStyle,
-  indicatorScoreText,
-  showLevelSerial,
-  isQualIndicator,
-  fullScoreText,
-  isShowFullScore
-} from './helpers'
-
-export default {
-  name: 'MeasureQualAnalysis',
-  inject: ['measureCtx'],
-  props: {
-    groups: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    modelWrap() {
-      return this.measureCtx().modelWrap || {}
-    },
-    readonly() {
-      return !!this.measureCtx().readonly
-    },
-    showSerial() {
-      return showLevelSerial(this.modelWrap)
-    },
-    showWeightCol() {
-      return this.modelWrap.showWeight === 1 && !this.measureCtx().calcMode
-    },
-    showModelScoreCol() {
-      return !this.measureCtx().calcMode
-    },
-    showFullScoreCol() {
-      return this.displayGroups.some(group =>
-        (group.children || []).some(child => isShowFullScore(child))
-      )
-    },
-    /** 始终绑定 leafList 原始节点，避免 vxe 展开区副本导致 v-model 丢失 */
-    displayGroups() {
-      const resolve = this.measureCtx().resolveLeafNode
-      return this.groups.map((group, index) => ({
-        ...group,
-        _groupKey: group._rowKey || group.name || `qual-group-${index}`,
-        children: (group.children || []).map(child =>
-          resolve ? resolve(child) || child : child
-        )
-      }))
-    }
-  },
-  watch: {
-    displayGroups: {
-      handler() {
-        this.hydrateFromDraft()
-      },
-      immediate: true,
-      deep: true
-    }
-  },
-  methods: {
-    sourceGroup(index) {
-      return this.groups[index] || this.displayGroups[index]
-    },
-    isExpanded(index) {
-      const group = this.sourceGroup(index)
-      const fn = this.measureCtx().isGroupExpanded
-      return fn ? fn(group) : !group || group._groupExpanded !== false
-    },
-    toggleGroup(index) {
-      const group = this.sourceGroup(index)
-      const fn = this.measureCtx().toggleGroupExpanded
-      if (fn) fn(group)
-      else if (group) this.$set(group, '_groupExpanded', group._groupExpanded === false)
-    },
-    isQualSelectNode(node) {
-      return (
-        node.sourceType === 0 ||
-        (isQualIndicator(node) && node.optionList && node.optionList.length)
-      )
-    },
-    scoreColTitle(group) {
-      if (group.itemType === 11) return '系数值'
-      return '指标得分'
-    },
-    formatIndicatorScore(group, node) {
-      if (group.itemType === 11) {
-        return this.formatScore(node.result)
-      }
-      return indicatorScoreText(node, this.modelWrap)
-    },
-    formatScore(val) {
-      if (val === '' || val == null) return ''
-      return resultByShowStyle({ result: val }, this.modelWrap)
-    },
-    formatFullScore(node) {
-      return fullScoreText(node, this.modelWrap) || '—'
-    },
-    evalStandardText(node) {
-      return node.indicatorRemark || this.selectedOptionReason(node) || '—'
-    },
-    resolveNode(node) {
-      const resolve = this.measureCtx().resolveLeafNode
-      return resolve ? resolve(node) || node : node
-    },
-    applyNodeSelection(node, option) {
-      if (!node || !option) return
-      this.$set(node, 'value', option)
-      this.$set(node, 'scoreMapID', option.scoreMapID)
-      this.$set(node, 'scoreText', option.scoreText)
-      this.$set(node, 'scoreValue', option.scoreValue)
-      this.$set(node, 'picker', option)
-    },
-    pushQualDraft(node, patch) {
-      const sync = this.measureCtx().syncQualSelection
-      if (sync && node && node.tid) sync(node.tid, patch)
-    },
-    onSelectChange(node, scoreMapID) {
-      const target = this.resolveNode(node)
-      if (scoreMapID == null || scoreMapID === '') {
-        this.$set(target, 'scoreMapID', null)
-        this.$set(target, 'value', null)
-        this.pushQualDraft(target, {
-          scoreMapID: null,
-          scoreText: '',
-          scoreValue: null
-        })
-        return
-      }
-      this.$set(target, 'scoreMapID', scoreMapID)
-      const option = (target.optionList || []).find(
-        item => item.scoreMapID == scoreMapID
-      )
-      if (!option) return
-      this.applyNodeSelection(target, option)
-      this.$set(target, 'result', null)
-      this.pushQualDraft(target, {
-        itemID: target.itemID,
-        scoreMapID: option.scoreMapID,
-        scoreText: option.scoreText,
-        scoreValue: option.scoreValue,
-        reason: target.reason
-      })
-    },
-    onReasonInput(node) {
-      const target = this.resolveNode(node)
-      this.pushQualDraft(target, {
-        itemID: target.itemID,
-        scoreMapID: target.scoreMapID,
-        reason: target.reason
-      })
-    },
-    hydrateFromDraft() {
-      const get = this.measureCtx().getQualSelection
-      if (!get) return
-      this.displayGroups.forEach(group => {
-        ;(group.children || []).forEach(node => {
-          if (!this.isQualSelectNode(node)) return
-          const draft = get(node.tid)
-          if (!draft) return
-          if (draft.scoreMapID != null && draft.scoreMapID !== '') {
-            if (node.scoreMapID != draft.scoreMapID) {
-              this.$set(node, 'scoreMapID', draft.scoreMapID)
-            }
-            const option = (node.optionList || []).find(
-              o => o.scoreMapID == draft.scoreMapID
-            )
-            if (option) this.applyNodeSelection(node, option)
-          }
-          if (draft.reason != null && draft.reason !== node.reason) {
-            this.$set(node, 'reason', draft.reason)
-          }
-        })
-      })
-    },
-    selectedOptionReason(node) {
-      if (node.picker && node.picker.reason) return node.picker.reason
-      if (
-        node.optionList &&
-        node.scoreMapID != null &&
-        node.scoreMapID !== ''
-      ) {
-        const option = node.optionList.find(
-          opt => opt.scoreMapID == node.scoreMapID
-        )
-        return option ? option.reason : ''
-      }
-      return ''
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.measure-qual-analysis {
-  margin-bottom: 12px;
-}
-
-.qual-group + .qual-group {
-  margin-top: 16px;
-}
-
-.qual-group-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 30px;
-  margin-bottom: 8px;
-  font-size: 15px;
-  color: #303133;
-  cursor: pointer;
-}
-
-.qual-group-index {
-  color: #606266;
-}
-
-.qual-group-weight,
-.qual-group-score {
-  margin-left: 8px;
-  color: #606266;
-}
-
-.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;
-}
-
-.qual-table {
-  width: 100%;
-}
-
-.qual-select,
-.qual-reason-input,
-.qual-manual-input {
-  width: 100%;
-}
-
-.select-top {
-  margin-top: 2px;
-  height: 14px;
-  line-height: 16px;
-  font-size: 14px;
-}
-
-.select-bottom {
-  margin-top: 1px;
-  min-height: 14px;
-  line-height: 16px;
-  color: #999999;
-  font-size: 14px;
-  max-width: 100%;
-  white-space: normal;
-  word-wrap: break-word;
-}
-
-/deep/ .el-select .el-input__inner {
-  text-align: center;
-}
-
-/deep/ .vxe-body--column {
-  padding-top: 6px;
-  padding-bottom: 6px;
-  height: auto !important;
-  max-height: unset !important;
-}
-</style>
+<template>
+  <div class="measure-qual-analysis">
+    <div
+      v-for="(group, index) in displayGroups"
+      :key="group._groupKey"
+      class="qual-group"
+    >
+      <div v-if="group.name" class="qual-group-title" @click="toggleGroup(index)">
+        <span v-if="showSerial" class="qual-group-index">{{ index + 1 }}.</span>
+        <span>{{ group.name }}</span>
+        <span
+          v-if="modelWrap.showWeight === 1 && group.fullScore"
+          class="qual-group-weight"
+        >
+          总权重:{{ group.fullScore }}
+        </span>
+        <span
+          v-if="group.result || group.result === 0"
+          class="qual-group-score"
+        >
+          得分:{{ group.result }}
+        </span>
+        <span class="group-toggle">
+          {{ isExpanded(index) ? '收起' : '展开' }}
+          <i :class="isExpanded(index) ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+        </span>
+      </div>
+
+      <vxe-table
+        v-show="isExpanded(index)"
+        border
+        class="qual-table"
+        :data="group.children"
+        :row-config="{ keyField: '_rowKey' }"
+        :scroll-y="{ enabled: false }"
+      >
+        <vxe-column v-if="showSerial" title="序号" width="72" align="center">
+          <template #default="{ rowIndex }">{{ rowIndex + 1 }}</template>
+        </vxe-column>
+
+        <vxe-column field="name" title="指标名称" min-width="180" align="center">
+          <template #default="{ row }">
+            <span v-title="row.name">{{ row.name }}</span>
+          </template>
+        </vxe-column>
+
+        <vxe-column
+          v-if="showWeightCol"
+          title="指标权重"
+          width="100"
+          align="center"
+        >
+          <template #default="{ row }">{{ row.weight || '—' }}</template>
+        </vxe-column>
+
+        <vxe-column
+          v-if="showFullScoreCol"
+          title="指标满分值"
+          width="110"
+          align="center"
+        >
+          <template #default="{ row }">{{ formatFullScore(row) }}</template>
+        </vxe-column>
+
+        <vxe-column title="评价标准" min-width="180" align="center">
+          <template #default="{ row }">{{ evalStandardText(row) }}</template>
+        </vxe-column>
+
+        <vxe-column title="指标值" min-width="220" align="center">
+          <template #default="{ row }">
+            <el-select
+              v-if="isQualSelectNode(row)"
+              class="qual-select"
+              :value="row.scoreMapID"
+              :disabled="readonly"
+              size="small"
+              placeholder="请选择"
+              @change="val => onSelectChange(row, val)"
+            >
+              <el-option
+                v-for="option in row.optionList"
+                :key="option.scoreMapID"
+                :label="option.scoreText"
+                :value="option.scoreMapID"
+                style="height: auto"
+              >
+                <div class="select-top">{{ option.scoreText }}</div>
+                <div class="select-bottom">{{ option.reason }}</div>
+              </el-option>
+            </el-select>
+            <el-input
+              v-else-if="row.sourceType === 3"
+              class="qual-manual-input"
+              type="number"
+              size="small"
+              v-model="row.scoreValue"
+              :disabled="readonly"
+              placeholder="请输入评分"
+            />
+            <span v-else>—</span>
+          </template>
+        </vxe-column>
+
+        <vxe-column :title="scoreColTitle(group)" width="120" align="center">
+          <template #default="{ row }">
+            {{ formatIndicatorScore(group, row) }}
+          </template>
+        </vxe-column>
+
+        <vxe-column
+          v-if="showModelScoreCol"
+          title="模型指标得分"
+          width="130"
+          align="center"
+        >
+          <template #default="{ row }">{{ formatScore(row.result) }}</template>
+        </vxe-column>
+
+        <vxe-column title="评价理由" min-width="240" align="center">
+          <template #default="{ row }">
+            <el-input
+              v-if="isQualSelectNode(row)"
+              class="qual-reason-input"
+              type="textarea"
+              v-title
+              :show-overflow-tooltip="true"
+              :maxlength="2000"
+              show-word-limit
+              v-model="row.reason"
+              :disabled="readonly"
+              placeholder="请输入具体评价依据，不超过2000字"
+              @input="onReasonInput(row)"
+            />
+          </template>
+        </vxe-column>
+      </vxe-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  resultByShowStyle,
+  indicatorScoreText,
+  showLevelSerial,
+  isQualIndicator,
+  fullScoreText,
+  isShowFullScore
+} from './helpers'
+
+export default {
+  name: 'MeasureQualAnalysis',
+  inject: ['measureCtx'],
+  props: {
+    groups: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    modelWrap() {
+      return this.measureCtx().modelWrap || {}
+    },
+    readonly() {
+      return !!this.measureCtx().readonly
+    },
+    showSerial() {
+      return showLevelSerial(this.modelWrap)
+    },
+    showWeightCol() {
+      return this.modelWrap.showWeight === 1 && !this.measureCtx().calcMode
+    },
+    showModelScoreCol() {
+      return !this.measureCtx().calcMode
+    },
+    showFullScoreCol() {
+      return this.displayGroups.some(group =>
+        (group.children || []).some(child => isShowFullScore(child))
+      )
+    },
+    /** 始终绑定 leafList 原始节点，避免 vxe 展开区副本导致 v-model 丢失 */
+    displayGroups() {
+      const resolve = this.measureCtx().resolveLeafNode
+      return this.groups.map((group, index) => ({
+        ...group,
+        _groupKey: group._rowKey || group.name || `qual-group-${index}`,
+        children: (group.children || []).map(child =>
+          resolve ? resolve(child) || child : child
+        )
+      }))
+    }
+  },
+  watch: {
+    displayGroups: {
+      handler() {
+        this.hydrateFromDraft()
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  methods: {
+    sourceGroup(index) {
+      return this.groups[index] || this.displayGroups[index]
+    },
+    isExpanded(index) {
+      const group = this.sourceGroup(index)
+      const fn = this.measureCtx().isGroupExpanded
+      return fn ? fn(group) : !group || group._groupExpanded !== false
+    },
+    toggleGroup(index) {
+      const group = this.sourceGroup(index)
+      const fn = this.measureCtx().toggleGroupExpanded
+      if (fn) fn(group)
+      else if (group) this.$set(group, '_groupExpanded', group._groupExpanded === false)
+    },
+    isQualSelectNode(node) {
+      return (
+        node.sourceType === 0 ||
+        (isQualIndicator(node) && node.optionList && node.optionList.length)
+      )
+    },
+    scoreColTitle(group) {
+      if (group.itemType === 11) return '系数值'
+      return '指标得分'
+    },
+    formatIndicatorScore(group, node) {
+      if (group.itemType === 11) {
+        return this.formatScore(node.result)
+      }
+      return indicatorScoreText(node, this.modelWrap)
+    },
+    formatScore(val) {
+      // resultByShowStyle 已固定得分 2 位四舍五入
+      return resultByShowStyle({ result: val }, this.modelWrap)
+    },
+    formatFullScore(node) {
+      return fullScoreText(node, this.modelWrap) || '—'
+    },
+    evalStandardText(node) {
+      return node.indicatorRemark || this.selectedOptionReason(node) || '—'
+    },
+    resolveNode(node) {
+      const resolve = this.measureCtx().resolveLeafNode
+      return resolve ? resolve(node) || node : node
+    },
+    applyNodeSelection(node, option) {
+      if (!node || !option) return
+      this.$set(node, 'value', option)
+      this.$set(node, 'scoreMapID', option.scoreMapID)
+      this.$set(node, 'scoreText', option.scoreText)
+      this.$set(node, 'scoreValue', option.scoreValue)
+      this.$set(node, 'picker', option)
+    },
+    pushQualDraft(node, patch) {
+      const sync = this.measureCtx().syncQualSelection
+      if (sync && node && node.tid) sync(node.tid, patch)
+    },
+    onSelectChange(node, scoreMapID) {
+      const target = this.resolveNode(node)
+      if (scoreMapID == null || scoreMapID === '') {
+        this.$set(target, 'scoreMapID', null)
+        this.$set(target, 'value', null)
+        this.pushQualDraft(target, {
+          scoreMapID: null,
+          scoreText: '',
+          scoreValue: null
+        })
+        return
+      }
+      this.$set(target, 'scoreMapID', scoreMapID)
+      const option = (target.optionList || []).find(
+        item => item.scoreMapID == scoreMapID
+      )
+      if (!option) return
+      this.applyNodeSelection(target, option)
+      this.$set(target, 'result', null)
+      this.pushQualDraft(target, {
+        itemID: target.itemID,
+        scoreMapID: option.scoreMapID,
+        scoreText: option.scoreText,
+        scoreValue: option.scoreValue,
+        reason: target.reason
+      })
+    },
+    onReasonInput(node) {
+      const target = this.resolveNode(node)
+      this.pushQualDraft(target, {
+        itemID: target.itemID,
+        scoreMapID: target.scoreMapID,
+        reason: target.reason
+      })
+    },
+    hydrateFromDraft() {
+      const get = this.measureCtx().getQualSelection
+      if (!get) return
+      this.displayGroups.forEach(group => {
+        ;(group.children || []).forEach(node => {
+          if (!this.isQualSelectNode(node)) return
+          const draft = get(node.tid)
+          if (!draft) return
+          if (draft.scoreMapID != null && draft.scoreMapID !== '') {
+            if (node.scoreMapID != draft.scoreMapID) {
+              this.$set(node, 'scoreMapID', draft.scoreMapID)
+            }
+            const option = (node.optionList || []).find(
+              o => o.scoreMapID == draft.scoreMapID
+            )
+            if (option) this.applyNodeSelection(node, option)
+          }
+          if (draft.reason != null && draft.reason !== node.reason) {
+            this.$set(node, 'reason', draft.reason)
+          }
+        })
+      })
+    },
+    selectedOptionReason(node) {
+      if (node.picker && node.picker.reason) return node.picker.reason
+      if (
+        node.optionList &&
+        node.scoreMapID != null &&
+        node.scoreMapID !== ''
+      ) {
+        const option = node.optionList.find(
+          opt => opt.scoreMapID == node.scoreMapID
+        )
+        return option ? option.reason : ''
+      }
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.measure-qual-analysis {
+  margin-bottom: 12px;
+}
+
+.qual-group + .qual-group {
+  margin-top: 16px;
+}
+
+.qual-group-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 30px;
+  margin-bottom: 8px;
+  font-size: 15px;
+  color: #303133;
+  cursor: pointer;
+}
+
+.qual-group-index {
+  color: #606266;
+}
+
+.qual-group-weight,
+.qual-group-score {
+  margin-left: 8px;
+  color: #606266;
+}
+
+.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;
+}
+
+.qual-table {
+  width: 100%;
+}
+
+.qual-select,
+.qual-reason-input,
+.qual-manual-input {
+  width: 100%;
+}
+
+.select-top {
+  margin-top: 2px;
+  height: 14px;
+  line-height: 16px;
+  font-size: 14px;
+}
+
+.select-bottom {
+  margin-top: 1px;
+  min-height: 14px;
+  line-height: 16px;
+  color: #999999;
+  font-size: 14px;
+  max-width: 100%;
+  white-space: normal;
+  word-wrap: break-word;
+}
+
+/deep/ .el-select .el-input__inner {
+  text-align: center;
+}
+
+/deep/ .vxe-body--column {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  height: auto !important;
+  max-height: unset !important;
+}
+</style>