开发法规月报页面

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

@@ -0,0 +1,121 @@
+<template>
+  <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+    <a-row :gutter="24">
+      <a-col :span="12">
+        <div class="box-title-text">
+          <div class="title-text">
+              <span class="title-text-text"
+                    :title="$t('fillInTheMonth')">{{$t('fillInTheMonth')}}</span>
+          </div>
+          <a-form-model-item class="itemModel">
+            <a-month-picker class="box-input"
+                            v-model="formInline.fillInTheMonth"
+                            :placeholder="$t('fillInTheMonth')"/>
+          </a-form-model-item>
+        </div>
+      </a-col>
+      <a-col :span="12" style="text-align: right">
+        <div style="text-align: right">
+          <a-button class="button-text" type="primary">{{$t('bringInStandardInformation')}}</a-button>
+        </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('chapterContents')">{{$t('chapterContents')}}</span>
+          </div>
+          <a-form-model-item class="itemModel">
+            <a-select :placeholder="$t('PleaseSelect')+$t('chapterContents')"
+                      :disabled="disabled"
+                      class="box-input"
+                      :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                      allowClear
+                      v-model="formInline.chapterContents">
+              <a-select-option v-for="(item, key) in chapterContentsList"
+                               :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-col :span="12">
+        <div class="box-title-text">
+          <div class="title-text">
+              <span class="title-text-text"
+                    :title="$t('contentTemplate')">{{$t('contentTemplate')}}</span>
+          </div>
+          <a-form-model-item class="itemModel">
+            <a-select :placeholder="$t('PleaseSelect')+$t('contentTemplate')"
+                      :disabled="disabled"
+                      class="box-input"
+                      :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                      allowClear
+                      v-model="formInline.chapterContents">
+              <a-select-option v-for="(item, key) in contentTemplateList"
+                               :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>
+</template>
+
+<script>
+  export default {
+    name: 'defaultTemplate',
+    data(){
+       return{
+         rules: {
+           name: [
+             {
+               required: true,
+               message: this.$t('VirtualListName') + this.$t('cannotEmpty'),
+               trigger: 'blur'
+             },
+             {
+               max: 100,
+               message: this.$t('VirtualListName') + this.$t('cannotExceed') + 100 + this.$t('Characters'),
+               trigger: 'blur'
+             }
+           ],
+           useExplain: [
+             {
+               required: true,
+               message: this.$t('instructionForUse') + this.$t('cannotEmpty'),
+               trigger: 'blur'
+             },
+             {
+               max: 500,
+               message: this.$t('instructionForUse') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
+               trigger: 'blur'
+             }
+           ]
+         },
+         formInline:{},
+       }
+    },
+    methods:{
+
+    },
+    mounted() {
+
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

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

@@ -3,7 +3,7 @@
     <a-drawer
       :title="title"
       :maskClosable="false"
-      :width="800"
+      :width="900"
       placement="right"
       :closable="true"
       @close="handleCancel"