add 问题提交

src/common/lang/en-us.js

@@ -128,6 +128,7 @@ module.exports = {
   exportTip: 'Exporting, please wait',
   fileDownloadFail: 'File download failure',
   pleaseEnterTreeSystem: 'Please enter the tree system',
+  project: 'Project',
   // 树右键
   treeRight: {
     addFolder: 'Create New Folder',

src/common/lang/standardRegulationLibrary/en-us.js

@@ -15,5 +15,11 @@ module.exports = {
     exportFileName: 'Domestic standard regulations', // 国内标准法规
     exportZipName: 'Domestic standards and regulations (with documents)', // 国内标准法规（带文件）
     templateName: 'Import templates for domestic standards and regulations' // 国内标准法规导入模板
+  },
+  standardDetail: {
+    standardNumber: 'Standard Number',
+    problemOccurrenceTime: 'Problem occurrence time',
+    respondent: 'Respondent',
+    problemDescription: 'Problem description'
   }
 }

src/common/lang/standardRegulationLibrary/zh-cn.js

@@ -17,6 +17,9 @@ module.exports = {
     templateName: '国内标准法规导入模板'
   },
   standardDetail: {
-    title: ''
+    standardNumber: '标准编号',
+    problemOccurrenceTime: '问题发生时间',
+    respondent: '回答人',
+    problemDescription: '问题描述'
   }
 }

src/common/lang/zh-cn.js

@@ -128,6 +128,7 @@ module.exports = {
   exportTip: '正在导出，请稍候',
   fileDownloadFail: '文件下载失败',
   pleaseEnterTreeSystem: '输入树状图体系',
+  project: '项目',
   // 树右键
   treeRight: {
     addFolder: '新增文件夹',

src/views/standardRegulationLibrary/commonPage/modules/SubmitQuestionModal.vue

@@ -16,7 +16,55 @@
             <a-input :placeholder="$t('pleaseEnter') + $t('title')"
                      @change="event => event.target.value = event.target.value.trim()"
                      :maxLength="50"
-                     v-decorator="[ 'title', validatorRules.title]" />
+                     v-decorator="['title', validatorRules.title]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <!--          项目-->
+          <a-form-item :label="$t('project')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-select :placeholder="$t('pleaseSelect') + $t('project')" v-decorator="['project', validatorRules.project]">
+              <a-select-option v-for="item in projectSelectOptions" :key="item">{{ item }}</a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <!--          标准编号-->
+          <a-form-item :label="$t('standardRegulationLibrary.standardDetail.standardNumber')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.standardDetail.standardNumber')"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :maxLength="50"
+                     disabled
+                     v-decorator="['standardNumber', validatorRules.standardNumber]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <!--          问题发生时间-->
+          <a-form-item :label="$t('standardRegulationLibrary.standardDetail.problemOccurrenceTime')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-date-picker class="box-input"
+                           :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.standardDetail.problemOccurrenceTime')"
+                           :getCalendarContainer="(trigger) => trigger.parentNode"
+                           v-decorator="['problemOccurrenceTime', validatorRules.problemOccurrenceTime]"
+                           style="width: 100%" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <!--          回答人-->
+          <a-form-item :label="$t('standardRegulationLibrary.standardDetail.respondent')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <user-selection v-decorator="['respondent', validatorRules.respondent]"
+                            :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.standardDetail.respondent')" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <!--         问题描述-->
+          <a-form-item :label="$t('standardRegulationLibrary.standardDetail.problemDescription')"
+                       :labelCol="longLabelCol"
+                       :wrapperCol="longWrapperCol">
+            <a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.standardDetail.problemDescription')"
+                     type="textarea"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :maxLength="500"
+                     v-decorator="['problemDescription', validatorRules.problemDescription]" />
+            <j-upload v-decorator="['fileIds', validatorRules.fileIds]" />
           </a-form-item>
         </a-col>
       </a-row>
@@ -25,8 +73,11 @@
 </template>
 
 <script>
+import UserSelection from '../../../../components/selection/UserSelection.vue'
+
 export default {
   name: 'SubmitQuestionModal',
+  components: { UserSelection },
   data () {
     return {
       width: 800,
@@ -36,9 +87,17 @@ export default {
       modal: {},
       labelCol: {
         xs: { span: 24 },
-        sm: { span: 4 }
+        sm: { span: 8 }
       },
       wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      longLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      longWrapperCol: {
         xs: { span: 24 },
         sm: { span: 20 }
       },
@@ -47,8 +106,36 @@ export default {
         title: {
           rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('title') }],
           validateTrigger: 'blur'
-        }
+        },
-      }
+        // 项目
+        project: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('project') }],
+          validateTrigger: 'change'
+        },
+        // 标准编号
+        standardNumber: {
+          rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('standardRegulationLibrary.standardDetail.standardNumber') }],
+          validateTrigger: 'blur'
+        },
+        // 问题发生时间
+        problemOccurrenceTime: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.standardDetail.problemOccurrenceTime') }],
+          validateTrigger: 'change'
+        },
+        // 回答人
+        respondent: {
+          rules: [{ required: false, message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.standardDetail.respondent') }],
+          validateTrigger: 'change'
+        },
+        // 问题描述
+        problemDescription: {
+          rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('standardRegulationLibrary.standardDetail.problemDescription') }],
+          validateTrigger: 'blur'
+        },
+        // 附件
+        fileIds: {}
+      },
+      projectSelectOptions: [] // 项目下拉数据
     }
   },
   methods: {
@@ -60,6 +147,9 @@ export default {
     },
     handleCancel () {
 
+    },
+    close () {
+      this.visible = false
     }
   }
 }