@nstc-business/imes 1.0.26 → 1.0.28

package/src/components/measureCalc/MeasureStatFlatTable.vue

@@ -1,254 +1,258 @@
-<template>
-  <div class="measure-stat-flat">
-    <div v-if="!rows.length" class="stat-empty">暂无统计数据</div>
-    <vxe-table
-      v-else
-      border
-      :data="rows"
-      :merge-cells="mergeCells"
-      :row-config="{ keyField: '_rowKey' }"
-      :scroll-y="{ enabled: false }"
-    >
-      <vxe-column field="pName" title="指标项" min-width="150" align="center" />
-      <vxe-column field="statsName" title="统计项名称" min-width="150" align="center" />
-      <vxe-column field="name" title="指标名称" min-width="150" align="center">
-        <template #default="{ row }">
-          <span>{{ row.name }}</span>
-          <el-tooltip
-            v-if="row.indicatorRemark"
-            placement="top"
-            effect="dark"
-            popper-class="indicator-remark-tooltip"
-          >
-            <template #content>
-              <div class="remark-content">{{ row.indicatorRemark }}</div>
-            </template>
-            <i class="n20-icon-xinxitishi cur-point color-secondary remark-icon"></i>
-          </el-tooltip>
-        </template>
-      </vxe-column>
-
-      <vxe-column title="指标模拟数据输入" min-width="280" align="center">
-        <template #default="{ row }">
-          <template v-if="isQualFn(row)">
-            <el-select
-              class="full-w"
-              v-model="row.value"
-              :disabled="ctx.readonly"
-              size="small"
-              placeholder="请选择"
-              value-key="scoreMapID"
-              @change="onQualChange(row)"
-            >
-              <el-option
-                v-for="option in row.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="
-                row.sourceType !== 3 &&
-                (!row.optionList || !row.optionList.length) &&
-                hasFormulaFn(row)
-              "
-              placement="top"
-              effect="dark"
-            >
-              <div slot="content">
-                {{ row.displayFormula }}：
-                <br />
-                {{ row.relFormula }}
-              </div>
-              <span>{{ indicatorTextFn(row) }}</span>
-            </el-tooltip>
-            <span
-              v-else-if="
-                row.sourceType !== 3 &&
-                (!row.optionList || !row.optionList.length)
-              "
-            >
-              {{ indicatorTextFn(row) }}
-            </span>
-            <InputNumber
-              v-if="row.sourceType === 3 && row.itemType == 21"
-              class="full-w"
-              size="small"
-              :type="row.displayStyle === 1 ? 'rate' : 'money'"
-              :d-num="digitsFn(row)"
-              :disabled="ctx.readonly"
-              v-model="row.value"
-              placeholder="请输入"
-            />
-            <InputNumber
-              v-else-if="
-                row.modifyRank === 2 &&
-                row.indicatorResult !== '' &&
-                row.indicatorResult !== null
-              "
-              class="full-w"
-              size="small"
-              :type="row.displayStyle === 1 ? 'rate' : 'money'"
-              :d-num="digitsFn(row)"
-              :disabled="ctx.readonly"
-              v-model="row.value"
-              placeholder="请输入"
-            />
-          </template>
-        </template>
-      </vxe-column>
-
-      <vxe-column title="指标得分" width="140" align="center">
-        <template #default="{ row }">
-          <div>{{ resultFn(row) }}</div>
-          <InputNumber
-            v-if="
-              row.result !== '' &&
-              row.result !== null &&
-              row.modifyRank === 1
-            "
-            class="full-w"
-            :d-num="ctx.modelWrap.digits"
-            :max="row.fullScore"
-            :disabled="ctx.readonly"
-            v-model="row.modifiedResult"
-            placeholder="修改指标得分"
-          />
-        </template>
-      </vxe-column>
-
-      <vxe-column title="指标值显示" min-width="140" align="center">
-        <template #default="{ row }">
-          {{ row.indicatorValText || '—' }}
-        </template>
-      </vxe-column>
-    </vxe-table>
-  </div>
-</template>
-
-<script>
-import { InputNumber } from './ui'
-import { setMergeCells } from '../common'
-import {
-  isQualIndicator,
-  digitsCalc,
-  resultByShowStyle,
-  indicatorResultText
-} from './helpers'
-
-/** 与表格列顺序一致，供 setMergeCells 计算列索引 */
-const STAT_FLAT_COLUMNS = [
-  { prop: 'pName' },
-  { prop: 'statsName' },
-  { prop: 'name' },
-  { prop: 'indicatorResult' },
-  { prop: 'result' },
-  { prop: 'indicatorValText' }
-]
-
-export default {
-  name: 'MeasureStatFlatTable',
-  components: { InputNumber },
-  inject: ['measureCtx'],
-  props: {
-    rows: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    ctx() {
-      return this.measureCtx()
-    },
-    /** 同目录（pid）下的「指标项」列合并，对齐旧版 modelCalcTest */
-    mergeCells() {
-      return setMergeCells({
-        list: this.rows,
-        columns: STAT_FLAT_COLUMNS,
-        merges: ['pName'],
-        condition: ['pid'],
-        field: 'prop'
-      })
-    }
-  },
-  methods: {
-    isQualFn(row) {
-      return isQualIndicator(row)
-    },
-    digitsFn(row) {
-      return digitsCalc(row, this.ctx.modelWrap)
-    },
-    resultFn(row) {
-      return resultByShowStyle(row, this.ctx.modelWrap)
-    },
-    indicatorTextFn(row) {
-      return indicatorResultText(row, this.ctx.modelWrap)
-    },
-    hasFormulaFn(row) {
-      return !!(row && (row.displayFormula || row.relFormula))
-    },
-    onQualChange(row) {
-      const option = row.value
-      if (!option || !option.scoreMapID) return
-      this.$set(row, 'scoreMapID', option.scoreMapID)
-      this.$set(row, 'scoreText', option.scoreText)
-      this.$set(row, 'scoreValue', option.scoreValue)
-    }
-  }
-}
-</script>
-
-<style lang="less">
-.indicator-remark-tooltip {
-  max-width: 360px;
-  .remark-content {
-    white-space: pre-wrap;
-    word-break: break-word;
-    line-height: 1.6;
-    font-size: 14px;
-  }
-}
-</style>
-
-<style lang="less" scoped>
-.measure-stat-flat {
-  width: 100%;
-}
-.remark-icon {
-  margin-left: 4px;
-}
-.full-w {
-  width: 100%;
-}
-.stat-empty {
-  padding: 12px;
-  color: #909399;
-  text-align: center;
-}
-.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: 500px;
-  white-space: normal;
-  word-wrap: break-word;
-}
-/deep/ .el-select .el-input__inner {
-  text-align: center;
-}
-</style>
+<template>
+  <div class="measure-stat-flat">
+    <div v-if="!rows.length" class="stat-empty">暂无统计数据</div>
+    <vxe-table
+      v-else
+      border
+      :data="rows"
+      :merge-cells="mergeCells"
+      :row-config="{ keyField: '_rowKey' }"
+      :scroll-y="{ enabled: false }"
+    >
+      <vxe-column field="pName" title="指标项" min-width="150" align="center" />
+      <vxe-column field="statsName" title="统计项名称" min-width="150" align="center" />
+      <vxe-column field="name" title="指标名称" min-width="150" align="center">
+        <template #default="{ row }">
+          <span>{{ row.name }}</span>
+          <el-tooltip
+            v-if="row.indicatorRemark"
+            placement="top"
+            effect="dark"
+            popper-class="indicator-remark-tooltip"
+          >
+            <template #content>
+              <div class="remark-content">{{ row.indicatorRemark }}</div>
+            </template>
+            <i class="n20-icon-xinxitishi cur-point color-secondary remark-icon"></i>
+          </el-tooltip>
+        </template>
+      </vxe-column>
+
+      <vxe-column title="指标模拟数据输入" min-width="280" align="center">
+        <template #default="{ row }">
+          <template v-if="isQualFn(row)">
+            <el-select
+              class="full-w"
+              v-model="row.value"
+              :disabled="ctx.readonly"
+              size="small"
+              placeholder="请选择"
+              value-key="scoreMapID"
+              @change="onQualChange(row)"
+            >
+              <el-option
+                v-for="option in row.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="
+                row.sourceType !== 3 &&
+                (!row.optionList || !row.optionList.length) &&
+                hasFormulaFn(row)
+              "
+              placement="top"
+              effect="dark"
+            >
+              <div slot="content">
+                {{ row.displayFormula }}：
+                <br />
+                {{ row.relFormula }}
+              </div>
+              <span>{{ indicatorTextFn(row) }}</span>
+            </el-tooltip>
+            <span
+              v-else-if="
+                row.sourceType !== 3 &&
+                (!row.optionList || !row.optionList.length)
+              "
+            >
+              {{ indicatorTextFn(row) }}
+            </span>
+            <InputNumber
+              v-if="row.sourceType === 3 && row.itemType == 21"
+              class="full-w"
+              size="small"
+              :type="row.displayStyle === 1 ? 'rate' : 'money'"
+              :d-num="digitsFn(row)"
+              :disabled="ctx.readonly"
+              v-model="row.value"
+              placeholder="请输入"
+            />
+            <InputNumber
+              v-else-if="
+                row.modifyRank === 2 &&
+                row.indicatorResult !== '' &&
+                row.indicatorResult !== null
+              "
+              class="full-w"
+              size="small"
+              :type="row.displayStyle === 1 ? 'rate' : 'money'"
+              :d-num="digitsFn(row)"
+              :disabled="ctx.readonly"
+              v-model="row.value"
+              placeholder="请输入"
+            />
+          </template>
+        </template>
+      </vxe-column>
+
+      <vxe-column title="指标得分" width="140" align="center">
+        <template #default="{ row }">
+          <div>{{ resultFn(row) }}</div>
+          <InputNumber
+            v-if="
+              row.result !== '' &&
+              row.result !== null &&
+              row.modifyRank === 1
+            "
+            class="full-w"
+            :d-num="SCORE_DIGITS"
+            :max="row.fullScore"
+            :disabled="ctx.readonly"
+            v-model="row.modifiedResult"
+            placeholder="修改指标得分"
+          />
+        </template>
+      </vxe-column>
+
+      <vxe-column title="指标值显示" min-width="140" align="center">
+        <template #default="{ row }">
+          {{ row.indicatorValText || '—' }}
+        </template>
+      </vxe-column>
+    </vxe-table>
+  </div>
+</template>
+
+<script>
+import { InputNumber } from './ui'
+import { setMergeCells } from '../common'
+import {
+  isQualIndicator,
+  digitsCalc,
+  SCORE_DIGITS,
+  resultByShowStyle,
+  indicatorResultText
+} from './helpers'
+
+/** 与表格列顺序一致，供 setMergeCells 计算列索引 */
+const STAT_FLAT_COLUMNS = [
+  { prop: 'pName' },
+  { prop: 'statsName' },
+  { prop: 'name' },
+  { prop: 'indicatorResult' },
+  { prop: 'result' },
+  { prop: 'indicatorValText' }
+]
+
+export default {
+  name: 'MeasureStatFlatTable',
+  components: { InputNumber },
+  inject: ['measureCtx'],
+  data() {
+    return { SCORE_DIGITS }
+  },
+  props: {
+    rows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    ctx() {
+      return this.measureCtx()
+    },
+    /** 同目录（pid）下的「指标项」列合并，对齐旧版 modelCalcTest */
+    mergeCells() {
+      return setMergeCells({
+        list: this.rows,
+        columns: STAT_FLAT_COLUMNS,
+        merges: ['pName'],
+        condition: ['pid'],
+        field: 'prop'
+      })
+    }
+  },
+  methods: {
+    isQualFn(row) {
+      return isQualIndicator(row)
+    },
+    digitsFn(row) {
+      return digitsCalc(row, this.ctx.modelWrap)
+    },
+    resultFn(row) {
+      return resultByShowStyle(row, this.ctx.modelWrap)
+    },
+    indicatorTextFn(row) {
+      return indicatorResultText(row, this.ctx.modelWrap)
+    },
+    hasFormulaFn(row) {
+      return !!(row && (row.displayFormula || row.relFormula))
+    },
+    onQualChange(row) {
+      const option = row.value
+      if (!option || !option.scoreMapID) return
+      this.$set(row, 'scoreMapID', option.scoreMapID)
+      this.$set(row, 'scoreText', option.scoreText)
+      this.$set(row, 'scoreValue', option.scoreValue)
+    }
+  }
+}
+</script>
+
+<style lang="less">
+.indicator-remark-tooltip {
+  max-width: 360px;
+  .remark-content {
+    white-space: pre-wrap;
+    word-break: break-word;
+    line-height: 1.6;
+    font-size: 14px;
+  }
+}
+</style>
+
+<style lang="less" scoped>
+.measure-stat-flat {
+  width: 100%;
+}
+.remark-icon {
+  margin-left: 4px;
+}
+.full-w {
+  width: 100%;
+}
+.stat-empty {
+  padding: 12px;
+  color: #909399;
+  text-align: center;
+}
+.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: 500px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+/deep/ .el-select .el-input__inner {
+  text-align: center;
+}
+</style>