布局法规技术评估

jero-web/src/views/businessSupport/technologyAssessment/index.vue

@@ -111,6 +111,43 @@
         />
       </div>
     </div>
+    <a-modal
+      :title="$t('initiatingProcess')"
+      :width="600"
+      :visible="visible"
+      :maskClosable="false"
+      @ok="handleOk"
+      @cancel="visible = false"
+    >
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <a-row :gutter="24">
+          <a-col :span="24">
+            <div class="box-title-text">
+              <div class="title-text" style="margin-top: -18px">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('standardDecompositionDocument')">{{$t('standardDecompositionDocument')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="whetherTobring">
+                <a-select :placeholder="$t('PleaseSelect')+$t('standardDecompositionDocument')"
+                          class="box-input"
+                          :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                          allowClear
+                          v-model="formInline.whetherTobring">
+                  <a-select-option v-for="(item, key) in whetherTobringList"
+                                   :key="key"
+                                   :value="item.value">
+                     <span style="display: inline-block;width: 100%" :title=" item.name">
+                           {{ item.name }}
+                     </span>
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-modal>
   </a-card>
 </template>
 
@@ -126,6 +163,7 @@
           list: '',
           getSysCategoryTree: '/sys/category/getSysCategoryTree'
         },
+        visible: false,
         loading: false,
         toggleSearchStatus: false,
         dataSource: [],
@@ -135,6 +173,26 @@
         pageNo: 1,
         CategoryTreeList: [],
         queryParam: {},
+        formInline: {},
+        rules: {
+          whetherTobring: [
+            {
+              required: true,
+              message: this.$t('standardDecompositionDocument') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
+        whetherTobringList: [
+          {
+            value: '1',
+            name: '是'
+          },
+          {
+            value: '2',
+            name: '否'
+          }
+        ],
         gatherResultList: [
           {
             value: 'Underway',
@@ -271,14 +329,27 @@
       onSelectChange(value) {
         this.selectedRowKeys = value
       },
+      handleOk() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            this.visible = false
+            let newUrl = this.$router.resolve({
+              path: '/evaluationInitiationProcess',
+              query: this.formInline
+            })
+            // let newUrl = this.$router.resolve({
+            //   path: '/regulatoryProcessReview'
+            // })
+            window.open(newUrl.href, '_blank')
+          }
+        })
+      },
       initiatingProcessClick() {
-        let newUrl = this.$router.resolve({
-          path: '/evaluationInitiationProcess'
+        this.visible = true
+        this.formInline = {}
+        this.$nextTick(() => {
+          this.$refs.ruleForm.clearValidate()
         })
-        // let newUrl = this.$router.resolve({
-        //   path: '/regulatoryProcessReview'
-        // })
-        window.open(newUrl.href, '_blank')
       },
       viewProcessClick(row) {
         let newUrl = this.$router.resolve({
@@ -348,4 +419,15 @@
   .text-operation {
     margin-right: 8px;
   }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 </style>