布局法规意见收集

jero-web/src/common/lang/en-us.js

@@ -999,6 +999,12 @@ module.exports = {
   reason:'Reason',
   feedbackPoint:'Feedback point',
   link:'Link',
+  planNoChinese:'Plan No.',
+  standardNameCn:'Standard Name Cn',
+  standardNameEn:'Standard Name En',
+  deadlineForComments:'Deadline for comments',
+  standardNo:'Standard No',
+  implemenDate:'Implementation Date',
 //  上报库
   Enable: 'Enable',
   Latestupdatetime: 'Latest update time',

jero-web/src/common/lang/zh-cn.js

@@ -1003,7 +1003,13 @@ module.exports = {
   questionsSuggestions:'问题/建议',
   link: '链接',
   reason:'附件',
+  planNoChinese:'计划号',
   feedbackPoint:'反馈点',
+  standardNameCn:'标准名称中文',
+  standardNameEn:'标准名称英文',
+  deadlineForComments:'征求意见截止日期',
+  standardNo:'标准编号',
+  implemenDate:'实施日期',
 //  上报库
   Enable: '启用',
   Latestupdatetime: '最新更新时间',

jero-web/src/views/businessSupport/regulationReport/components/modules/fillAdd.vue

@@ -25,7 +25,7 @@
                 </a-form-model-item>
               </div>
             </a-col>
-            <a-col :span="12" style="text-align: right">
+            <a-col :span="12" style="text-align: right" v-if="formInline.contentTemplate == 1">
               <div style="text-align: right">
                 <a-button class="button-text" type="primary">{{$t('bringInStandardInformation')}}</a-button>
               </div>
@@ -68,12 +68,12 @@
                             class="box-input"
                             :getPopupContainer="triggerNode=> triggerNode.parentNode"
                             allowClear
-                            v-model="formInline.chapterContents">
+                            v-model="formInline.contentTemplate">
                     <a-select-option v-for="(item, key) in contentTemplateList"
-                                     :key="key"
+                                     :key="item.id"
-                                     :value="item.value">
+                                     :value="item.id">
-                     <span style="display: inline-block;width: 100%" :title=" item.name ">
+                     <span style="display: inline-block;width: 100%" :title=" item.text ">
-                           {{ item.name }}
+                           {{ item.text }}
                      </span>
                     </a-select-option>
                   </a-select>
@@ -81,7 +81,9 @@
               </div>
             </a-col>
           </a-row>
-          <defaultTemplate/>
+          <defaultTemplate v-if="formInline.contentTemplate == 1"/>
+          <solicitOpinions v-else-if="formInline.contentTemplate == 2"/>
+          <releaseStandard v-else-if="formInline.contentTemplate == 3"/>
         </a-form-model>
       </a-spin>
       <div class="drawer-bootom-button">
@@ -94,11 +96,15 @@
 
 <script>
   import defaultTemplate from './defaultTemplate'
+  import solicitOpinions from './solicitOpinions'
+  import releaseStandard from './releaseStandard'
 
   export default {
     name: 'fillAdd',
     components: {
-      defaultTemplate
+      defaultTemplate,
+      solicitOpinions,
+      releaseStandard
     },
     data() {
       return {
@@ -134,7 +140,20 @@
         title: '',
         disabled: false,
         chapterContentsList: [],
-        contentTemplateList: []
+        contentTemplateList: [
+          {
+            id: 1,
+            text: '默认模板'
+          },
+          {
+            id: 2,
+            text: '新征求意见清单模板'
+          },
+          {
+            id: 3,
+            text: '新发布标准模板'
+          }
+        ]
       }
     },
     mounted() {
@@ -146,6 +165,8 @@
         this.disabled = false
         this.$nextTick(() => {
           this.formInline = {}
+          this.formInline.contentTemplate = 1
+          this.formInline = { ...this.formInline }
           this.$refs.ruleForm.clearValidate()
         })
       },

jero-web/src/views/businessSupport/regulationReport/components/modules/releaseStandard.vue

@@ -0,0 +1,207 @@
+<template>
+  <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+    <div v-for="(item,index) in dataList" :key="index">
+      <div class="feedbackPoint">
+        {{'NO.'+(index+1)}}
+        <a-icon class="icon-size"
+                @click="addData"
+                v-if="(dataList.length-1) == index"
+                type="plus-circle"/>
+        <a-icon class="icon-size"
+                @click="deleteData"
+                v-if="dataList.length > 1 && (dataList.length - 1) == index"
+                type="minus-circle"/>
+      </div>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('standardNo')">{{$t('standardNo')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="standardNo">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.standardNo"
+                       :placeholder="$t('PleaseEnter')+$t('standardNo')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text"
+                    :title="$t('standardNameCn')">{{$t('standardNameCn')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="standardNameCn">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.standardNameCn"
+                       :placeholder="$t('PleaseEnter')+$t('standardNameCn')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span>
+            </div>
+            <a-form-model-item class="itemModel">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.standardNameEn"
+                       :placeholder="$t('PleaseEnter')+$t('standardNameEn')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('releaseDate')">{{$t('releaseDate')}}</span>
+            </div>
+            <a-form-model-item class="itemModel">
+              <a-date-picker class="box-input"
+                             :placeholder="$t('PleaseSelect')+$t('releaseDate')"
+                             @change="dateChange('releaseDate')"
+                             :getCalendarContainer="(trigger) => trigger.parentNode"
+                             format="YYYY-MM-DD"
+                             v-model="formInline['releaseDate']"
+                             :disabled="disabled"
+                             style="width: 100%"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('implemenDate')">{{$t('implemenDate')}}</span>
+            </div>
+            <a-form-model-item class="itemModel">
+              <a-date-picker class="box-input"
+                             :placeholder="$t('PleaseSelect')+$t('implemenDate')"
+                             @change="dateChange('implemenDate')"
+                             :getCalendarContainer="(trigger) => trigger.parentNode"
+                             format="YYYY-MM-DD"
+                             v-model="formInline['implemenDate']"
+                             :disabled="disabled"
+                             style="width: 100%"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+    </div>
+  </a-form-model>
+</template>
+
+<script>
+  import moment from 'moment'
+
+  export default {
+    name: 'releaseStandard',
+    data() {
+      return {
+        rules: {},
+        formInline: {},
+        CategoryTreeList: [],
+        disabled: false,
+        dataList: [
+          { id: 1 }
+        ]
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.formInline = { ...this.formInline }
+          this.$refs.ruleForm.validateField([value])
+        })
+      },
+      addData() {
+        this.dataList.push({
+          id: 2
+        })
+        this.dataList = [...this.dataList]
+      },
+      deleteData() {
+        this.dataList.pop()
+        this.dataList = [...this.dataList]
+      },
+      dateChange(item) {
+        this.formInline[item] = this.formInline[item] ? moment(this.formInline[item]).format('YYYY-MM-DD') : ''
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .feedbackPoint {
+    font-size: 14px;
+    font-weight: 400;
+    color: #000F16;
+    margin-bottom: 10px;
+  }
+
+  .icon-size {
+    font-size: 18px;
+    margin-left: 8px;
+    cursor: pointer;
+  }
+</style>

jero-web/src/views/businessSupport/regulationReport/components/modules/solicitOpinions.vue

@@ -0,0 +1,189 @@
+<template>
+  <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+    <div v-for="(item,index) in dataList" :key="index">
+      <div class="feedbackPoint">
+        {{'NO.'+(index+1)}}
+        <a-icon class="icon-size"
+                @click="addData"
+                v-if="(dataList.length-1) == index"
+                type="plus-circle"/>
+        <a-icon class="icon-size"
+                @click="deleteData"
+                v-if="dataList.length > 1 && (dataList.length - 1) == index"
+                type="minus-circle"/>
+      </div>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('planNoChinese')">{{$t('planNoChinese')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="planNoChinese">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.planNoChinese"
+                       :placeholder="$t('PleaseEnter')+$t('planNoChinese')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text"
+                    :title="$t('standardNameCn')">{{$t('standardNameCn')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="standardNameCn">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.standardNameCn"
+                       :placeholder="$t('PleaseEnter')+$t('standardNameCn')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span>
+            </div>
+            <a-form-model-item class="itemModel">
+              <a-input class="box-input"
+                       :disabled="false"
+                       v-model="formInline.standardNameEn"
+                       :placeholder="$t('PleaseEnter')+$t('standardNameEn')"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="title-text-text" :title="$t('deadlineForComments')">{{$t('deadlineForComments')}}</span>
+            </div>
+            <a-form-model-item class="itemModel">
+              <a-date-picker class="box-input"
+                             :placeholder="$t('PleaseSelect')+$t('deadlineForComments')"
+                             @change="dateChange('deadlineForComments')"
+                             :getCalendarContainer="(trigger) => trigger.parentNode"
+                             format="YYYY-MM-DD"
+                             v-model="formInline['deadlineForComments']"
+                             :disabled="disabled"
+                             style="width: 100%"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+    </div>
+  </a-form-model>
+</template>
+
+<script>
+  import moment from 'moment'
+
+  export default {
+    name: 'solicitOpinions',
+    data() {
+      return {
+        rules: {},
+        formInline: {},
+        CategoryTreeList: [],
+        disabled: false,
+        dataList: [
+          { id: 1 }
+        ]
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.formInline = { ...this.formInline }
+          this.$refs.ruleForm.validateField([value])
+        })
+      },
+      addData() {
+        this.dataList.push({
+          id: 2
+        })
+        this.dataList = [...this.dataList]
+      },
+      deleteData() {
+        this.dataList.pop()
+        this.dataList = [...this.dataList]
+      },
+      dateChange(item) {
+        this.formInline[item] = this.formInline[item] ? moment(this.formInline[item]).format('YYYY-MM-DD') : ''
+      }
+    }
+  }
+</script>
+
+
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .feedbackPoint {
+    font-size: 14px;
+    font-weight: 400;
+    color: #000F16;
+    margin-bottom: 10px;
+  }
+
+  .icon-size {
+    font-size: 18px;
+    margin-left: 8px;
+    cursor: pointer;
+  }
+</style>