diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 41480baf8..8937ba8bb 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1145,4 +1145,10 @@ module.exports = {
   translationLanguage:'Translation language',
   translationResults:'Translation results',
   conversionTime:'Conversion time',
+  category:'Category',
+  RegulatoryProcessEvaluationResults :'Regulatory Process Evaluation Results',
+  ViewConformanceResults:'View Conformance Results',
+  CommentsCollectionResultsForReference:'Comments Collection Results For Reference',
+  TechnicalEvaluationResultsForReference:'Technical Evaluation Results For Reference',
+  ComplianceConfirmationRecord:'Compliance Confirmation Record',
 }
\ 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 98f362d10..00f2de06b 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1149,4 +1149,10 @@ module.exports = {
   translationLanguage:'翻译语言',
   translationResults:'翻译结果',
   conversionTime:'转换时间',
+  category:'类别',
+  RegulatoryProcessEvaluationResults :'法规流程评估结果',
+  ViewConformanceResults:'查看符合性结果',
+  CommentsCollectionResultsForReference:'意见收集结果参考',
+  TechnicalEvaluationResultsForReference:'技术评估结果参考',
+  ComplianceConfirmationRecord:'符合性确认记录',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/regulationsKanban/components/addModel.vue b/jero-web/src/views/regulationsKanban/components/addModel.vue
new file mode 100644
index 000000000..6039934a4
--- /dev/null
+++ b/jero-web/src/views/regulationsKanban/components/addModel.vue
@@ -0,0 +1,382 @@
+<template>
+  <div class='diolag-area'>
+    <a-spin :spinning='spinLoading'>
+      <a-form-model
+        class='tag-module'
+        ref='ruleForm'
+        :model='formData'
+        :rules='rules'
+        :label-col='labelCol'
+        :wrapper-col='wrapperCol'
+      >
+        <a-row :gutter='24'>
+          <a-col :span='9'>
+            <a-form-model-item :label="$t('areaOfResponsibility')">
+              <j-dict-select-tag class="box-input" v-model="formData.areaOfResponsibility"
+                                 :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                                 :type="'select'"
+                                 :triggerChange="false" :dictCode="'duty_territory'"/>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span='9'>
+            <a-form-model-item :label="$t('RelatedItems')" prop='ListTitle'>
+              <a-select class="box-input" v-model="formData.RelatedItems"
+                        :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
+                <a-select-option v-for="(element,index) in item.RelatedItemList" :key="element.value" :value="element.value">
+                  {{element.label}}
+                </a-select-option>
+              </a-select>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span='6' style='margin-top: 4px;'>
+            <a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
+            <a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-spin>
+    <div class="table-operator" style='float: right;margin-top: -20px'>
+      <a-button type="primary" icon="download" @click="handleExportXls()">{{ $t('export') }}</a-button>
+    </div>
+<!--    :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'-->
+    <a-table
+      class='table-area'
+      ref='table'
+      size='middle'
+      rowKey='id'
+      :columns='columns'
+      :dataSource='areaTable'
+      :pagination='false'
+      :loading='loading'
+      :scroll='{x: 600}'
+
+      @change='handleTableChange'>
+
+<!--      <template slot="file" slot-scope="text, record">-->
+<!--        <a class="action-edit" href="javascript:;" @click="dowloadfile(record)" v-has="'bqnrzdpzxlbj'">{{record.exportFileName}}</a>-->
+<!--      </template>-->
+    </a-table>
+<!--    <div class="page" style='display: flex;justify-content: flex-end;'>-->
+<!--      <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="pageOnChange"-->
+<!--        @showSizeChange="SizeChange"-->
+<!--      />-->
+<!--    </div>-->
+    <div class="table-operator" >
+      <a-button type="primary"  @click="handleExportXls()">{{ $t('CommentsCollectionResultsForReference') }}</a-button>
+      <a-button type="primary"  @click="handleExportXls()">{{ $t('TechnicalEvaluationResultsForReference') }}</a-button>
+    </div>
+    <!--    <div class='drawer-bootom-button'>-->
+    <!--      <a-button style='margin-right: .8rem' @click='handleCancel'>{{ $t('cancel') }}</a-button>-->
+    <!--      <a-button @click='handleSubmit' type='primary' :loading='confirmLoading'>{{ $t('submit') }}</a-button>-->
+    <!--    </div>-->
+  </div>
+</template>
+
+<script>
+import { putAction, postAction, getAction, deleteAction ,downloadFile } from '@/api/manage'
+import axios from 'axios'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+
+export default {
+  name: 'diolagArea',
+  components: {},
+  data() {
+    return {
+      token:Vue.ls.get(ACCESS_TOKEN),
+      title: this.$t('add'),
+      total: 0,
+      selectedRowKeysDate: {},
+      loading: false,
+      editId: '',
+      RelatedItemList:[],
+      columns: [
+        {
+          title: this.$t('areaOfResponsibility'),
+          dataIndex: 'areaOfResponsibility',
+          width: 120,
+          align: 'center',
+          ellipsis: true
+        },
+        {
+          title: this.$t('RelatedItems'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'RelatedItems',
+          ellipsis: true
+        },
+        {
+          title: this.$t('designComplianceReview'),
+          align: 'center',
+          width: 250,
+          dataIndex: 'designComplianceReview',
+          ellipsis: true
+        },
+        {
+          title: this.$t('preHomeConfirmation'),
+          align: 'center',
+          width: 270,
+          dataIndex: 'preHomeConfirmation',
+          ellipsis: true
+        },
+        {
+          title: this.$t('verificationComplianceReview'),
+          align: 'center',
+          width: 270,
+          dataIndex: 'verificationComplianceReview',
+          scopedSlots: { customRender: 'file' },
+          ellipsis: true
+        }
+      ],
+      newVisible: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 7 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 14 }
+      },
+      form: {},
+      formData: {
+        projectName:'',
+      },
+      rules: {
+        title: [
+          { required: true, message: this.$t('enterTitle'), trigger: 'blur' }
+        ]
+      },
+      areaTable: [],
+      flag: false,  //表单提交标识
+      spinLoading: false,
+      confirmLoading: false,
+      selectedRowKeys: [],
+      pageNo: 1,
+      pageSize: 10,
+      listVisible: false,
+      listVisibleRowDate: {}
+    }
+  },
+  props: {
+    version: {
+      type: Number,
+      default: '',
+      required: false
+    },
+    projectId: {
+      type: String,
+      default: '',
+      require: true
+    },
+    item: {
+      type: String,
+      default: '',
+      require: true
+    },
+    paramsManifestId: {
+      type: Object,
+      default: '',
+      require: true
+    },
+    url: {
+      type: Object,
+      default: '',
+      require: true
+    }
+  },
+  mounted() {
+    this.loadData()
+    console.log(this.item)
+  },
+  methods: {
+    // 清单列表传出数据
+    listVisibleRow(val) {
+      this.selectedRowKeys = []
+      let newAreaTable=JSON.parse(JSON.stringify(this.areaTable))
+      newAreaTable.forEach((item, index) => {
+        if( item.id == this.listVisibleRowDate.id ) {
+          let _obj = {...item}
+          _obj.paramsTemplateId = val[0].id
+          _obj.paramsTemplateName = val[0].paramsTemplateName
+          this.areaTable.splice(index, 1,_obj)
+        }
+      })
+      console.log(this.areaTable,'this.areaTable')
+      this.listVisible = false
+    },
+    // 下载文件
+    editArea(val) {
+      // this.listVisibleRowDate = val
+      console.log(val)
+      // this.listVisible = true
+    },
+    pageOnChange(page, pageSize) {
+      this.pageNo = page
+      this.loadData()
+    },
+    SizeChange(page, pageSize) {
+      this.pageNo = 1
+      this.pageSize = pageSize
+      this.loadData()
+    },
+    dowloadfile(item){
+      let query = {
+        id: item.exportFileId
+      }
+      downloadFile('/sys/common/downLoadFile', item.exportFileName, query, this.Deselect)
+    },
+    loadData() {
+      let _this = this
+      let params = {
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        paramsManifestId:this.paramsManifestId,
+        ...this.formData
+      }
+      getAction('params/report/exportHistoryPage', params).then((res) => {
+        if (res.success) {
+          this.areaTable = res.result.records
+          this.total = res.result.total
+        }
+      })
+    },
+    //导出
+    handleExportXls(){
+
+    },
+    searchQuery() {
+      this.loadData()
+    },
+    searchReset() {
+      this.formData = {}
+      this.loadData()
+    },
+    handleCancel() {
+      this.$emit('areaVisible', false)
+    },
+    onSelectChange(selectedRowKeys, selectedRowKeysDate) {
+      this.selectedRowKeysDate = selectedRowKeysDate
+      this.selectedRowKeys = selectedRowKeys
+    },
+    handleTableChange(val) {
+      console.log(',,,')
+    },
+    showModal() {
+      this.title = this.$t('add')
+      this.newVisible = true
+      this.form = {}
+    },
+    //新增
+    handleSubmit() {
+      let _this = this
+      if (this.selectedRowKeys.length == 0) {
+        this.$message.warning(this.$t('pleaseSelectData'))
+      } else if (this.selectedRowKeys.length > 1) {
+        this.$message.warning(this.$t('OnlyOneSelected'))
+      } else {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            this.flag = true
+            this.spinLoading = true
+            this.confirmLoading = true
+            let _tt = {
+              paramsTemplateId: this.selectedRowKeysDate[0].paramsTemplateId,
+              projectId: this.selectedRowKeysDate[0].projectId,
+              title: this.selectedRowKeysDate[0].title,
+              paramsTemplatePublishVersion: this.selectedRowKeysDate[0].paramsTemplatePublishVersion,
+              sourceManifestId: this.selectedRowKeysDate[0].id,
+            }
+            axios({
+              url: `/jero-boot/params/manifest/copy`,
+              method: 'post',
+              data: _tt,
+              transformRequest: [function (data) {
+                let ret = ''
+                for (let it in data) {
+                  ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+                }
+                return ret
+              }],
+              headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+                'X-Access-Token':_this.token
+              }
+            })
+              .then( (res) =>{
+                if (res.data.success) {
+                  _this.$emit('copysubmit')
+                  _this.$message.success(res.data.message)
+                  _this.flag = false
+                  _this.spinLoading = false
+                  _this.confirmLoading = false
+                }else{
+                  _this.$message.warning(res.data.message)
+                  _this.flag = false
+                  _this.spinLoading = false
+                  _this.confirmLoading = false
+                }
+              })
+              .catch( (error) =>{
+                console.log(error);
+              });
+          } else {
+            return false
+          }
+        })
+      }
+    },
+  },
+  watch: {
+    selectedRowKeyS(val) {
+      this.selectedRowKeys = val
+    }
+  }
+
+}
+</script>
+
+<style lang='less' scoped>
+@import '~@assets/less/common.less';
+
+.diolag-area {
+  .table-area {
+    margin: 20px 0;
+
+    .action-edit {
+      margin-right: 10px;
+    }
+  }
+
+  .table-del {
+    color: red;
+  }
+}
+.drawer-bootom-button{
+  display: flex;
+  justify-content: center;
+}
+.Required {
+  color: red;
+  margin-right: 4px;
+}
+</style>
+<style lang='less'>
+.area-module {
+  .ant-modal-wrap {
+    .ant-modal {
+      .ant-modal-content {
+        .ant-modal-footer {
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/regulationsKanban/index.vue b/jero-web/src/views/regulationsKanban/index.vue
new file mode 100644
index 000000000..37e7d1b14
--- /dev/null
+++ b/jero-web/src/views/regulationsKanban/index.vue
@@ -0,0 +1,452 @@
+<template>
+  <a-card :bordered="false">
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('standard')">
+                <span>{{ $t('standard') }}</span>
+              </div>
+              <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                       v-model="queryParam.serialNumber"></j-input>
+            </div>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('title')">
+                <span>{{$t('title')}}</span>
+              </div>
+              <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
+                       v-model="queryParam.projectName"></j-input>
+            </div>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('status')">
+                <span>{{ $t('status') }}</span>
+              </div>
+              <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
+                                 :placeholder="$t('PleaseSelect')+$t('status')"
+                                 :type="'select'"
+                                 :triggerChange="false" :dictCode="'duty_territory'"/>
+            </div>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('technicalField')">
+                <span>{{ $t('technicalField') }}</span>
+              </div>
+              <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
+                                 :placeholder="$t('PleaseSelect')+$t('technicalField')"
+                                 :type="'select'"
+                                 :triggerChange="false" :dictCode="'duty_territory'"/>
+            </div>
+          </a-col>
+          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+               <a-col :md="6" :sm="24">
+                   <globalAdvancedQuery ref="globalAdvancedQueryRef"
+                                        @handleSuperQuery="handleSuperQuery"
+                                        :fieldList="fieldList"/>
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchReset">{{ $t('reset') }}</a-button>
+               </a-col>
+            </span>
+        </a-row>
+      </a-form>
+    </div>
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        rowKey="id"
+        :data-source="dataSource"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :columns="columns"
+      >
+        <span slot="projectName" slot-scope="text,record" :title="text">
+          <a @click="entryNameClick(record)">
+            {{ text && text.length > 15 ? text.slice(0, 14) + '...' : text }}
+          </a>
+        </span>
+        <span slot="operation" slot-scope="text,record">
+            <a class="text-operation" @click="handlecody(record)">{{$t('ViewConformanceResults')}}</a>
+        </span>
+      </a-table>
+    </div>
+    <div class="page">
+      <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="pageOnChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+    <!--     导出历史模板-->
+    <a-modal class="show-drawer" :title="titleTag" width="1200px" v-model="drawerVisible" :footer="null">
+      <export-history v-if='drawerVisible' @areaVisible='drawerVisible = false' :paramsManifestId='paramsManifestId' :item='item'></export-history>
+    </a-modal>
+  </a-card>
+</template>
+
+<script>
+import ExportHistory from './components/addModel'
+import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+import axios from 'axios'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+// import eventBUs from '../../../common/event'
+import Vue from 'vue'
+
+export default {
+  name: 'index',
+  components: {
+    ExportHistory,
+    globalAdvancedQuery
+  },
+  data() {
+    return {
+      token: Vue.ls.get(ACCESS_TOKEN),
+      loading: false,
+      toggleSearchStatus: false,
+      selectedRowKeys: [],
+      paramsManifestId:'',
+      item:{},
+      selectedRowKeysArray: '',
+      formInline: {},
+      rules: {
+        paramsTemplateName: [
+          { required: true, message: this.$t('PleaseEnter') + this.$t('templateName'), trigger: 'change' }
+        ]
+      },
+      fieldList: [
+        {
+          type: 'string',
+          value: 'standard',
+          text: this.$t('standard')
+        },
+        {
+          type: 'string',
+          value: 'title',
+          text: this.$t('title')
+        },
+        {
+          type: '',
+          value: 'status',
+          text: this.$t('status'),
+          dictCode: 'implement_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+        },
+        {
+          type: 'string',
+          value: 'category',
+          text: this.$t('category')
+        },
+        {
+          type: '',
+          value: 'technicalField',
+          text: this.$t('technicalField'),
+          dictCode: 'implement_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+        },
+      ],
+      visible: false,
+      dataSource: [],
+      confirmLoading: false,
+      url: {
+        list: 'params/report/page'
+      },
+      total: 0,
+      pageSize: 10,
+      pageNo: 1,
+      title: '新增',
+      columns: [
+        {
+          title: this.$t('standard'),
+          align: 'center',
+          width: '10%',
+          dataIndex: 'standard'
+        },
+        {
+          title: this.$t('title'),
+          align: 'center',
+          width: '10%',
+          dataIndex: 'title'
+        },
+        {
+          title: this.$t('status'),
+          align: 'center',
+          dataIndex: 'status'
+        },
+        {
+          title: this.$t('category'),
+          align: 'center',
+          dataIndex: 'category'
+        },
+        {
+          title: this.$t('technicalField'),
+          align: 'center',
+          dataIndex: 'technicalField'
+        },
+        {
+          title: this.$t('RegulatoryProcessEvaluationResults'),
+          align: 'center',
+          fixed: 'right',
+          width: 250,
+          scopedSlots: { customRender: 'operation' }
+        }
+      ],
+      queryParam: {},
+      areaVisible: false,
+      paramsTemplateName: '',
+      drawerVisible: false,
+      titleTag: ''
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    handleCancel() {
+      this.areaVisible = false
+    },
+    handleSubmit() {
+      if (this.formInline.paramsTemplateName !== undefined) {
+        this.formInline.paramsTemplateName = this.formInline.paramsTemplateName.trim()
+      }
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          getAction(this.url.copy + `?id=${this.selectedRowKeys[0]}&paramsTemplateName=${this.formInline.paramsTemplateName}`, {}).then((res) => {
+            if (res.success) {
+              this.areaVisible = false
+              this.$message.success(res.message)
+              this.selectedRowKeys = []
+              this.getList()
+            } else {
+              this.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    handleToggleSearch() {
+      this.toggleSearchStatus = !this.toggleSearchStatus
+    },
+    onSelectChange(value) {
+      this.selectedRowKeys = value
+      this.selectedRowKeysArray = this.selectedRowKeys.join(',')
+    },
+    // 导出历史
+    handlecody(e) {
+      this.drawerVisible = true
+      this.titleTag = e.standard + this.$t('ComplianceConfirmationRecord')
+      this.paramsManifestId = e.id
+      this.item = {...e}
+    },
+    hideModal() {
+      this.visible = false
+    },
+    //编辑
+    edit(item) {
+      this.$refs.addModelRef.editModel(JSON.parse(JSON.stringify(item)))
+    },
+    //删除
+    deleteLib(val) {
+      let newUrl = this.$router.resolve({
+        path: '/managementdetails',
+        query: val
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    //虚拟清单名称事件
+    entryNameClick(item) {
+      this.$router.push({
+        path: '/ParameterTemplateList',
+        query: item
+      })
+    },
+    searchQuery() {
+      this.pageNo = 1
+      this.getList()
+    },
+    searchReset() {
+      this.queryParam = {}
+      this.$refs.globalAdvancedQueryRef.resetLine()
+      this.$refs.globalAdvancedQueryRef.emitCallback()
+    },
+    pageOnChange(page, pageSize) {
+      this.pageNo = page
+      this.getList()
+    },
+    SizeChange(page, pageSize) {
+      this.pageNo = 1
+      this.pageSize = pageSize
+      this.getList()
+    },
+    addModelList() {
+      this.pageNo = 1
+      this.getList()
+    },
+    PersonnelSelectionChange(value, id) {
+      this.queryParam[value] = id
+      this.queryParam = { ...this.queryParam }
+    },
+    handleSuperQuery(params, matchType) {
+      let sqp = {}
+      if (!params || (params && params.length == 0)) {
+        sqp['superQueryParams'] = ''
+        this.$refs.globalAdvancedQueryRef.superQueryFlag = false
+      } else {
+        this.$refs.globalAdvancedQueryRef.superQueryFlag = true
+        sqp['superQueryParams'] = encodeURI(JSON.stringify(params))
+        sqp['superQueryMatchType'] = matchType
+      }
+      this.queryParamQuery = sqp
+      this.getList()
+    },
+    getList() {
+      let query = {
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        ...this.queryParamQuery,
+        ...this.queryParam
+      }
+      this.loading = true
+      getAction(this.url.list, query).then((res) => {
+        if (res.success) {
+          if (res.result.current > 1 && res.result.records.length == 0) {
+            this.pageNo = res.result.current - 1
+            this.getList()
+            return
+          }
+          this.dataSource = res.result.records || []
+
+          this.total = res.result.total
+          this.loading = false
+        } else {
+          this.loading = false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+@import '~@assets/less/common.less';
+
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.title-text {
+  width: 20%;
+  min-width: 110px;
+  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: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
+
+.add-input {
+  width: 82%;
+}
+
+.box-button {
+  height: 38px;
+  /*margin-top: 2px;*/
+}
+
+.text-operation {
+  margin-right: 8px;
+}
+
+.page {
+  text-align: right;
+  margin-top: 20px;
+}
+
+.box-title-text-add {
+  line-height: 1.4;
+  display: flex;
+}
+
+.title-text-add {
+  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;
+  margin-top: 3px;
+}
+
+.box-input-add {
+  display: inline-block;
+  height: 38px;
+  width: 100%;
+}
+
+.itemModel {
+  width: calc(100% - 130px);
+  display: inline-block;
+  margin-top: 2px;
+}
+
+.Required {
+  color: red;
+  margin-right: 4px;
+}
+
+.title-text-text {
+  margin-top: 9px;
+}
+
+.formAdd {
+  margin-bottom: 40px;
+}
+
+.drawer-bootom-button {
+  position: absolute;
+  bottom: 0;
+  z-index: 100;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 16px;
+  text-align: right;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 2px 2px;
+}
+
+.add-text-text {
+  margin-top: -14px;
+}
+</style>