update 导入拆分结果，国内海外标准细节调整

2023-09-25 15:06:17 +08:00
parent 515ee6d68d
commit 6776041df9
11 changed files with 231 additions and 42 deletions
@@ -0,0 +1,152 @@
+<template>
+  <j-modal
+    :title="$t('docTool.split.importResults')"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    :maskClosable="false"
+    :confirmLoading="confirmLoading"
+    :ok-text="$t('docTool.split.split')"
+    :cancel-text="$t('cancel')"
+    @ok="handleOk"
+    @cancel="handleCancel">
+
+    <a-form :form="form">
+      <!--标准号-->
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardSelect.standardNumber')">
+        <standard-selection :placeholder="$t('pleaseSelect') + $t('standardSelect.standardNumber')"
+                            v-decorator="['projectSource', validatorRules.projectSource]" />
+      </a-form-item>
+      <!--标准名称-->
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardSelect.standardName')">
+        <a-input :placeholder="$t('pleaseEnter') + $t('standardSelect.standardName')"
+                 @change="event => event.target.value = event.target.value.trim()"
+                 :maxLength="50"
+                 v-decorator="['projectName', validatorRules.projectName]" />
+      </a-form-item>
+      <!--文本状态-->
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('docTool.comparison.textStatus')">
+        <j-dict-select-tag v-decorator="['projectSource', validatorRules.projectSource]"
+                           dict-code="process_manuscript"
+                           :placeholder="$t('pleaseSelect') + $t('docTool.comparison.textStatus')" />
+      </a-form-item>
+      <!--拆分结果文件-->
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('docTool.split.splitResultFile')">
+        <j-upload v-decorator="['resultFileId', validatorRules.resultFileId]" class="line-btn" />
+        <a-button class="line-btn">{{ $t('templateDownload') }}</a-button>
+      </a-form-item>
+    </a-form>
+
+    <div class="tip">
+      <a-icon type="exclamation-circle" class="tip-icon" />
+      <span>{{ $t('docTool.split.splitImportResultTip') }}</span>
+      <span class="tip-click" @click="showTips">{{ $t('docTool.split.clickToView') }}</span>
+    </div>
+  </j-modal>
+</template>
+
+<script>
+import StandardSelection from '../../../../components/selection/StandardSelection.vue'
+
+export default {
+  name: 'ImportSplitResultModal',
+  components: { StandardSelection },
+  data () {
+    return {
+      width: 600,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        // 项目来源
+        projectSource: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.nodeName') }],
+          validateTrigger: 'change'
+        },
+        // 项目名称
+        projectName: {
+          rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('projectLibrary.projectName') }],
+          validateTrigger: 'blur'
+        },
+        // 工作令编号
+        workNumber: {
+          rules: [{ required: false, message: this.$t('pleaseEnter') + this.$t('projectLibrary.workOrderNumber') }],
+          validateTrigger: 'blur'
+        },
+        // 项目负责人
+        projectLeader: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('projectLibrary.vehicleItemLibrary.projectLeader') }],
+          validateTrigger: 'change'
+        },
+        // 项目健康度
+        projectHealth: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('projectLibrary.projectHealthStatus') }],
+          validateTrigger: 'change'
+        }
+      }
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+    },
+    handleOk () {
+
+    },
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.visible = false
+    },
+    showTips () {
+      this.$info({
+        closeable: true, // 展示右上角关闭
+        cancelText: this.$t('docTool.split.gotIt'),
+        title: this.$t('docTool.split.formatRequirement'),
+        content: (h) => {
+          const contentArr = [this.$t('docTool.split.formatRequirementContentOne'), this.$t('docTool.split.formatRequirementContentTwo'), this.$t('docTool.split.formatRequirementContentThree'), this.$t('docTool.split.formatRequirementContentFour')]
+          const contentDomArr = []
+          for (const content of contentArr) {
+            console.log(content)
+            contentDomArr.push(h('div', {}, content))
+          }
+          return contentDomArr
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.line-btn {
+  display: inline-block;
+}
+
+.line-btn:last-child {
+  margin-left: 12px;
+}
+
+.tip {
+  margin: 0 42px;
+
+  &-icon {
+    color: @primary-color;
+    margin-right: 8px;
+  }
+
+  &-click {
+    color: @primary-color;
+    cursor: pointer;
+  }
+}
+</style>