@nstc-business/imes 1.0.26 → 1.0.28

package/src/components/measureCalc/MeasureEvalFlatTable.vue

@@ -1,432 +1,438 @@
-<template>
-  <div class="measure-eval-flat">
-    <vxe-table
-      border
-      :data="rows"
-      :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
-        v-if="hasGroupName"
-        field="_groupName"
-        title="分组"
-        min-width="140"
-        align="center"
-      />
-
-      <vxe-column field="name" title="指标名称" min-width="200" 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 field="code" title="指标编码" width="130" align="center">
-        <template #default="{ row }">{{ row.code || '—' }}</template>
-      </vxe-column>
-
-      <vxe-column
-        v-if="ctx.modelWrap.showWeight === 1"
-        title="权重"
-        width="80"
-        align="center"
-      >
-        <template #default="{ row }">
-          <template v-if="row.isLeaf === 0">—</template>
-          <template v-else>{{ row.weight || '—' }}</template>
-        </template>
-      </vxe-column>
-
-      <vxe-column
-        v-if="showFullScoreCol"
-        title="指标满分值"
-        width="110"
-        align="center"
-      >
-        <template #default="{ row }">{{ fullScoreFn(row) }}</template>
-      </vxe-column>
-
-      <vxe-column
-        v-if="showFormulaCol"
-        field="displayFormula"
-        title="计算公式"
-        width="130"
-        align="center"
-      >
-        <template #default="{ row }">{{ row.displayFormula || '—' }}</template>
-      </vxe-column>
-      <vxe-column
-        v-if="showRemarkCol"
-        field="indicatorRemark"
-        title="评价标准"
-        width="130"
-        align="center"
-      >
-        <template #default="{ row }">{{ row.indicatorRemark || '—' }}</template>
-      </vxe-column>
-
-      <vxe-column title="指标值" min-width="260" align="center">
-        <template #default="{ row }">
-          <template v-if="isQualFn(row)">
-            <el-select
-              class="full-w"
-              :value="resolveRow(row).scoreMapID"
-              :disabled="ctx.readonly"
-              size="small"
-              placeholder="请选择"
-              @change="val => onQualChange(row, val)"
-            >
-              <el-option
-                v-for="option in resolveRow(row).optionList"
-                :key="option.scoreMapID || option.scoreText"
-                :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>
-          </template>
-          <div v-else>
-            <!-- 原指标值：非手工填报始终展示；可调整时输入框在下方 -->
-            <el-tooltip
-              v-if="row.sourceType !== 3 && (row.displayFormula || row.relFormula)"
-              placement="top"
-              effect="dark"
-            >
-              <template #content>
-                <div>{{ row.displayFormula }}</div>
-              </template>
-              <span>{{ indicatorTextFn(row) }}</span>
-            </el-tooltip>
-            <span v-else-if="row.sourceType !== 3">{{ 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="resolveRow(row).value"
-            />
-            <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="resolveRow(row).value"
-              placeholder="请输入"
-            />
-          </div>
-        </template>
-      </vxe-column>
-
-      <vxe-column title="指标得分" width="140" align="center">
-        <template #default="{ row }">
-          <div>{{ indicatorScoreFn(row) }}</div>
-        </template>
-      </vxe-column>
-      <vxe-column title="模型指标得分" width="140" align="center">
-        <template #default="{ row }">
-          <div>{{ resultFn(row) }}</div>
-          <InputNumber
-            v-if="
-              !isQualFn(row) &&
-              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
-        v-if="showModifyReasonCol"
-        min-width="260"
-        align="center"
-      >
-        <template #header>
-          <div>
-            <span>填报/调整理由</span>
-            <span
-              v-title="'填写调整后的指标值、调整理由后，需再次点击整体测算'"
-              class="n20-icon-xinxitishi m-l-s cur-point"
-            ></span>
-          </div>
-        </template>
-        <template #default="{ row }">
-          <el-input
-            v-if="showManualReason(row)"
-            type="textarea"
-            v-title
-            :class="{ reasonRequireRed: manualReasonRed(row) }"
-            :show-overflow-tooltip="true"
-            :maxlength="1000"
-            :disabled="ctx.readonly"
-            show-word-limit
-            v-model="resolveRow(row).modifiedReason"
-            :placeholder="reasonPlaceholder(row, 'manual')"
-          />
-          <el-input
-            v-if="isQualFn(row)"
-            type="textarea"
-            v-title
-            :show-overflow-tooltip="true"
-            :maxlength="2000"
-            :disabled="ctx.readonly"
-            show-word-limit
-            v-model="resolveRow(row).reason"
-            placeholder="请输入具体评价依据，不超过2000字"
-            @input="onQualReasonInput(row)"
-          />
-          <el-input
-            v-else-if="showAdjustReason(row)"
-            type="textarea"
-            v-title
-            :class="{ reasonRequireRed: adjustReasonRed(row) }"
-            :show-overflow-tooltip="true"
-            :maxlength="1000"
-            :disabled="ctx.readonly"
-            show-word-limit
-            v-model="resolveRow(row).modifiedReason"
-            :placeholder="reasonPlaceholder(row, 'adjust')"
-          />
-        </template>
-      </vxe-column>
-    </vxe-table>
-  </div>
-</template>
-
-<script>
-import { InputNumber } from './ui'
-import {
-  isQualIndicator,
-  digitsCalc,
-  resultByShowStyle,
-  indicatorScoreText,
-  indicatorResultText,
-  fullScoreText,
-  showLevelSerial,
-  isShowFullScore
-} from './helpers'
-
-export default {
-  name: 'MeasureEvalFlatTable',
-  components: { InputNumber },
-  inject: ['measureCtx'],
-  props: {
-    section: {
-      type: Object,
-      default: {}
-    },
-    rows: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    ctx() {
-      return this.measureCtx()
-    },
-    hasGroupName() {
-      return this.rows.some(r => r._groupName)
-    },
-    showSerial() {
-      return showLevelSerial(this.ctx.modelWrap)
-    },
-    /** 列显隐以根模型配置为准（后端写在 modelWrap 上） */
-    showFormulaCol() {
-      return this.resolveShowFlag('showFormula')
-    },
-    showRemarkCol() {
-      return this.resolveShowFlag('showRemark')
-    },
-    showFullScoreCol() {
-      return (this.rows || []).some(row => isShowFullScore(row))
-    },
-    showModifyReasonCol() {
-      return this.resolveShowFlag('showModifyReason')
-    }
-  },
-  methods: {
-    resolveShowFlag(key) {
-      const sectionVal = this.section && this.section[key]
-      if (sectionVal === 0 || sectionVal === 1) return sectionVal === 1
-      const wrap = this.ctx && this.ctx.modelWrap
-      return !!(wrap && wrap[key] === 1)
-    },
-    resolveRow(row) {
-      const resolve = this.ctx.resolveLeafNode
-      return resolve ? resolve(row) || row : row
-    },
-    isQualFn(row) {
-      return isQualIndicator(row)
-    },
-    digitsFn(row) {
-      return digitsCalc(row, this.ctx.modelWrap)
-    },
-    resultFn(row) {
-      return resultByShowStyle(row, this.ctx.modelWrap)
-    },
-    indicatorScoreFn(row) {
-      return indicatorScoreText(row, this.ctx.modelWrap)
-    },
-    indicatorTextFn(row) {
-      return indicatorResultText(row, this.ctx.modelWrap)
-    },
-    fullScoreFn(row) {
-      return fullScoreText(row, this.ctx.modelWrap)
-    },
-    onQualChange(row, scoreMapID) {
-      const target = this.resolveRow(row)
-      if (scoreMapID == null || scoreMapID === '') {
-        this.$set(target, 'scoreMapID', null)
-        this.$set(target, 'value', null)
-        this.syncQual(target, {
-          scoreMapID: null,
-          scoreText: '',
-          scoreValue: null
-        })
-        return
-      }
-      this.$set(target, 'scoreMapID', scoreMapID)
-      const option = (target.optionList || []).find(
-        o => o.scoreMapID == scoreMapID
-      )
-      if (!option) return
-      this.$set(target, 'value', option)
-      this.$set(target, 'scoreText', option.scoreText)
-      this.$set(target, 'scoreValue', option.scoreValue)
-      target.picker = option
-      this.syncQual(target, {
-        itemID: target.itemID,
-        scoreMapID: option.scoreMapID,
-        scoreText: option.scoreText,
-        scoreValue: option.scoreValue,
-        reason: target.reason
-      })
-    },
-    onQualReasonInput(row) {
-      const target = this.resolveRow(row)
-      this.syncQual(target, {
-        itemID: target.itemID,
-        scoreMapID: target.scoreMapID,
-        reason: target.reason
-      })
-    },
-    syncQual(node, patch) {
-      const sync = this.ctx.syncQualSelection
-      if (sync && node && node.tid) sync(node.tid, patch)
-    },
-    showManualReason(row) {
-      return !this.isQualFn(row) && row.sourceType === 3
-    },
-    showAdjustReason(row) {
-      if (this.isQualFn(row) || row.sourceType === 3) return false
-      const val = row.modifiedVal != null ? row.modifiedVal : row.value
-      return (
-        (row.modifyRank === 2 && val !== '' && val !== null) ||
-        (row.result !== '' && row.result !== null && row.modifyRank === 1)
-      )
-    },
-    manualReasonRed(row) {
-      return (
-        row.reasonRequire === 1 && row.modifyRank === 2 && !row.modifiedReason
-      )
-    },
-    adjustReasonRed(row) {
-      const val = row.modifiedVal != null ? row.modifiedVal : row.value
-      return (
-        row.reasonRequire === 1 &&
-        row.modifyRank === 2 &&
-        val != row.indicatorResult
-      )
-    },
-    reasonPlaceholder(row, type) {
-      const required =
-        type === 'manual'
-          ? this.manualReasonRed(row)
-          : this.adjustReasonRed(row)
-      return required
-        ? '请输入具体评价依据，不超过1000字（必填）'
-        : '请输入具体评价依据，不超过1000字'
-    }
-  }
-}
-</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-eval-flat {
-  width: 100%;
-}
-.remark-icon {
-  margin-left: 4px;
-}
-.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: 14px;
-  max-width: 500px;
-  white-space: normal;
-  word-wrap: break-word;
-}
-.reasonRequireRed {
-  ::v-deep .el-textarea__inner::placeholder {
-    color: #ff3b30 !important;
-  }
-}
-/deep/ .el-select .el-input__inner {
-  text-align: center;
-}
-</style>
+<template>
+  <div class="measure-eval-flat">
+    <vxe-table
+      border
+      :data="rows"
+      :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
+        v-if="hasGroupName"
+        field="_groupName"
+        title="分组"
+        min-width="140"
+        align="center"
+      />
+
+      <vxe-column field="name" title="指标名称" min-width="200" 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 field="code" title="指标编码" width="130" align="center">
+        <template #default="{ row }">{{ row.code || '—' }}</template>
+      </vxe-column>
+
+      <vxe-column
+        v-if="ctx.modelWrap.showWeight === 1"
+        title="权重"
+        width="80"
+        align="center"
+      >
+        <template #default="{ row }">
+          <template v-if="row.isLeaf === 0">—</template>
+          <template v-else>{{ row.weight || '—' }}</template>
+        </template>
+      </vxe-column>
+
+      <vxe-column
+        v-if="showFullScoreCol"
+        title="指标满分值"
+        width="110"
+        align="center"
+      >
+        <template #default="{ row }">{{ fullScoreFn(row) }}</template>
+      </vxe-column>
+
+      <vxe-column
+        v-if="showFormulaCol"
+        field="displayFormula"
+        title="计算公式"
+        width="130"
+        align="center"
+      >
+        <template #default="{ row }">{{ row.displayFormula || '—' }}</template>
+      </vxe-column>
+      <vxe-column
+        v-if="showRemarkCol"
+        field="indicatorRemark"
+        title="评价标准"
+        width="130"
+        align="center"
+      >
+        <template #default="{ row }">{{ row.indicatorRemark || '—' }}</template>
+      </vxe-column>
+
+      <vxe-column title="指标值" min-width="260" align="center">
+        <template #default="{ row }">
+          <template v-if="isQualFn(row)">
+            <el-select
+              class="full-w"
+              :value="resolveRow(row).scoreMapID"
+              :disabled="ctx.readonly"
+              size="small"
+              placeholder="请选择"
+              @change="val => onQualChange(row, val)"
+            >
+              <el-option
+                v-for="option in resolveRow(row).optionList"
+                :key="option.scoreMapID || option.scoreText"
+                :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>
+          </template>
+          <div v-else>
+            <!-- 原指标值：非手工填报始终展示；可调整时输入框在下方；悬浮展示计算公式（对齐测算详情） -->
+            <el-tooltip
+              v-if="row.sourceType !== 3 && (row.displayFormula || row.relFormula)"
+              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">{{ 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="resolveRow(row).value"
+            />
+            <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="resolveRow(row).value"
+              placeholder="请输入"
+            />
+          </div>
+        </template>
+      </vxe-column>
+
+      <vxe-column title="指标得分" width="140" align="center">
+        <template #default="{ row }">
+          <div>{{ indicatorScoreFn(row) }}</div>
+        </template>
+      </vxe-column>
+      <vxe-column title="模型指标得分" width="140" align="center">
+        <template #default="{ row }">
+          <div>{{ resultFn(row) }}</div>
+          <InputNumber
+            v-if="
+              !isQualFn(row) &&
+              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
+        v-if="showModifyReasonCol"
+        min-width="260"
+        align="center"
+      >
+        <template #header>
+          <div>
+            <span>填报/调整理由</span>
+            <span
+              v-title="'填写调整后的指标值、调整理由后，需再次点击整体测算'"
+              class="n20-icon-xinxitishi m-l-s cur-point"
+            ></span>
+          </div>
+        </template>
+        <template #default="{ row }">
+          <el-input
+            v-if="showManualReason(row)"
+            type="textarea"
+            v-title
+            :class="{ reasonRequireRed: manualReasonRed(row) }"
+            :show-overflow-tooltip="true"
+            :maxlength="1000"
+            :disabled="ctx.readonly"
+            show-word-limit
+            v-model="resolveRow(row).modifiedReason"
+            :placeholder="reasonPlaceholder(row, 'manual')"
+          />
+          <el-input
+            v-if="isQualFn(row)"
+            type="textarea"
+            v-title
+            :show-overflow-tooltip="true"
+            :maxlength="2000"
+            :disabled="ctx.readonly"
+            show-word-limit
+            v-model="resolveRow(row).reason"
+            placeholder="请输入具体评价依据，不超过2000字"
+            @input="onQualReasonInput(row)"
+          />
+          <el-input
+            v-else-if="showAdjustReason(row)"
+            type="textarea"
+            v-title
+            :class="{ reasonRequireRed: adjustReasonRed(row) }"
+            :show-overflow-tooltip="true"
+            :maxlength="1000"
+            :disabled="ctx.readonly"
+            show-word-limit
+            v-model="resolveRow(row).modifiedReason"
+            :placeholder="reasonPlaceholder(row, 'adjust')"
+          />
+        </template>
+      </vxe-column>
+    </vxe-table>
+  </div>
+</template>
+
+<script>
+import { InputNumber } from './ui'
+import {
+  isQualIndicator,
+  digitsCalc,
+  SCORE_DIGITS,
+  resultByShowStyle,
+  indicatorScoreText,
+  indicatorResultText,
+  fullScoreText,
+  showLevelSerial,
+  isShowFullScore
+} from './helpers'
+
+export default {
+  name: 'MeasureEvalFlatTable',
+  components: { InputNumber },
+  inject: ['measureCtx'],
+  data() {
+    return { SCORE_DIGITS }
+  },
+  props: {
+    section: {
+      type: Object,
+      default: {}
+    },
+    rows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    ctx() {
+      return this.measureCtx()
+    },
+    hasGroupName() {
+      return this.rows.some(r => r._groupName)
+    },
+    showSerial() {
+      return showLevelSerial(this.ctx.modelWrap)
+    },
+    /** 列显隐以根模型配置为准（后端写在 modelWrap 上） */
+    showFormulaCol() {
+      return this.resolveShowFlag('showFormula')
+    },
+    showRemarkCol() {
+      return this.resolveShowFlag('showRemark')
+    },
+    showFullScoreCol() {
+      return (this.rows || []).some(row => isShowFullScore(row))
+    },
+    showModifyReasonCol() {
+      return this.resolveShowFlag('showModifyReason')
+    }
+  },
+  methods: {
+    resolveShowFlag(key) {
+      const sectionVal = this.section && this.section[key]
+      if (sectionVal === 0 || sectionVal === 1) return sectionVal === 1
+      const wrap = this.ctx && this.ctx.modelWrap
+      return !!(wrap && wrap[key] === 1)
+    },
+    resolveRow(row) {
+      const resolve = this.ctx.resolveLeafNode
+      return resolve ? resolve(row) || row : row
+    },
+    isQualFn(row) {
+      return isQualIndicator(row)
+    },
+    digitsFn(row) {
+      return digitsCalc(row, this.ctx.modelWrap)
+    },
+    resultFn(row) {
+      return resultByShowStyle(row, this.ctx.modelWrap)
+    },
+    indicatorScoreFn(row) {
+      return indicatorScoreText(row, this.ctx.modelWrap)
+    },
+    indicatorTextFn(row) {
+      return indicatorResultText(row, this.ctx.modelWrap)
+    },
+    fullScoreFn(row) {
+      return fullScoreText(row, this.ctx.modelWrap)
+    },
+    onQualChange(row, scoreMapID) {
+      const target = this.resolveRow(row)
+      if (scoreMapID == null || scoreMapID === '') {
+        this.$set(target, 'scoreMapID', null)
+        this.$set(target, 'value', null)
+        this.syncQual(target, {
+          scoreMapID: null,
+          scoreText: '',
+          scoreValue: null
+        })
+        return
+      }
+      this.$set(target, 'scoreMapID', scoreMapID)
+      const option = (target.optionList || []).find(
+        o => o.scoreMapID == scoreMapID
+      )
+      if (!option) return
+      this.$set(target, 'value', option)
+      this.$set(target, 'scoreText', option.scoreText)
+      this.$set(target, 'scoreValue', option.scoreValue)
+      target.picker = option
+      this.syncQual(target, {
+        itemID: target.itemID,
+        scoreMapID: option.scoreMapID,
+        scoreText: option.scoreText,
+        scoreValue: option.scoreValue,
+        reason: target.reason
+      })
+    },
+    onQualReasonInput(row) {
+      const target = this.resolveRow(row)
+      this.syncQual(target, {
+        itemID: target.itemID,
+        scoreMapID: target.scoreMapID,
+        reason: target.reason
+      })
+    },
+    syncQual(node, patch) {
+      const sync = this.ctx.syncQualSelection
+      if (sync && node && node.tid) sync(node.tid, patch)
+    },
+    showManualReason(row) {
+      return !this.isQualFn(row) && row.sourceType === 3
+    },
+    showAdjustReason(row) {
+      if (this.isQualFn(row) || row.sourceType === 3) return false
+      const val = row.modifiedVal != null ? row.modifiedVal : row.value
+      return (
+        (row.modifyRank === 2 && val !== '' && val !== null) ||
+        (row.result !== '' && row.result !== null && row.modifyRank === 1)
+      )
+    },
+    manualReasonRed(row) {
+      return (
+        row.reasonRequire === 1 && row.modifyRank === 2 && !row.modifiedReason
+      )
+    },
+    adjustReasonRed(row) {
+      const val = row.modifiedVal != null ? row.modifiedVal : row.value
+      return (
+        row.reasonRequire === 1 &&
+        row.modifyRank === 2 &&
+        val != row.indicatorResult
+      )
+    },
+    reasonPlaceholder(row, type) {
+      const required =
+        type === 'manual'
+          ? this.manualReasonRed(row)
+          : this.adjustReasonRed(row)
+      return required
+        ? '请输入具体评价依据，不超过1000字（必填）'
+        : '请输入具体评价依据，不超过1000字'
+    }
+  }
+}
+</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-eval-flat {
+  width: 100%;
+}
+.remark-icon {
+  margin-left: 4px;
+}
+.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: 14px;
+  max-width: 500px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.reasonRequireRed {
+  ::v-deep .el-textarea__inner::placeholder {
+    color: #ff3b30 !important;
+  }
+}
+/deep/ .el-select .el-input__inner {
+  text-align: center;
+}
+</style>