[update] 联调企标计划立项变更流程，画企标复审流程页面

2023-10-26 18:05:45 +08:00
parent bf7ee2cfe6
commit f5a9177f5b
12 changed files with 1108 additions and 27 deletions
@@ -0,0 +1,124 @@
+<template>
+  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <div class="collapsible-panel-form">
+      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  企标编号  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="enStandardNo">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                v-model="formInline.enStandardNo"
+                                @listChange="listChange" />
+          </a-form-model-item>
+        </div>
+        <!--  企标名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="enStandardName">
+            <a-input class="box-input"
+                     v-model="formInline.enStandardName"
+                     :maxLength="50"
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
+          </a-form-model-item>
+        </div>
+        <!--  联络人  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactPerson')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.contactPerson') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="contactPerson">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactPerson')"
+                            v-model="formInline.contactPerson"
+                            :disabled="disabled"
+                            filedName="contactPerson"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.contactPerson_dictText"
+                            type="radio" />
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+  </a-form-model>
+</template>
+
+<script>
+import { StandardSource } from '@/enums/commonEnums'
+import StandardSelection from '@/components/selection/StandardSelection'
+import UserSelection from '@/components/selection/UserSelection'
+
+export default {
+  name: 'StandardizationInitBaseInfo',
+  components: { StandardSelection, UserSelection },
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      StandardSource,
+      formInline: {},
+      rules: {
+        // 企标编号
+        enStandardNo: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 联络人
+        contactPerson: [
+          {
+            required: true,
+            message: this.$t('workCenter.revisionPlanActivelyReport.contactPerson') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    // 选完企标编号了，需要回显内容,返回流程名称
+    listChange (value) {
+      console.log(value)
+      // 企标名称
+      this.formInline.enStandardName = value[0].standardName
+      // 主起草人赋值给联络人
+      // this.formInline.contactPerson = value[0].
+      this.$emit('processNameChange', (this.formInline.enStandardNo || '') + '-' + (this.formInline.enStandardName || '') + '-' + '复审')
+    },
+    // 选择用户得到用户名
+    userSelectNameChange (value, fieldName) {
+      this.formInline[fieldName + '_dictText'] = value
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+.collapsible-content-no-head {
+  border-top: 1px solid #E5E6EB;
+  border-radius: 8px 8px 8px 8px;
+}
+</style>