@nstc-business/imes 1.0.26 → 1.0.28

package/src/components/measureCalc/MeasureStatCell.vue

@@ -1,183 +1,181 @@
-<template>
-  <div class="measure-stat-cell">
-    <template v-if="!cell">—</template>
-    <!-- 手工填报 -->
-    <template v-else-if="cell.sourceType === 3">
-      <span v-if="column.disabled || readonly">{{ displayValue(cell) }}</span>
-      <InputNumber
-        v-else
-        class="full-w"
-        size="small"
-        :type="cell.displayStyle === 1 ? 'rate' : 'money'"
-        :d-num="digits"
-        v-model="cell.value"
-      />
-    </template>
-    <!-- 不可量化下拉 -->
-    <template v-else-if="cell.sourceType === 0">
-      <span v-if="column.disabled || readonly">{{ displayValue(cell) }}</span>
-
-      <el-select
-        v-else
-        class="full-w"
-        v-model="cell.value"
-        size="small"
-        placeholder="请选择"
-        value-key="scoreMapID"
-      >
-        <el-option
-          v-for="option in cell.optionList || []"
-          :key="option.scoreMapID || option.scoreText"
-          :label="option.scoreText"
-          :value="option"
-          style="height: auto"
-        >
-          <div class="select-top">{{ option.scoreText }}</div>
-          <div class="select-bottom">{{ option.reason }}</div>
-        </el-option>
-      </el-select>
-    </template>
-    <!-- 其余：只读或调整（可调整时原值与输入框同时展示） -->
-    <template v-else>
-      <el-tooltip
-        v-if="showOriginalWhenAdjust && showFormulaTip"
-        placement="top"
-        effect="dark"
-      >
-        <div slot="content">
-          {{ cell.displayFormula }}：
-          <br />
-          {{ cell.relFormula }}
-        </div>
-        <span>{{ originalValue(cell) }}</span>
-      </el-tooltip>
-      <span v-else-if="showOriginalWhenAdjust">{{ originalValue(cell) }}</span>
-      <InputNumber
-        v-if="
-          cell.modifyRank === 2 &&
-          cell.value !== '' &&
-          cell.value !== null &&
-          !column.disabled
-        "
-        class="full-w"
-        size="small"
-        :type="cell.displayStyle === 1 ? 'rate' : 'money'"
-        :d-num="digits"
-        :disabled="readonly"
-        v-model="cell.value"
-      />
-      <el-tooltip
-        v-else-if="showFormulaTip"
-        placement="top"
-        effect="dark"
-      >
-        <div slot="content">
-          {{ cell.displayFormula }}：
-          <br />
-          {{ cell.relFormula }}
-        </div>
-        <span>{{ displayValue(cell) }}</span>
-      </el-tooltip>
-      <span v-else-if="!showOriginalWhenAdjust">{{ displayValue(cell) }}</span>
-    </template>
-  </div>
-</template>
-
-<script>
-import { InputNumber } from './ui'
-import { toFixedTrunc, addThousands } from '../common'
-
-export default {
-  name: 'MeasureStatCell',
-  components: { InputNumber },
-  inject: ['measureCtx'],
-  props: {
-    cell: { type: Object, default: null },
-    column: { type: Object, default: () => ({}) },
-    digits: { type: Number, default: 2 }
-  },
-  computed: {
-    readonly() {
-      return !!this.measureCtx().readonly
-    },
-    /** 指标值列才展示公式；得分列 column.disabled 不展示 */
-    showFormulaTip() {
-      if (!this.cell || this.column.disabled) return false
-      return !!(this.cell.displayFormula || this.cell.relFormula)
-    },
-    showOriginalWhenAdjust() {
-      return (
-        this.cell &&
-        this.cell.modifyRank === 2 &&
-        this.cell.indicatorResult !== '' &&
-        this.cell.indicatorResult !== null
-      )
-    }
-  },
-  methods: {
-    originalValue(cell) {
-      const val = cell.indicatorResult
-      if (val === '' || val == null) return ''
-      let text = Number(val).toFixed(this.digits)
-      if (cell.showStyle === 2) {
-        text = addThousands(toFixedTrunc(val, this.digits))
-      }
-      const suffix = cell.displayStyle === 1 && (val || val === 0) ? '%' : ''
-      return text + suffix
-    },
-    displayValue(cell) {
-      // 满分值列：按录入原样展示，不做位数格式化
-      if (this.column.isFullScore) {
-        const val =
-          cell.result !== '' && cell.result != null ? cell.result : cell.value
-        if (val === '' || val == null) return ''
-        return String(val)
-      }
-      if (this.column.disabled) {
-        const val =
-          cell.result !== '' && cell.result != null ? cell.result : cell.value
-        if (val === '' || val == null) return ''
-        let text = Number(val).toFixed(this.digits)
-        if (cell.showStyle === 2) {
-          text = addThousands(toFixedTrunc(val, this.digits))
-        }
-        return text
-      }
-      const val = cell.value
-      if (val === '' || val == null) return ''
-      if (typeof val === 'object' && val.scoreText) return val.scoreText
-      let text = val || val === 0 ? Number(val).toFixed(this.digits) : ''
-      if (cell.showStyle === 2 && text) {
-        text = addThousands(toFixedTrunc(val, this.digits))
-      }
-      const suffix = cell.displayStyle === 1 && (val || val === 0) ? '%' : ''
-      return text + suffix
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.full-w {
-  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: 13px;
-  max-width: 500px;
-  white-space: normal;
-  word-wrap: break-word;
-}
-/deep/ .el-select .el-input__inner {
-  text-align: center;
-}
-</style>
+<template>
+  <div class="measure-stat-cell">
+    <template v-if="!cell">—</template>
+    <!-- 手工填报 -->
+    <template v-else-if="cell.sourceType === 3">
+      <span v-if="column.disabled || readonly">{{ displayValue(cell) }}</span>
+      <InputNumber
+        v-else
+        class="full-w"
+        size="small"
+        :type="cell.displayStyle === 1 ? 'rate' : 'money'"
+        :d-num="digits"
+        v-model="cell.value"
+      />
+    </template>
+    <!-- 不可量化下拉 -->
+    <template v-else-if="cell.sourceType === 0">
+      <span v-if="column.disabled || readonly">{{ displayValue(cell) }}</span>
+
+      <el-select
+        v-else
+        class="full-w"
+        v-model="cell.value"
+        size="small"
+        placeholder="请选择"
+        value-key="scoreMapID"
+      >
+        <el-option
+          v-for="option in cell.optionList || []"
+          :key="option.scoreMapID || option.scoreText"
+          :label="option.scoreText"
+          :value="option"
+          style="height: auto"
+        >
+          <div class="select-top">{{ option.scoreText }}</div>
+          <div class="select-bottom">{{ option.reason }}</div>
+        </el-option>
+      </el-select>
+    </template>
+    <!-- 其余：只读或调整（可调整时原值与输入框同时展示） -->
+    <template v-else>
+      <el-tooltip
+        v-if="showOriginalWhenAdjust && showFormulaTip"
+        placement="top"
+        effect="dark"
+      >
+        <div slot="content">
+          {{ cell.displayFormula }}：
+          <br />
+          {{ cell.relFormula }}
+        </div>
+        <span>{{ originalValue(cell) }}</span>
+      </el-tooltip>
+      <span v-else-if="showOriginalWhenAdjust">{{ originalValue(cell) }}</span>
+      <InputNumber
+        v-if="
+          cell.modifyRank === 2 &&
+          cell.value !== '' &&
+          cell.value !== null &&
+          !column.disabled
+        "
+        class="full-w"
+        size="small"
+        :type="cell.displayStyle === 1 ? 'rate' : 'money'"
+        :d-num="digits"
+        :disabled="readonly"
+        v-model="cell.value"
+      />
+      <el-tooltip
+        v-else-if="showFormulaTip"
+        placement="top"
+        effect="dark"
+      >
+        <div slot="content">
+          {{ cell.displayFormula }}：
+          <br />
+          {{ cell.relFormula }}
+        </div>
+        <span>{{ displayValue(cell) }}</span>
+      </el-tooltip>
+      <span v-else-if="!showOriginalWhenAdjust">{{ displayValue(cell) }}</span>
+    </template>
+  </div>
+</template>
+
+<script>
+import { InputNumber } from './ui'
+import { toFixedTrunc, addThousands } from '../common'
+import { formatScoreText } from './helpers'
+
+export default {
+  name: 'MeasureStatCell',
+  components: { InputNumber },
+  inject: ['measureCtx'],
+  props: {
+    cell: { type: Object, default: null },
+    column: { type: Object, default: () => ({}) },
+    /** 指标值小数位（可读模型配置）；得分列固定 SCORE_DIGITS */
+    digits: { type: Number, default: 2 }
+  },
+  computed: {
+    readonly() {
+      return !!this.measureCtx().readonly
+    },
+    /** 指标值列才展示公式；得分列 column.disabled 不展示 */
+    showFormulaTip() {
+      if (!this.cell || this.column.disabled) return false
+      return !!(this.cell.displayFormula || this.cell.relFormula)
+    },
+    showOriginalWhenAdjust() {
+      return (
+        this.cell &&
+        this.cell.modifyRank === 2 &&
+        this.cell.indicatorResult !== '' &&
+        this.cell.indicatorResult !== null
+      )
+    }
+  },
+  methods: {
+    originalValue(cell) {
+      const val = cell.indicatorResult
+      if (val === '' || val == null) return ''
+      let text = Number(val).toFixed(this.digits)
+      if (cell.showStyle === 2) {
+        text = addThousands(toFixedTrunc(val, this.digits))
+      }
+      const suffix = cell.displayStyle === 1 && (val || val === 0) ? '%' : ''
+      return text + suffix
+    },
+    displayValue(cell) {
+      // 满分值列：按录入原样展示，不做位数格式化
+      if (this.column.isFullScore) {
+        const val =
+          cell.result !== '' && cell.result != null ? cell.result : cell.value
+        if (val === '' || val == null) return ''
+        return String(val)
+      }
+      // 得分列：固定 2 位四舍五入，不读模型 digits
+      if (this.column.disabled) {
+        const val =
+          cell.result !== '' && cell.result != null ? cell.result : cell.value
+        return formatScoreText(val, { thousands: cell.showStyle === 2 })
+      }
+      const val = cell.value
+      if (val === '' || val == null) return ''
+      if (typeof val === 'object' && val.scoreText) return val.scoreText
+      let text = val || val === 0 ? Number(val).toFixed(this.digits) : ''
+      if (cell.showStyle === 2 && text) {
+        text = addThousands(toFixedTrunc(val, this.digits))
+      }
+      const suffix = cell.displayStyle === 1 && (val || val === 0) ? '%' : ''
+      return text + suffix
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.full-w {
+  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: 13px;
+  max-width: 500px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+/deep/ .el-select .el-input__inner {
+  text-align: center;
+}
+</style>