diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 2db63ba8e..9b08f22c0 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1107,4 +1107,9 @@ module.exports = {
   ValidationComplianceNotification:'Validation Compliance Notification',
   RegulationTaskConfirmationNotification:'Regulation Task Confirmation Notification',
   evaluationMethod:'Evaluation method',
+  uploadRelevantMaterials:'Upload relevant materials',
+  processBackground:'Process background',
+  selectedStandard:'Selected standard',
+  standardDecompositionDocument:'Standard decomposition document',
+  pleaseSelectStandardFirst:'Please select a standard first',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 82611fe55..d1d642381 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1111,4 +1111,9 @@ module.exports = {
   ValidationComplianceNotification:'验证符合性通知',
   RegulationTaskConfirmationNotification:'任务确认通知',
   evaluationMethod:'评估方式',
+  uploadRelevantMaterials:'相关资料上传',
+  processBackground:'流程背景',
+  selectedStandard:'所选标准',
+  standardDecompositionDocument:'带入标准分解单',
+  pleaseSelectStandardFirst:'请先选择标准',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/businessSupport/technologyAssessment/components/TermInformation.vue b/jero-web/src/views/businessSupport/technologyAssessment/components/TermInformation.vue
new file mode 100644
index 000000000..1ccae18b1
--- /dev/null
+++ b/jero-web/src/views/businessSupport/technologyAssessment/components/TermInformation.vue
@@ -0,0 +1,70 @@
+<template>
+  <div class="box" style="margin-bottom: 20px">
+    <a-table
+      :columns="columns"
+      :scroll="{x: '100%'}"
+      :data-source="dataList"
+      :pagination="false"
+      :loading="loading">
+
+    </a-table>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'TermInformation',
+    data() {
+      return {
+        columns: [
+          {
+            title: this.$t('clauseNo'),
+            dataIndex: 'items_num',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('clauseName'),
+            dataIndex: 'items_name',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('clauseContent'),
+            dataIndex: 'iterms_conditions',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('evaluationMethod'),
+            dataIndex: 'evaluationMethod',
+            align: 'center',
+            scopedSlots: { customRender: 'evaluationMethod' }
+          },
+          {
+            title: this.$t('Assessor'),
+            dataIndex: 'Assessor',
+            align: 'center',
+            scopedSlots: { customRender: 'Assessor' }
+          },
+          {
+            title: this.$t('operation'),
+            dataIndex: 'Assessor',
+            align: 'center',
+            width: 100,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        dataList: [],
+        loading: false
+      }
+    },
+    mounted() {
+    },
+    methods: {}
+  }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/businessSupport/technologyAssessment/components/initiatingProcess.vue b/jero-web/src/views/businessSupport/technologyAssessment/components/initiatingProcess.vue
index 66b030e9c..1cf238d6c 100644
--- a/jero-web/src/views/businessSupport/technologyAssessment/components/initiatingProcess.vue
+++ b/jero-web/src/views/businessSupport/technologyAssessment/components/initiatingProcess.vue
@@ -34,6 +34,24 @@
           />
         </div>
         <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+          <a-row :gutter="24" style="margin-bottom: 10px">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('selectedStandard')">{{$t('selectedStandard')}}</span>
+                </div>
+                <div class="title-text-content"
+                     :class="{'title-text-content-one':!isTrue}">
+                  件大事发的科技示范和的空间是否和是科技示范的空间是多少
+                </div>
+                <div class="title-text-right" v-if="isTrue">
+                  <span @click="standardDecompositionDocumentClick">
+                    {{$t('standardDecompositionDocument')}}
+                  </span>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
           <a-row :gutter="24">
             <a-col :span="12">
               <div class="box-title-text">
@@ -52,6 +70,74 @@
                 </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('enclosure')">{{$t('enclosure')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="accessory_id">
+                  <a-button type="primary" class="button-text"
+                            @click="clickButtonToUpload('accessory_id')">
+                    {{ (formInline.accessory_id === 'null' || formInline.accessory_id === '' ||
+                    formInline.accessory_id == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                    }}
+                  </a-button>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('processBackground')">{{$t('processBackground')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="taskExplain">
+                  <a-textarea :placeholder="$t('pleaseEnter')+$t('processBackground')"
+                              v-model="formInline.taskExplain"
+                              :rows="4"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="remarks">
+                  <a-textarea :placeholder="$t('pleaseEnter')+$t('remarks')"
+                              v-model="formInline.remarks"
+                              :rows="4"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="!isTrue">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('evaluationMethod')">{{$t('evaluationMethod')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="evaluatorIdsName">
+                  <a-select :placeholder="$t('PleaseSelect')+$t('evaluationMethod')"
+                            class="box-input"
+                            :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                            allowClear
+                            v-model="formInline.gatherResult">
+                    <a-select-option v-for="(item, key) in gatherResultList"
+                                     :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">
@@ -69,38 +155,8 @@
               </div>
             </a-col>
           </a-row>
-          <a-row :gutter="24">
-            <a-col :span="24">
-              <div class="box-title-text">
-                <div class="title-text">
-                  <span class="title-text-text" :title="$t('taskDescription')">{{$t('taskDescription')}}</span>
-                </div>
-                <a-form-model-item class="itemModel" prop="taskExplain">
-                  <a-textarea :placeholder="$t('pleaseEnter')+$t('taskDescription')"
-                              v-model="formInline.taskExplain"
-                              :rows="4"/>
-                </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('enclosure')">{{$t('enclosure')}}</span>
-                </div>
-                <a-form-model-item class="itemModel" prop="accessory_id">
-                  <a-button type="primary" class="button-text"
-                            @click="clickButtonToUpload('accessory_id')">
-                    {{ (formInline.accessory_id === 'null' || formInline.accessory_id === '' ||
-                    formInline.accessory_id == null) ? $t('clickUpload') : $t('viewUploadedFiles')
-                    }}
-                  </a-button>
-                </a-form-model-item>
-              </div>
-            </a-col>
-          </a-row>
         </a-form-model>
+        <TermInformation v-if="isTrue"/>
         <footerProcess
           @submit="submit"
           :isSubmit="true"
@@ -109,6 +165,8 @@
     </div>
     <JLoading :loading="JLoading">{{this.$t('pleaseWaitWhileRunning')}}</JLoading>
     <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
+    <standardDecompositionSheet ref="standardDecompositionSheetRef"
+                                @standardDecompositionSheetForm="standardDecompositionSheetForm"/>
   </div>
 </template>
 
@@ -118,6 +176,8 @@
   import uploadFile from '@/components/uploadFile/file'
   import PersonnelSelection from '@/components/PersonnelSelection/index'
   import footerProcess from '../../../processCenter/components/footerProcess'
+  import standardDecompositionSheet from './standardDecompositionSheet'
+  import TermInformation from './TermInformation'
   import { getAction, postAction } from '@/api/manage'
   import moment from 'moment'
   import eventBUs from '../../../../common/event'
@@ -130,7 +190,9 @@
       search,
       uploadFile,
       footerProcess,
-      PersonnelSelection
+      PersonnelSelection,
+      standardDecompositionSheet,
+      TermInformation
     },
     data() {
       return {
@@ -141,13 +203,24 @@
           addModelList: '/dummy/dummyInventoryInfoEO/queryPageDummy'
         },
         loading: false,
-        JLoading:false,
+        JLoading: false,
+        isTrue: false,
         dataSource: [],
         selectedRowKeys: [],
         total: 0,
         pageSize: 10,
         pageNo: 1,
         formInline: {},
+        gatherResultList: [
+          {
+            value: 'Underway',
+            name: this.$t('inProgress')
+          },
+          {
+            value: 'Completed',
+            name: this.$t('Finished')
+          }
+        ],
         rules: {
           endTime: [
             {
@@ -215,6 +288,11 @@
     mounted() {
       document.title = this.$t('regulatoryEngineer') + this.$t('initiatingProcess')
       this.getList()
+      if (this.$route.query.whetherTobring == '1') {
+        this.isTrue = true
+      } else {
+        this.isTrue = false
+      }
       eventBUs.$on('searchQuery', search => {
         Object.keys(search).forEach(res => {
           if (search[res] instanceof Array) {
@@ -263,6 +341,16 @@
           record.shift()
         }
         this.selectedRowKeysRecord = record
+      },
+      standardDecompositionDocumentClick() {
+        if (this.selectedRowKeysRecord && this.selectedRowKeysRecord.length > 0) {
+          this.$refs.standardDecompositionSheetRef.getData(JSON.parse(JSON.stringify(this.selectedRowKeysRecord[0])))
+        } else {
+          this.$message.warning(this.$t('pleaseSelectStandardFirst'))
+        }
+      },
+      standardDecompositionSheetForm(value) {
+
       },
       clickButtonToUpload(item) {
         this.$refs.uploadFile.perentHandleFunc()
@@ -295,14 +383,14 @@
       dateChange(item) {
         this.formInline[item] = this.formInline[item] ? moment(this.formInline[item]).format('YYYY-MM-DD') : ''
       },
-      getUUID(){
-        var str=[];
-        var Chars='0123456789abcdefghijklmnopqrstuvwxyz';
-        for(var i=0;i<36;i++){
-          str[i]=Chars.substr(Math.floor(Math.random()*16),1)
+      getUUID() {
+        var str = []
+        var Chars = '0123456789abcdefghijklmnopqrstuvwxyz'
+        for (var i = 0; i < 36; i++) {
+          str[i] = Chars.substr(Math.floor(Math.random() * 16), 1)
         }
-        str[0]=str[8]=str[13]=str[18]=str[23]='-';
-        return str.join("")
+        str[0] = str[8] = str[13] = str[18] = str[23] = '-'
+        return str.join('')
       },
       submit() {
         this.$refs.ruleForm.validate(valid => {
@@ -336,7 +424,7 @@
         postAction('/workFlow/startProcess', query).then((res) => {
           if (res.success) {
             this.completeTask(value, res.result)
-          }else{
+          } else {
             this.JLoading = false
           }
         })
@@ -444,4 +532,38 @@
     text-align: right;
     margin-top: 20px;
   }
+
+  .title-text-content {
+    display: inline-block;
+    width: calc(100% - 334px);
+    text-align: center;
+    border: 1px solid #d9d9d9;
+    line-height: 38px;
+    border-bottom-left-radius: 5px;
+    border-top-left-radius: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .title-text-right {
+    width: 200px;
+    text-align: center;
+    border: 1px solid #d9d9d9;
+    line-height: 38px;
+    border-bottom-right-radius: 5px;
+    border-top-right-radius: 5px;
+    border-left: none;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: #21c9cc;
+    cursor: pointer;
+  }
+
+  .title-text-content-one {
+    border-bottom-right-radius: 5px;
+    border-top-right-radius: 5px;
+    width: calc(100% - 128px);
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/businessSupport/technologyAssessment/components/standardDecompositionSheet.vue b/jero-web/src/views/businessSupport/technologyAssessment/components/standardDecompositionSheet.vue
new file mode 100644
index 000000000..511c36717
--- /dev/null
+++ b/jero-web/src/views/businessSupport/technologyAssessment/components/standardDecompositionSheet.vue
@@ -0,0 +1,247 @@
+<template>
+  <a-drawer
+    :title="$t('StandardBreakdown')"
+    :maskClosable="false"
+    :width="1000"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <div style="margin-bottom: 60px">
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :md="12" :sm="8">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('standard')">
+                  <span>{{$t('standard')}}</span>
+                </div>
+                <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                         v-model="queryParam.serial_number"></a-input>
+              </div>
+            </a-col>
+            <span style="float: right;overflow: hidden;margin-top: 4px" class="table-page-search-submitButtons">
+               <a-col :md="12" :sm="24">
+                   <div @click="handleModule" class="operator-text">
+                       <a-icon type="download"/>
+                      {{$t('templateDownload')}}
+                    </div>
+                    <div class="operator-text">
+                      <ImportFile :url="url" :projectId="$route.query.id" :isTrue="true" :accept="'.xls'"
+                                  @getList="getPersonnelList"/>
+                     </div>
+                    </a-col>
+            </span>
+          </a-row>
+        </a-form>
+      </div>
+      <a-table
+        :columns="columns"
+        rowKey="id"
+        :scroll="{x: 1200}"
+        :data-source="dataList"
+        :pagination="false"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :loading="loading">
+
+      </a-table>
+      <div class="page" v-if="dataList.length > 0">
+        <a-pagination
+          :show-total="total => $t('total')+`${total}`+$t('strip')"
+          show-quick-jumper
+          show-size-changer
+          :page-size.sync="pageSize"
+          :total="total"
+          :current="pageNo"
+          @change="onChange"
+          @showSizeChange="SizeChange"
+        />
+      </div>
+    </div>
+
+    <div class="drawer-bootom-button">
+      <a-button @click="handleCancel" type="danger" style="margin-right: 16px">{{$t('cancel')}}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import { getAction, postAction } from '@/api/manage'
+  import ImportFile from '@/components/ImportFile/index'
+
+  export default {
+    name: 'standardDecompositionSheet',
+    components: {
+      ImportFile
+    },
+    data() {
+      return {
+        visible: false,
+        queryParam: {},
+        confirmLoading: false,
+        selectedRowKeys: [],
+        url: {
+          list: '/split/sarFileSplitItems/getSplitItemsByPage'
+        },
+        columns: [
+          {
+            title: this.$t('clauseNo'),
+            dataIndex: 'items_num',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('clauseName'),
+            dataIndex: 'items_name',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('clauseContent'),
+            dataIndex: 'iterms_conditions',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('technicalField'),
+            dataIndex: 'technology_territory',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('informationCategory'),
+            dataIndex: 'information_category',
+            align: 'center',
+            ellipsis: true
+          }
+        ],
+        dataList: [],
+        content: [],
+        loading: false,
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        standData: {},
+        fieldList: [],
+        queryConditionVOList: []
+      }
+    },
+    methods: {
+      handleModule() {
+
+      },
+      getData(row) {
+        this.standData = row
+        this.visible = true
+        this.replacePage()
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.replacePage()
+      },
+      searchReset() {
+        this.pageNo = 1
+        this.queryParam = {}
+        this.replacePage()
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.replacePage()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.replacePage()
+      },
+      getPersonnelList() {
+        this.pageNo = 1
+        this.replacePage()
+      },
+      replacePage() {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          info_id: this.standData.id,
+          menu_id:'',
+          ...this.queryParam
+        }
+        this.loading = true
+        postAction(this.url.list, query).then((res) => {
+          if (res.success) {
+            this.dataList = res.result.records || []
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.dataList = []
+            this.total = 0
+            this.loading = false
+          }
+        })
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+
+      },
+      onSelectChange() {
+
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  @import '~@assets/less/common.less';
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 100;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  .title-text {
+    width: 33px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .box-input {
+    display: inline-block;
+    width: 100%;
+    height: 38px;
+  }
+
+  .box-button {
+    height: 38px;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/businessSupport/technologyAssessment/index.vue b/jero-web/src/views/businessSupport/technologyAssessment/index.vue
index 7f8b97246..ca3a8db38 100644
--- a/jero-web/src/views/businessSupport/technologyAssessment/index.vue
+++ b/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>
\ No newline at end of file