diff --git a/src/components/hzwlComponents/DataRangePickerFormItem.vue b/src/components/hzwlComponents/DataRangePickerFormItem.vue
new file mode 100644
index 000000000..fd228e55b
--- /dev/null
+++ b/src/components/hzwlComponents/DataRangePickerFormItem.vue
@@ -0,0 +1,108 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-date-picker
+        :value="currentTime"
+        :picker-options="pickerOptions"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="起始时间"
+        end-placeholder="结束时间"
+        value-format="yyyy-MM-dd"
+        align="right"
+        @input="handleChange">
+    </el-date-picker>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "DataRangePickerFormItem",
+  props: {
+    startTime: {
+      type: String,
+      required: true
+    },
+    endTime: {
+      type: String,
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    editable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+  },
+  data () {
+    return {
+      currentTime: [],
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
+    }
+  },
+  created() {
+    this.currentTime = [this.startTime, this.endTime]
+  },
+  methods: {
+    handleChange (event) {
+      this.currentTime = event
+      const startTime = event[0]
+      const endTime = event[1]
+      this.$emit('update:startTime', startTime)
+      this.$emit('update:endTime', endTime)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  border-bottom: 1px dashed #e5e5e5;
+  clear: both;
+}
+</style>
diff --git a/src/components/hzwlComponents/DatePickerFormItem.vue b/src/components/hzwlComponents/DatePickerFormItem.vue
new file mode 100644
index 000000000..6e7678164
--- /dev/null
+++ b/src/components/hzwlComponents/DatePickerFormItem.vue
@@ -0,0 +1,61 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-datePicker :value="value"
+                   :editable="editable"
+                   :disabled="disabled"
+                   :clearable="clearable"
+                   :placeholder="placeholder"
+                   value-format="yyyy-MM-dd"
+                   @input="handleChange">
+    </el-datePicker>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "DatePickerFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    editable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  border-bottom: 1px dashed #e5e5e5;
+  clear: both;
+}
+</style>
diff --git a/src/components/hzwlComponents/DatePickerGroupFormItem.vue b/src/components/hzwlComponents/DatePickerGroupFormItem.vue
new file mode 100644
index 000000000..693058fe4
--- /dev/null
+++ b/src/components/hzwlComponents/DatePickerGroupFormItem.vue
@@ -0,0 +1,163 @@
+<!-- 多选时间组件 -->
+<template>
+  <el-tooltip class="item" effect="dark" :content="label || config.attrName" placement="top-start">
+    <el-form-item
+        :label="label || config.attrName"
+        :prop="prop || config.attrField"
+        :label-width="label ? '210px' : '150px'"
+        class="add-form-item"
+        :class="{'form-item-disabled': disabled}"
+    >
+      <el-input
+          v-show="false"
+          :value="value"
+          :placeholder="placeholder"
+          :disabled="disabled"
+      ></el-input>
+      <div class="date-picker-group">
+        <template v-for="(tag, index) in tagList">
+          <transition name="el-zoom-in-center">
+            <div class="tag-wrap" v-if="tagAnimateList.includes(tag)" :key="index">
+              <el-tag
+                  size="small"
+                  :closable="!disabled"
+                  @close="handleRemoveTag(index)">{{ tag }}</el-tag>
+            </div>
+          </transition>
+        </template>
+        <div class="tag-wrap" v-if="datePickerVisible">
+          <el-date-picker
+              ref="datePicker"
+              v-model="datePickerVal"
+              type="date"
+              :placeholder="placeholder"
+              format="yyyy-MM-dd"
+              :picker-options="pickerOptions"
+              @input="handleChange"
+          >
+          </el-date-picker>
+        </div>
+        <div class="tag-wrap" v-else>
+          <el-button
+              :disabled="disabled"
+              class="add-date"
+              type="primary"
+              plain
+              size="mini"
+              @click="handleAddDate">增加日期</el-button>
+        </div>
+      </div>
+    </el-form-item>
+  </el-tooltip>
+</template>
+
+<script>
+export default {
+  name: "DatePickerGroupFormItem",
+  data () {
+    return {
+      datePickerVal: '',
+      tagList: [],
+      datePickerVisible: false,
+      tagAnimateList: []
+    }
+  },
+  props: {
+    value: {
+      required: true
+    },
+    // label/props 和config 二选一
+    label: {
+      type: String,
+    },
+    prop: {
+      type: String
+    },
+    config: {
+      type: Object
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  computed: {
+    placeholder () {
+      return `请输入${this.label}`
+    },
+    pickerOptions () {
+      const _this = this
+      return {
+        disabledDate (time) {
+          return _this.tagList.includes(_this.$dateFormat(time, 'yyyy-MM-dd'))
+        }
+      }
+    }
+  },
+  watch: {
+    value (val) {
+      this.tagList = val !== '' && val !== null && val !== undefined ? val.split(',') : []
+    },
+    tagList: {
+      handler (val) {
+        setTimeout(() => {
+          this.tagAnimateList = JSON.parse(JSON.stringify(val))
+        })
+      }
+    }
+  },
+  mounted () {
+    this.tagList = this.value !== '' && this.value !== null && typeof (this.value) !== 'undefined' ? this.value.split(',') : []
+  },
+  methods: {
+    handleChange (value) {
+      const val = this.$dateFormat(value, 'yyyy-MM-dd')
+      this.tagList.push(val)
+      this.datePickerVisible = false
+      this.datePickerVal = ''
+      this.$emit('input', this.tagList.join(','))
+    },
+
+    handleAddDate () {
+      this.datePickerVisible = true
+      this.$nextTick(() => {
+        this.$refs.datePicker.focus()
+      })
+    },
+
+    handleRemoveTag (index) {
+      this.tagList.splice(index, 1)
+      this.$emit('input', this.tagList.join(','))
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  height: auto;
+  min-height: 50px;
+  .date-picker-group {
+    min-height: 49px;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+    padding-left: 10px;
+    .tag-wrap {
+      height: 50px;
+      display: inline-flex;
+      align-items: center;
+      margin-right: 5px;
+      user-select: none;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+    .add-date {
+      height: 24px;
+      padding: 0 8px;
+      line-height: 22px;
+    }
+  }
+}
+</style>
diff --git a/src/components/hzwlComponents/DepartmentFormItem.vue b/src/components/hzwlComponents/DepartmentFormItem.vue
new file mode 100644
index 000000000..22a5238b8
--- /dev/null
+++ b/src/components/hzwlComponents/DepartmentFormItem.vue
@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+      <el-input
+          :value="value"
+          :placeholder="placeholder"
+          :clearable="clearable"
+          readonly
+          @click.native="choice('dep', placeholder, ids)">
+        ></el-input>
+    </el-form-item>
+    <Mechanism-tree
+        :is-title="choiceTitle"
+        :is-visible.sync="modalShowDepFlag"
+        :nodeList="nodeList"
+        @checkedRole="checkedRole"
+    ></Mechanism-tree>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DepartmentFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    ids: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data () {
+    return {
+      choiceTitle: '', // 人员选择
+      modalShowDepFlag: false,
+      nodeList: [],
+    }
+  },
+  computed: {
+    placeholder () {
+      return `选择${this.label}`
+    },
+  },
+  methods: {
+    choice(type, title, id='') {
+      this.nodeList = []
+      if (id) {
+        this.$set(this, 'nodeList', id.split(','))
+      }
+      this.choiceTitle = title
+      this.modalShowDepFlag = true
+    },
+    checkedRole(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+
+      this.$emit('input', nameList)
+      this.$emit('update:ids', idList)
+      this.$emit('change')
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/hzwlComponents/InputForStandardsForLaws.vue b/src/components/hzwlComponents/InputForStandardsForLaws.vue
new file mode 100644
index 000000000..eefbeb2b6
--- /dev/null
+++ b/src/components/hzwlComponents/InputForStandardsForLaws.vue
@@ -0,0 +1,385 @@
+<template>
+  <div>
+    <el-form-item
+        :label="label"
+        :prop="prop"
+        :label-width="labelWidth"
+        class="add-form-item form-item-disabled"
+    >
+      <el-input
+          :value="value"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          clearable
+          @input="handleChange"
+      ></el-input>
+      <el-button
+          type="primary"
+          class="common-button-primary"
+          size="mini"
+          style="position:absolute;top: 10px;right: 0;"
+          @click="selectLaws"
+          v-if="(processModel && !disabled) || !processModel"
+      >手动查找</el-button>
+    </el-form-item>
+    <el-dialog
+        :title="label"
+        :visible.sync="replaceLawsNumModel"
+        width="875px"
+        :close-on-click-modal="false"
+        @close="replaceLawsNumModelCancel"
+        :append-to-body="true"
+    >
+      <div class="search-area">
+        <div class="left">
+          <el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form" @keyup.enter.native="getReplaceLawsNumRowSearch">
+            <!--            <el-form-item label="数据来源" class="search-item">-->
+            <!--              <el-select v-model="replaceLawsNumForm.dataSource" filterable>-->
+            <!--                <el-option-->
+            <!--                  v-for="item in dataSourceOptions"-->
+            <!--                  :key="item.value"-->
+            <!--                  :value="item.value"-->
+            <!--                  :label="item.label"-->
+            <!--                >-->
+            <!--                </el-option>-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
+            <el-form-item label="政策编号" class="search-item input-width">
+              <el-input
+                  v-model="replaceLawsNumForm.lawsNumber"
+                  placeholder="根据政策编号查找"
+                  clearable
+                  :maxlength="100"></el-input>
+            </el-form-item>
+            <el-form-item label="政策名称" class="search-item input-width">
+              <el-input
+                  v-model="replaceLawsNumForm.numberName"
+                  placeholder="根据政策名称查找"
+                  clearable
+                  :maxlength="100"></el-input>
+            </el-form-item>
+            <el-form-item class="search-item btn-box">
+              <el-button
+                  type="primary"
+                  class="common-button-primary"
+                  size="small"
+                  @click="getReplaceLawsNumRowSearch">
+                查询
+              </el-button>
+            </el-form-item>
+            <el-form-item class="search-item btn-box">
+              <el-button
+                  class="common-button-default"
+                  size="small"
+                  @click="getResetLawsNumRow">清空
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-table
+          ref="selections"
+          :data="replaceLawsNumRow"
+          tooltip-effect="dark"
+          style="width: 100%;overflow-y: auto;overflow-x: hidden;"
+          border
+          :height="300"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+          fontWeight: 'bold', height: '48px'}"
+          @selection-change="selectReplaceStandNumRowChange">
+        <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+        </el-table-column>
+        <!--        <el-table-column-->
+        <!--          prop="standSortShow"-->
+        <!--          label="企标类别"-->
+        <!--          min-width="130"-->
+        <!--        >-->
+        <!--        </el-table-column>-->
+        <el-table-column
+            label="政策编号"
+            min-width="130">
+          <template slot-scope="scope">
+            <span>
+              <a v-if="scope.row.lawsNumber" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="lawsName"
+            label="中文名称"
+            min-width="130">
+        </el-table-column>
+        <el-table-column
+            prop="lawsName"
+            label="英文名称"
+            min-width="130">
+        </el-table-column>
+        <el-table-column
+            prop="issueTime"
+            label="发文日期"
+            width="130">
+          <template slot-scope="scope">{{ $moment(scope.row.issueTime).format('YYYY-MM-DD') }}</template>
+        </el-table-column>
+        <el-table-column
+            prop="standStatusShow"
+            label="文本状态"
+            width="130">
+        </el-table-column>
+      </el-table>
+      <loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
+      <!--分页-->
+      <pagination
+          style="position: relative;"
+          :page="replacePage"
+          :total="replaceTotal"
+          @pageChange="pageChangeReplace"
+          @pageSizeChange="pageSizeChangeReplace"></pagination>
+      <div slot="footer" class="demo-drawer-footer">
+        <el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消</el-button>
+        <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="replaceLawsNumModelBt">提交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "InputForStandardsForLaws",
+  props: {
+    label: {
+      type: String,
+      required: true
+    },
+    prop: {
+      type: String,
+      required: true
+    },
+    value: {
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 栅格比例
+    span: {
+      type: Number,
+      default: 24
+    },
+    // 是否为流程中使用
+    processModel: {
+      type: Boolean,
+      default: false
+    },
+    // label宽度
+    labelWidth: {
+      type: String,
+      default: '150px'
+    }
+  },
+  data () {
+    return {
+      replaceLawsNumModel: false,
+      sarBussionessLawsEO: {
+        replaceLawsNum: ''
+      },
+      // 代替标准号
+      replaceLawsNumForm: {
+        dataSource: 'BUSINESS', // 数据来源
+        lawsNumber: '', // 政策编号
+        numberName: '', // 政策名称
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        quoteIdList: '',
+        menuId: '',
+        validFlag: 0
+      },
+      replaceLawsNumRow: [], // 代替政策号 数组内容
+      replaceTotal: 0,
+      selectedListRep: [],
+      replaceLoading: true,
+      replacePage: 1,
+      // 数据搜索 数据来源list
+      dataSourceOptions: [
+        {value: 'INLAND_STAND', label: '国内标准法规'},
+        {value: 'FOREIGN_STAND', label: '海外标准法规'},
+        {value: 'BUSINESS', label: '企业标准 '},
+        {value: 'LAWS_STAND', label: '国内外政策'}
+      ],
+      dataSource: 'LAWS_STAND'
+    }
+  },
+  computed: {
+    placeholder () {
+      return `请输入${this.label}`
+    },
+    showMessage () {
+      return `${this.label}不能为空`
+    },
+  },
+  methods: {
+    getReplaceLawsNumRowSearch () {
+      this.replaceLawsNumForm.page = 1
+      this.replacePage = 1
+      this.getReplaceLawsNumRow()
+    },
+    handleChange (event) {
+      // const value = event.target.value
+      const value = event
+      this.$emit('input', value)
+    },
+    selectLaws () {
+      // if (this.standNumFlag === 1) {
+      // this.$refs.selections.selectAll(false)
+      // }
+      // this.sarBussionessLawsEO.replaceLawsNum = ''
+      this.replaceLawsNumModel = true
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策号 请求数据
+    getReplaceLawsNumRow () {
+      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
+        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
+      } else {
+        this.quoteIdList1 = []
+        this.replaceLawsNumForm.quoteIdList = ''
+      }
+      const formData = {
+        ...this.replaceLawsNumForm
+      }
+      let url  = 'lawss/sarLawsInfo/page'
+      this.$http.get(url, formData, {
+        _this: this,
+        loading: 'replaceLoading'
+      }, res => {
+        this.replaceLawsNumRow = res.data.list
+        this.replaceTotal = res.data.count
+        if (this.selectedListRep.length !== 0) {
+          this.selectedListRep.map((list) => {
+            this.replaceLawsNumRow.map((item) => {
+              if (list.id === item.id) {
+                item._checked = true
+              }
+            })
+          })
+        }
+      }, e => {
+      })
+    },
+    // 代替政策编号-取消
+    replaceLawsNumModelCancel () {
+      // this.replaceLawsNumModel = false
+      this.$refs.selections.clearSelection()
+    },
+    // 代替政策号 table选择事件
+    selectReplaceStandNumRowChange (row) {
+      this.selectedListRep = row
+    },
+    // 代替政策分页
+    pageChangeReplace (page) {
+      this.replacePage = page
+      this.replaceLawsNumForm.page = page
+      this.getReplaceLawsNumRow()
+    },
+    pageSizeChangeReplace (pageSize) {
+      // this.replaceRows = pageSize
+      this.replaceLawsNumForm.pageSize = pageSize
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策编号确定
+    replaceLawsNumModelBt () {
+      let textArr = []
+
+      if (typeof this.value === 'string') {
+        if (this.value) {
+          textArr = this.value.split(',')
+        }
+      }
+      if (this.selectedListRep.length === 0) {
+        return this.$message({
+          message: '请先选择数据',
+          type: 'warning'
+        })
+      }
+      if (this.selectedListRep.length + textArr.length > 20) {
+        return this.$message({
+          message: '代替文件号最多选择20项',
+          type: 'warning'
+        })
+      }
+      this.selectedListRep.map((item) => {
+        let texts = ''
+        // 判断数据是国内外法规标准还是企业标准
+        if (this.dataSource === 'LAWS_STAND') {
+          texts = item.lawsNumber
+        }
+        textArr.push(texts)
+        textArr = [...new Set(textArr)]
+        this.replaceLawsNumModel = false
+      })
+      // this.SarLawsInfoEO.replaceLawsNum = textArr.join(',')
+      this.$emit('input', textArr.join(','))
+      this.$refs.selections.clearSelection()
+    },
+    // 点击查看
+    handlePreview (item) {
+      let name = ''
+      let pageType = ''
+      switch (this.dataSource) {
+        case 'INLAND_STAND':
+          name = 'OtherStandardDetails'
+          pageType = 'INLAND_STAND'
+          break
+        case 'FOREIGN_STAND':
+          name = 'OtherStandardDetails'
+          pageType = 'FOREIGN_STAND'
+          break
+        case 'BUSINESS':
+          name = 'OtherBussStandardDetails'
+          pageType = 'BUSINESS_STAND'
+          break
+        case 'LAWS_STAND':
+          name = 'OtherLawsStandDetails'
+          pageType = 'LAWS_STAND'
+          break
+      }
+      let routeUrl = this.$router.resolve({
+        name: name,
+        params: {
+          id: item.id,
+          pageType: pageType
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+
+    },
+    getResetLawsNumRow () {
+      this.replaceLawsNumForm = {
+        lawsNumber: '', // 政策编号
+        numberName: '', // 政策名称
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        validFlag: '0'
+      }
+      this.getReplaceLawsNumRow()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/.el-dialog__body {
+  padding: 0 20px 0;
+}
+/deep/.el-dialog__footer {
+  padding: 0 20px 20px;
+}
+/deep/.input-width input.el-input__inner {
+  width: 220px;
+}
+</style>
diff --git a/src/components/hzwlComponents/InputFormItem.vue b/src/components/hzwlComponents/InputFormItem.vue
new file mode 100644
index 000000000..d61f6ac89
--- /dev/null
+++ b/src/components/hzwlComponents/InputFormItem.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="wrapper">
+    <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+      <el-input
+          :value="value"
+          :placeholder="placeholder"
+          :clearable="clearable"
+          @input="handleChange"
+      ></el-input>
+    </el-form-item>
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "InputFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  computed: {
+    placeholder () {
+      return `请输入${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.wrapper {
+  display: flex;
+  border-bottom: 1px dashed #e5e5e5;
+}
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  //border-bottom: 1px dashed #e5e5e5;
+  border-bottom: none;
+  clear: both;
+  flex: 1;
+}
+.add-form-item /deep/ .el-form-item__content .el-input .el-input__inner {
+  height: 45px;
+  //line-height: 49px;
+  //border: none;
+  //font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
+  //font-weight: lighter;
+}
+//.add-form-item /deep/ .el-form-item__label {
+//  padding: 0;
+//  line-height: 50px;
+//  font-size: 14px;
+//  color: #333333;
+//  text-align: left;
+//  overflow: hidden;
+//  white-space: nowrap;
+//  text-overflow: ellipsis;
+//}
+//.form-item-disabled /deep/ .el-form-item__label {
+//  color: #666666;
+//  background: transparent;
+//}
+</style>
diff --git a/src/components/hzwlComponents/ReceiptDescription.vue b/src/components/hzwlComponents/ReceiptDescription.vue
new file mode 100644
index 000000000..643b31f14
--- /dev/null
+++ b/src/components/hzwlComponents/ReceiptDescription.vue
@@ -0,0 +1,46 @@
+<template>
+  <el-collapse v-model="activeName" accordion>
+    <el-collapse-item title="回执说明" name="1">
+      <div style="margin: 10px 0;">
+        <el-input :disabled="disabled"
+                  type="textarea"
+                  :rows="3"
+                  resize="none"
+                  placeholder="请输入意见"
+                  :value="value"
+                  @input="handleChange">
+        </el-input>
+      </div>
+    </el-collapse-item>
+  </el-collapse>
+</template>
+
+<script>
+export default {
+  name: "ReceiptDescription",
+  data () {
+    return {
+      activeName:'1',
+    }
+  },
+  props: {
+    value: {
+      type: String,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/hzwlComponents/SelectFormItem.vue b/src/components/hzwlComponents/SelectFormItem.vue
new file mode 100644
index 000000000..91e8bb389
--- /dev/null
+++ b/src/components/hzwlComponents/SelectFormItem.vue
@@ -0,0 +1,99 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-select
+        :value="value"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        :filterable="filterable"
+        :clearable="clearable"
+        @change="handleChange">
+      <el-option
+          v-for="item in options"
+          :key="item.value"
+          :value="item.value"
+          :label="item.label"
+      ></el-option>
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "SelectFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 下拉选项
+    options: {
+      type: Array,
+      required: true
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  border-bottom: 1px dashed #e5e5e5;
+  clear: both;
+}
+//.add-form-item /deep/ .el-form-item__content .el-input .el-input__inner {
+//  height: 45px;
+//  line-height: 49px;
+//  border: none;
+//  font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
+//  font-weight: lighter;
+//}
+//.add-form-item /deep/ .el-form-item__label {
+//  padding: 0;
+//  line-height: 50px;
+//  font-size: 14px;
+//  color: #333333;
+//  text-align: left;
+//  overflow: hidden;
+//  white-space: nowrap;
+//  text-overflow: ellipsis;
+//}
+//.form-item-disabled /deep/ .el-form-item__label {
+//  color: #666666;
+//  background: transparent;
+//}
+//.add-form-item /deep/ .el-form-item__content .el-select {
+//  width: 100%;
+//}
+//.add-form-item /deep/ .el-input--suffix {
+//  padding-right: 30px;
+//}
+</style>
diff --git a/src/components/hzwlComponents/SelectMultipleFormItem.vue b/src/components/hzwlComponents/SelectMultipleFormItem.vue
new file mode 100644
index 000000000..571dbd025
--- /dev/null
+++ b/src/components/hzwlComponents/SelectMultipleFormItem.vue
@@ -0,0 +1,80 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-select
+        :value="data"
+        multiple
+        :disabled="disabled"
+        :placeholder="placeholder"
+        :filterable="filterable"
+        :clearable="clearable"
+        @change="handleChange">
+      <el-option
+          v-for="item in options"
+          :key="item.value"
+          :value="item.value"
+          :label="item.label"
+      ></el-option>
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "SelectMultipleFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 下拉选项
+    options: {
+      type: Array,
+      required: true
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+    data () {
+      if (this.value && this.value !== '') {
+        return this.value.split(',')
+      } else {
+        return []
+      }
+    }
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event.join(','))
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  border-bottom: 1px dashed #e5e5e5;
+  clear: both;
+}
+</style>
diff --git a/src/components/hzwlComponents/TimeLineFormItem.vue b/src/components/hzwlComponents/TimeLineFormItem.vue
new file mode 100644
index 000000000..954bdd84f
--- /dev/null
+++ b/src/components/hzwlComponents/TimeLineFormItem.vue
@@ -0,0 +1,96 @@
+<template>
+  <el-timeline-item :timestamp="timestamp" placement="top" :color="name ? '#66b1ff' : ''" class="timeline-item">
+    <el-card>
+      <el-form-item :prop="prop" style="margin-bottom: 0">
+        <h4>{{ title }}</h4>
+        <div style="margin-top: 10px;width: 300px;">
+          <el-input
+              :disabled="disabled"
+              :value="name"
+              :placeholder="title"
+              readonly
+              @click.native="choice(id)"></el-input>
+        </div>
+      </el-form-item>
+    </el-card>
+    <Role-tree v-if="!disabled"
+               :check-box="!multiple"
+               :is-title="`选择${title}`"
+               :is-visible.sync="modalShowFlag"
+               @checkedRole="checkedRole"
+               :nodeList="nodeList"
+    ></Role-tree>
+  </el-timeline-item>
+</template>
+
+<script>
+export default {
+  name: "TimeLineFormItem",
+  props: {
+    id:{
+      type: String,
+      required: true
+    },
+    name:{
+      type: String,
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    timestamp: {
+      type: String,
+      required: true
+    },
+    title: {
+      type: String,
+      required: true
+    },
+    multiple: {// 多选
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      drawerTitle: '', //drawer标题
+      modalShowFlag: false, // drawer开关
+      nodeList: [],
+    }
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    },
+    choice (id) {
+      this.nodeList = id.split(',')
+      this.modalShowFlag = true
+    },
+    checkedRole (data) {
+      const id = this.joint(data, 'id')
+      const name = this.joint(data, 'name')
+      this.$emit('update:id', id)
+      this.$emit('update:name', name)
+    },
+    joint (data, type) {
+      return data.reduce((init,item) => {
+        if (init === '') {
+          return item[type]
+        } else {
+          return init + ',' + item[type]
+        }
+      }, '')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.timeline-item /deep/ .el-form-item__content{
+  margin: 0!important;
+}
+</style>
diff --git a/src/components/hzwlComponents/UploadFormItem.vue b/src/components/hzwlComponents/UploadFormItem.vue
new file mode 100644
index 000000000..0f3c08d5d
--- /dev/null
+++ b/src/components/hzwlComponents/UploadFormItem.vue
@@ -0,0 +1,208 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-input
+      disabled
+      style="display: none;"
+      :value="ids"
+      clearable
+    ></el-input>
+    <div style="display: flex;justify-content: space-between">
+      <div style="width: 80%;margin-top: 13px">
+        <div v-for="file in FileList"
+             :key="file.id"
+             @click="onPreview(file)"
+             style="color: #409eff;cursor:pointer"
+             class="fileClass">
+          {{ file.name }}
+        </div>
+      </div>
+      <div style="width: 20%;">
+        <el-button :disabled="disabled"
+                   type="primary"
+                   class="common-button-primary"
+                   size="mini"
+                   @click="showUpload"
+                   style="margin-left: 10px; margin-top: 11px; float: right;">
+          <i class="el-icon-upload"></i>
+        </el-button>
+      </div>
+    </div>
+    <el-dialog width='400px' :visible.sync="fileMadel" title="上传文件">
+      <el-upload
+          multiple
+          drag
+          :file-list="fileList"
+          :action="fileUrl"
+          ref="importfile"
+          name="file"
+          :accept="accept"
+          :before-upload="beforeUpload"
+          :on-success="onSuccess"
+          :on-preview="onPreview"
+          :on-remove="removeOneFile"
+          :show-file-list="true"
+      >
+        <div style="padding: 20px 0">
+          <i class="el-icon-upload" style="color: #3399ff"></i>
+          <p>点击或拖拽上传文件</p>
+        </div>
+      </el-upload>
+    </el-dialog>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "UploadFormItem",
+  props: {
+    ids: {
+      required: true,
+      type: String,
+      default: ''
+    },
+    names: {
+      required: true,
+      type: String
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    fileUrl: {
+      type: String,
+      default: () => 'api/att/attFile/uploadNew'
+    },
+    accept: {
+      type: String,
+      default: '.pdf, .PDF, .ppt, .PPT, .pptx, .PPTX, .doc, .DOC, .docx, .DOCX, .xls, .xlsx'
+    },
+    size: {
+      type: Number,
+      default: 200
+    }
+  },
+  created () {
+    this.initFileList()
+  },
+  data () {
+    return {
+      fileMadel: false,
+      fileList: [],// 用于el-upload
+      FileList: [],// 用于回显
+    }
+  },
+  methods: {
+    showUpload () {
+      this.fileMadel = true;
+    },
+    initFileList () {
+      if (this.ids && this.ids !== '' && this.names && this.names !== '') {
+        let fileList = []
+        const idArr = this.ids.split(',')
+        const nameArr = this.names.split(',')
+        for (let i = 0 ; i < idArr.length; i++) {
+          fileList.push({
+            id: idArr[i],
+            name: nameArr[i]
+          })
+        }
+        this.fileList = fileList
+        this.FileList = fileList
+      }
+    },
+    beforeUpload (file) {
+      const fileName = file.name
+      const fileSuffix = fileName.slice(fileName.lastIndexOf('.') + 1)
+      // 判断上传文件格式
+      const acceptArr = this.accept.split(',').map(type => type.slice(type.lastIndexOf('.') + 1))
+      if (acceptArr.includes(fileSuffix)) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + `格式不正确，请上传${acceptArr.join(',')}文件`)
+        return false
+      }
+      // 判断文件上传大小
+      if (file.size / 1024 / 1024 <= this.size) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + `大小不超过${this.size}M`)
+        return false
+      }
+      return true
+    },
+    // 导入标准数据成功后执行
+    onSuccess (response, file,fileList) {
+      // 上传成功后判断是否是两条数据是的话替换掉旧数据
+      if (response.ok) {
+        const fileObj = {
+          id: file.response.data.id,
+          name: file.response.data.name
+        }
+        let ids;
+        let names;
+        if (this.ids && this.ids.length > 0) {
+          ids = this.ids + ',' + fileObj.id
+          names = this.names + ',' + fileObj.name
+        } else {
+          ids = fileObj.id
+          names = fileObj.name
+        }
+
+        this.$set(this.FileList, this.FileList.length, fileObj)
+        this.$emit('update:ids', ids)
+        this.$emit('update:names', names)
+
+        this.$message({
+          message: response.message,
+          type: 'success'
+        })
+      }
+    },
+    removeOneFile(file, fileList) {
+      const ids = fileList.reduce((init, file) => {
+        if (init === '') {
+          return file.id || file.response.data.id
+        } else {
+          return init + ',' + (file.id || file.response.data.id)
+        }
+      }, '')
+      const names = fileList.reduce((init, file) => {
+        if (init === '') {
+          return file.name
+        } else {
+          return init + ',' + file.name
+        }
+      }, '')
+
+      this.FileList = fileList.map(file => ({
+        id: file.id || file.response.data.id,
+        name: file.name
+      }))
+      this.$emit('update:ids', ids)
+      this.$emit('update:names', names)
+    },
+    // 文件预览及下载
+    onPreview(file) {
+      let attId = ""
+      if(file && file.id){
+        attId = file.id
+      }else {
+        attId = file.response.data.id
+      }
+      this.$preview(attId)
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.fileClass{
+  line-height: 22px !important;
+}
+</style>
diff --git a/src/components/hzwlComponents/personFormItem.vue b/src/components/hzwlComponents/personFormItem.vue
new file mode 100644
index 000000000..67c388836
--- /dev/null
+++ b/src/components/hzwlComponents/personFormItem.vue
@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+      <el-input
+          :value="value"
+          :placeholder="placeholder"
+          :clearable="clearable"
+          readonly
+          @click.native="choice('role', placeholder, value)">
+        ></el-input>
+    </el-form-item>
+    <Role-tree
+        :is-title="choiceTitle"
+        :is-visible.sync="modalShowRoleFlag"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "personFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data () {
+    return {
+      choiceTitle: '', // 人员选择
+      modalShowRoleFlag: false,
+      nodeList: [],
+    }
+  },
+  computed: {
+    placeholder () {
+      return `选择${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    },
+    choice(type, title, nameId) {
+      this.nodeList = []
+      if (nameId) {
+        let nameId1 = nameId.split(',')
+        let idList = []
+        nameId1.forEach(item => {
+          let a, b
+          a = item.substring(item.indexOf('(') +1)
+          b = a.substring(0, a.lastIndexOf(')'))
+          idList.push(b)
+        })
+        idList = idList.join(',')
+        // 管理员(admin),张兰英(zhanglanying) => ['admin', 'zhanglanying']
+        this.nodeList = idList.split(',')
+      }
+      this.choiceTitle = title
+      this.modalShowRoleFlag = true
+    },
+    checkedRole(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.$emit('input', nameList)
+      this.$emit('change', {
+        ids: this.unique(data.map(item => item.topUnitId)).join(","),
+        names: this.unique(data.map(item => item.topUnit)).join(",")
+      })
+    },
+    unique(newArr) {
+      const res = new Map();
+      return newArr.filter((newArr) => !res.has(newArr) && res.set(newArr, 1));
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/details/otherLawsStandDetails/index.vue b/src/pages/details/otherLawsStandDetails/index.vue
index 07529e5ec..8973261c4 100644
--- a/src/pages/details/otherLawsStandDetails/index.vue
+++ b/src/pages/details/otherLawsStandDetails/index.vue
@@ -57,7 +57,7 @@
                     <p class="half"><label style=" margin-right: 95px;">是否纳入认证清单</label><span>{{ sarStandardsInfoEO.isRelateAccess === '1' ? '是' : (sarStandardsInfoEO.isRelateAccess ? '否':'-')}}</span></p>
                     <p class="half"><label style=" margin-right: 190px;">年度</label><span>{{ sarStandardsInfoEO.lawsYear || '-' }}</span></p>
                     <p class="half"><label style=" margin-right: 95px;">福田转发通知文号</label><span>{{ sarStandardsInfoEO.lawsNotisyncNum || '-' }}</span></p>
-                    <p class="half"><label style=" margin-right: 125px;">通知文号链接</label><span>{{ sarStandardsInfoEO.NotisyncNumLink || '-' }}</span></p>
+                    <p class="half"><label style=" margin-right: 125px;">通知文号链接</label><span>{{ sarStandardsInfoEO.notisyncNumLink || '-' }}</span></p>
                     <p class="half"><label style=" margin-right: 157px;">信息简报</label><span>{{ sarStandardsInfoEO.lawsBulletin || '-' }}</span></p>
                     <p class="half"><label style=" margin-right: 190px;">标签</label><span>{{ sarStandardsInfoEO.lawsLabel || '-' }}</span></p>
                     <p class="half"><label style=" margin-right: 62px;">备注（最终政策发布）</label><span>{{ sarStandardsInfoEO.lawsRemark || '-' }}</span></p>
diff --git a/src/pages/policyRegulation/policy/components/editDrawer.vue b/src/pages/policyRegulation/policy/components/editDrawer.vue
index fe6a45b7b..b384238f0 100644
--- a/src/pages/policyRegulation/policy/components/editDrawer.vue
+++ b/src/pages/policyRegulation/policy/components/editDrawer.vue
@@ -219,8 +219,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="通知文号链接" prop="NotisyncNumLink" label-width="150px" class="add-form-item">
-                <el-input v-model="sarLawsStandEO.NotisyncNumLink"
+              <el-form-item label="通知文号链接" prop="notisyncNumLink" label-width="150px" class="add-form-item">
+                <el-input v-model="sarLawsStandEO.notisyncNumLink"
                           placeholder="请输入通知文号链接"
                           clearable></el-input>
               </el-form-item>
@@ -443,12 +443,12 @@
               </template>
               <!--实施日期-多个日期标签-->
               <template v-else-if="field.attrField === 'SSRQLAWS'">
-                <cus-tom-data-picker-group
+                <DatePickerGroupFormItem
                     :key="field.attrField"
                     :config="field"
                     v-model="sarLawsStandEO[field.attrField]"
                     :disabled="formdisableflag"
-                ></cus-tom-data-picker-group>
+                ></DatePickerGroupFormItem>
               </template>
               <!--单日期选择-->
               <template v-else-if="field.attrType === 'DATE_PICKER'">
@@ -551,8 +551,9 @@
 import CustomSVPPS from '@/components/CustomFormComponents/SVPPS'
 import CustomInputForStandards from '@/components/CustomFormComponents/InputForStandardsForLaws'
 import CustomInput from '@/components/CustomFormComponents/Input'
-import CusTomDataPickerGroup
-  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
+// import CusTomDataPickerGroup
+//   from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
+import DatePickerGroupFormItem from "@/components/hzwlComponents/DatePickerGroupFormItem";
 import CustomDatePick from '@/components/CustomFormComponents/DatePicker'
 import CustomFile from '@/components/CustomFormComponents/File'
 import CustomTextarea from '@/components/CustomFormComponents/Textarea'
@@ -1022,7 +1023,8 @@ export default {
     CustomSVPPS,
     CustomInputForStandards,
     CustomInput,
-    CusTomDataPickerGroup,
+    // CusTomDataPickerGroup,
+    DatePickerGroupFormItem,
     CustomDatePick,
     CustomFile,
     CustomTextarea,
@@ -1629,8 +1631,6 @@ export default {
       })
     },
     choice(type, title, nameId) {
-      console.log(nameId)
-      // 管理员(admin),张兰英(zhanglanying) => ['admin', 'zhanglanying']
       this.nodeList = []
       if (nameId) {
         let nameId1 = nameId.split(',')
@@ -1642,6 +1642,7 @@ export default {
           idList.push(b)
         })
         idList = idList.join(',')
+        // 管理员(admin),张兰英(zhanglanying) => ['admin', 'zhanglanying']
         this.nodeList = idList.split(',')
       }
       this.choiceTitle = title
@@ -1677,6 +1678,7 @@ export default {
       }
       this.$set(this.sarLawsStandEO, field, nameList)
       if (this.choiceTitle === '选择投稿人') {
+        // 带入投稿单位
         this.sarLawsStandEO.TGDWLAWSID = this.unique(data.map(item => item.topUnitId)).join(",")
         this.sarLawsStandEO.TGDWLAWS = this.unique(data.map(item => item.topUnit)).join(",")
       }
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Basic.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Basic.vue
new file mode 100644
index 000000000..dcc85bb81
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Basic.vue
@@ -0,0 +1,222 @@
+<template>
+  <div>
+    <ProcessTitle>
+      <template slot="title">基础信息</template>
+    </ProcessTitle>
+    <div class="prc-content-border">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <SelectFormItem label="1级政策分类"
+            prop="lawsTypeFirstLevel"
+            v-model="form.lawsTypeFirstLevel"
+            :disabled="disabled"
+            :options="dict.lawsTypeFirstLevelOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="2级政策分类"
+              prop="lawsTypeSecondLevel"
+              v-model="form.lawsTypeSecondLevel"
+              :disabled="disabled"
+              :options="dict.lawsTypeSecondLevelOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="3级政策分类"
+              prop="lawsTypeThirdLevel"
+              v-model="form.lawsTypeThirdLevel"
+              :disabled="disabled"
+              :options="dict.lawsTypeThirdLevelOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="4级政策分类"
+              prop="lawsTypeFourthLevel"
+              v-model="form.lawsTypeFourthLevel"
+              :disabled="disabled"
+              :options="dict.lawsTypeFourthLevelOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="政策名称"
+                         prop="lawsName"
+                         v-model="form.lawsName"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="英文名称"
+                         prop="lawsEnName"
+                         v-model="form.lawsEnName"
+                         :disabled="disabled">
+            <el-button :disabled="disabled"
+                       type="primary"
+                       style="height: 40px;margin-top: 5px;"
+                       @click="handleSearch">
+              根据编号、名称、文本状态查询
+            </el-button>
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="政策文号"
+                         prop="lawsNo"
+                         v-model="form.lawsNo"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DatePickerFormItem label="发文日期"
+            prop="issueTime"
+            v-model="form.issueTime" >
+          </DatePickerFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="发文单位"
+                         prop="issueCompany"
+                         v-model="form.issueCompany"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DataRangePickerFormItem label="征集意见周期"
+                                   prop="commentCycleDate"
+                                   :startTime.sync="form.commentCycleStart"
+                                   :endTime.sync="form.commentCycleEnd">
+          </DataRangePickerFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="文本状态"
+              prop="lawsTextState"
+              v-model="form.lawsTextState"
+              :disabled="disabled"
+              :options="dict.lawsTextStateOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectMultipleFormItem label="适用车型"
+            prop="lawsSycx"
+            v-model="form.lawsSycx"
+            :disabled="disabled"
+            :options="dict.lawsSycxOptions || []">
+          </SelectMultipleFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="是否纳入认证清单"
+                          prop="isRelateAccess"
+                          v-model="form.isRelateAccess"
+                          :disabled="disabled"
+                          :options="isRelateAccessOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectFormItem label="年度"
+                          prop="lawsYear"
+                          v-model="form.lawsYear"
+                          :disabled="disabled"
+                          :options="dict.lawsYearOptions || []">
+          </SelectFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="福田转发通知文号"
+                         prop="lawsNotisyncNum"
+                         v-model="form.lawsNotisyncNum"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="通知文号链接"
+                         prop="notisyncNumLink"
+                         v-model="form.notisyncNumLink"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="信息简报"
+                         prop="lawsBulletin"
+                         v-model="form.lawsBulletin"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+        <el-col :span="12">
+          <SelectMultipleFormItem label="标签"
+                                  prop="lawsLabel"
+                                  v-model="form.lawsLabel"
+                                  :disabled="disabled"
+                                  :options="dict.lawsLabelOptions || []">
+          </SelectMultipleFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputFormItem label="备注（最终政策发布）"
+                         prop="lawsRemark"
+                         v-model="form.lawsRemark"
+                         :disabled="disabled">
+          </InputFormItem>
+        </el-col>
+      </el-row>
+    </div>
+    <SearchResult ref="SearchResultRef" :dict="dict" @dragIn="dragIn"></SearchResult>
+  </div>
+</template>
+
+<script>
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import DataRangePickerFormItem from '@/components/hzwlComponents/DataRangePickerFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import SearchResult from './SearchResult'
+export default {
+  name: "Basic",
+  components: {
+    ProcessTitle,
+    SelectFormItem,
+    InputFormItem,
+    DatePickerFormItem,
+    DataRangePickerFormItem,
+    SelectMultipleFormItem,
+    SearchResult
+  },
+  data () {
+    return {
+      isRelateAccessOptions: [
+        {
+          label: '是',
+          value: '1'
+        },
+        {
+          label: '否',
+          value: '2'
+        }
+      ]
+    }
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    handleSearch () {
+      this.$refs.SearchResultRef.open()
+    },
+    dragIn (form) {
+      this.$emit('dragIn', form)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/EffectiveDate.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/EffectiveDate.vue
new file mode 100644
index 000000000..02770c213
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/EffectiveDate.vue
@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <ProcessTitle>
+      <template slot="title">实施日期</template>
+    </ProcessTitle>
+    <div class="prc-content-border">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <DatePickerGroupFormItem
+              label="实施日期(标准文本)"
+              prop="SSRQLAWS"
+              v-model="form.SSRQLAWS"
+              :disabled="disabled"
+          ></DatePickerGroupFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DatePickerFormItem label="新认证实施日期"
+                              prop="XRZSSRQLAWS"
+                              v-model="form.XRZSSRQLAWS"
+                              :disabled="disabled">
+          </DatePickerFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DatePickerFormItem label="新生产实施日期"
+                              prop="ZCXSSRQLAWS"
+                              v-model="form.ZCXSSRQLAWS"
+                              :disabled="disabled" >
+          </DatePickerFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DatePickerFormItem label="在用车实施日期"
+                              prop="XCXSSRQLAWS"
+                              v-model="form.XCXSSRQLAWS"
+                              :disabled="disabled">
+          </DatePickerFormItem>
+        </el-col>
+        <el-col :span="12">
+          <DatePickerFormItem label="生效日期"
+                              prop="SXRQLAWS"
+                              v-model="form.SXRQLAWS"
+                              :disabled="disabled" >
+          </DatePickerFormItem>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+
+import DatePickerGroupFormItem from "@/components/hzwlComponents/DatePickerGroupFormItem";
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+export default {
+  name: "EffectiveDate",
+  components: {
+    ProcessTitle,
+    DatePickerGroupFormItem,
+    DatePickerFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/PersonInfo.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/PersonInfo.vue
new file mode 100644
index 000000000..b0d242dde
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/PersonInfo.vue
@@ -0,0 +1,47 @@
+<template>
+  <el-timeline>
+    <el-form
+      ref="userForm"
+      :model="roleForm"
+      :rules="roleRules"
+      class="label-input-form">
+    </el-form>
+    <TimeLineFormItem
+        prop="prcCreateUserName"
+        timestamp="发起流程"
+        title="流程发起人"
+        :id.sync="roleForm.prcCreateUser"
+        :name.sync="roleForm.prcCreateUserName"
+        disabled />
+    <TimeLineFormItem
+        prop="jlUserName"
+        timestamp="选择政策业务经理"
+        title="政策业务经理"
+        :id.sync="roleForm.jlUserId"
+        :name.sync="roleForm.jlUserName"
+        />
+  </el-timeline>
+</template>
+
+<script>
+import TimeLineFormItem from '@/components/hzwlComponents/TimeLineFormItem'
+export default {
+  name: "PersonInfo",
+  components: {
+    TimeLineFormItem
+  },
+  props: {
+    roleForm: {
+      type: Object
+    },
+    roleRules: {
+      type: Object
+    }
+  },
+
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Range.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Range.vue
new file mode 100644
index 000000000..a04418042
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/Range.vue
@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <ProcessTitle>
+      <template slot="title">适用范围</template>
+    </ProcessTitle>
+    <div class="prc-content-border">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <SelectFormItem label="我司参与深度"
+            prop="CYSDLAWS"
+            v-model="form.CYSDLAWS"
+            :disabled="disabled"
+            :options="dict.CYSDLAWSOptions || []">
+          </SelectFormItem>
+          <DepartmentFormItem label="投稿单位"
+            prop="TGDWLAWS"
+            v-model="form.TGDWLAWS"
+            :ids.sync="form.TGDWLAWSID"
+            :disabled="disabled">
+          </DepartmentFormItem>
+          <DepartmentFormItem label="责任部门"
+            prop="ZRBMLAWS"
+            v-model="form.ZRBMLAWS"
+            :ids.sync="form.ZRBMLAWSID"
+            :disabled="disabled">
+          </DepartmentFormItem>
+        </el-col>
+        <el-col :span="12">
+          <personFormItem label="投稿人"
+            prop="TGRLAWS"
+            v-model="form.TGRLAWS"
+            @change="TGRLAWSChange"
+            :disabled="disabled">
+          </personFormItem>
+          <SelectMultipleFormItem label="适用认证"
+            prop="SYRZLAWS"
+            v-model="form.SYRZLAWS"
+            :disabled="disabled"
+            :options="dict.syrzOptions || []">
+          </SelectMultipleFormItem>
+          <personFormItem label="责任工程师"
+            prop="ZRGCSLAWS"
+            v-model="form.ZRGCSLAWS"
+            :disabled="disabled">
+          </personFormItem>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import personFormItem from '@/components/hzwlComponents/personFormItem'
+import DepartmentFormItem from '@/components/hzwlComponents/DepartmentFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+export default {
+  name: "Range",
+  components: {
+    ProcessTitle,
+    SelectFormItem,
+    personFormItem,
+    DepartmentFormItem,
+    SelectMultipleFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    TGRLAWSChange (val) {
+      if (val) {
+        this.form.TGDWLAWSID = val.ids
+        this.form.TGDWLAWS = val.names
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/RelatesInfo.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/RelatesInfo.vue
new file mode 100644
index 000000000..d465e0884
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/RelatesInfo.vue
@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <ProcessTitle>
+      <template slot="title">关联信息</template>
+    </ProcessTitle>
+    <div class="prc-content-border">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <InputForStandardsForLaws
+              label="代替文件号"
+              prop="DTWJHLAWS"
+              v-model="form.DTWJHLAWS"
+              :disabled="disabled"
+              labelWidth="210px"
+          ></InputForStandardsForLaws>
+          <UploadFormItem
+              label="关联文件"
+              prop="GLWJLAWS"
+              :ids.sync="form.GLWJLAWS"
+              :names.sync="form.GLWJLAWSName"
+              :disabled="disabled">
+          </UploadFormItem>
+        </el-col>
+        <el-col :span="12">
+          <InputForStandardsForLaws
+              label="引用标准&政策"
+              prop="YYBZZCLAWS"
+              v-model="form.YYBZZCLAWS"
+              :disabled="disabled"
+              labelWidth="210px"
+          ></InputForStandardsForLaws>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+
+import InputForStandardsForLaws from '@/components/hzwlComponents/InputForStandardsForLaws'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+export default {
+  name: "RelatesInfo",
+  components: {
+    ProcessTitle,
+    InputForStandardsForLaws,
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/SearchResult.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/SearchResult.vue
new file mode 100644
index 000000000..972e88ed8
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/SearchResult.vue
@@ -0,0 +1,297 @@
+<template>
+  <el-drawer
+     ref="standard"
+     title="查询结果"
+     size="1300px"
+     :visible.sync="standardDrawer"
+     direction="rtl"
+     :before-close="handleReviseDrawerClose">
+    <div class="standard-content">
+      <div class="content">
+        <div class="standard-table-search">
+          <el-form :model="SearchForm" inline class="label-input-form search-area">
+            <el-form-item label="政策编号" style="margin-right:-20px" prop="lawsNumber" class="search-item" >
+              <el-input :disabled="disabled"
+                        v-model="SearchForm.lawsNumber"
+                        clearable placeholder="根据编号查找"
+                        :maxlength="100"
+                        @keyup.enter.native="getData"/>
+            </el-form-item>
+            <el-form-item label="政策名称" style="margin-right:-20px" prop="lawsName" class="search-item" >
+              <el-input :disabled="disabled"
+                        v-model="SearchForm.lawsName"
+                        placeholder="请输入政策名称"
+                        clearable
+                        :maxlength="100"></el-input>
+            </el-form-item>
+            <el-form-item label="英文名称" style="margin-right:-20px" prop="lawsEnName" class="search-item" >
+              <el-input :disabled="disabled"
+                        v-model="SearchForm.lawsEnName"
+                        placeholder="请输入英文名称"
+                        clearable
+                        :maxlength="100"></el-input>
+            </el-form-item>
+            <el-formItem label="文本状态" prop="lawsTextState" class="search-item">
+              <el-select :disabled="disabled"  v-model="SearchForm.lawsTextState" filterable clearable>
+                <el-option
+                    v-for="item in dict.lawsTextStateOptions"
+                    placeholder="请选择"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+                ></el-option>
+              </el-select>
+            </el-formItem>
+            <el-form-item>
+              <el-button :disabled="disabled"
+                         type="primary"
+                         class="common-button-primary"
+                         size="mini"
+                         style="margin-left: 5px"
+                         @click="getData">
+                查询
+              </el-button>
+              <el-button :disabled="disabled"
+                         class="common-button-default"
+                         size="mini"
+                         @click="resetSearch">
+                清空
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="standard-table-wrap">
+          <el-table
+              ref="reviseDrawerTable"
+              :data="data"
+              tooltip-effect="dark"
+              style="width: 100%;"
+              border
+              class="drag-table"
+              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+              @selection-change="standSelectChange">
+            <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+            </el-table-column>
+            <el-table-column
+                type="index"
+                label="序号"
+                width="80"
+                align="center"
+            ></el-table-column>
+            <el-table-column
+                label="政策编号"
+                align="center"
+            >
+              <template slot-scope="scope">
+                <a @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                prop="lawsName"
+                label="政策名称"
+                align="center">
+            </el-table-column>
+            <el-table-column
+                prop="lawsEnName"
+                label="英文名称"
+                align="center">
+            </el-table-column>
+            <el-table-column
+                prop="textStatus"
+                label="文本状态"
+                align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.standStatusShow }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button :disabled="disabled"
+                           class="opera-btn"
+                           size="mini"
+                           type="primary"
+                           @click="handlePreview(scope.row)">查看
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <pagination
+            :page="SearchForm.page"
+            :total="SearchForm.total"
+            @pageChange="pageChange"
+            @pageSizeChange="pageSizeChange"></pagination>
+        <loading :loading="loading">数据获取中</loading>
+      </div>
+    </div>
+    <div class="demo-drawer-footer">
+      <!--<el-button :disabled="disabled"-->
+      <!--           round-->
+      <!--           class="common-button-primary"-->
+      <!--           icon="el-icon-check"-->
+      <!--           type="primary"-->
+      <!--           :loading="drLoading"-->
+      <!--           @click="handleProcessStandardNext(1)">新增</el-button>-->
+      <el-button :disabled="disabled"
+                 round
+                 class="common-button-primary"
+                 icon="el-icon-check"
+                 type="primary"
+                 :loading="buttonLoading"
+                 @click="handleProcessStandardNext(2)">带入</el-button>
+      <el-button :disabled="disabled"
+                 round
+                 class="common-button-default"
+                 icon="el-icon-close"
+                 :loading="buttonLoading"
+                 @click="handleProcessStandardNext(3)">取消</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: "SearchResult",
+  data () {
+    return {
+      standardDrawer: false,
+      SearchForm: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        // standType: 'INLAND',
+        lawsNumber: '',
+        lawsName: '',
+        lawsEnName: '',
+        lawsTextState: ''
+      },
+      loading: false,
+      buttonLoading: false,
+      data: [],
+
+      selectedList: [],
+    }
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    open () {
+      this.standardDrawer = true
+      this.getData()
+    },
+    getData () {
+      this.loading = true
+      this.$http.get('lawss/sarLawsInfo/page', this.SearchForm, {}, res => {
+        this.loading = false
+        if (res.ok) {
+          this.data = res.data.list
+          this.SearchForm.total = res.data.count
+        }
+      }, e => {
+        this.loading = false
+      })
+    },
+    resetSearch() {
+      // this.SearchForm.lawsNumber = ''
+      // this.SearchForm.lawsName = ''
+      // this.SearchForm.lawsEnName = ''
+      // this.SearchForm.lawsTextState = ''
+      this.SearchForm = {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        // standType: 'INLAND',
+        lawsNumber: '',
+        lawsName: '',
+        lawsEnName: '',
+        lawsTextState: ''
+      }
+
+      this.getData()
+    },
+    standSelectChange (data) {
+      this.selectedList = data
+    },
+    pageChange (page) {
+      this.SearchForm.page = page
+      this.getData()
+    },
+    pageSizeChange (pageSize) {
+      this.SearchForm.pageSize = pageSize
+      this.getData()
+    },
+    // 点击查看
+    handlePreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherLawsStandDetails',
+        params: {
+          id: item.id,
+          pageType: 'LAWS_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    handleProcessStandardNext(status) {
+      switch (status) {
+          // 新增
+        case 1:
+          break
+          // 带入
+        case 2:
+          if (this.selectedList.length === 1) {
+            this.buttonLoading = true
+            this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: this.selectedList[0].id}, {
+              _this: this
+            }, res => {
+              if(res && res.data){
+                this.standardDrawer = false
+                this.buttonLoading = false
+                const json = Object.assign(res.data, res.data.attrInfoMap);
+                const form = JSON.parse(JSON.stringify(json))
+                this.$emit('dragIn', form)
+              }
+            })
+
+          } else if (this.selectedList.length > 1) {
+            this.$message.warning('最多可以带入一条政策信息')
+          } else {
+            this.$message.warning('请选择要带入的政策信息')
+          }
+          break
+          // 取消
+        case 3:
+          this.selectedList = []
+          this.standardDrawer = false
+          break
+      }
+    },
+    handleReviseDrawerClose (done) {
+      done()
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.standard-content{
+  flex: 1;
+}
+.demo-drawer-footer{
+  height: 61px!important;
+  line-height: 60px!important;
+}
+.pagination{
+  bottom: 61px;
+}
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/TextInfo.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/TextInfo.vue
new file mode 100644
index 000000000..2baafb497
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/components/TextInfo.vue
@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <ProcessTitle>
+      <template slot="title">文本信息</template>
+    </ProcessTitle>
+    <div class="prc-content-border">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <UploadFormItem
+            label="政策文本"
+            prop="ZCWBLAWS"
+            :ids.sync="form.ZCWBLAWS"
+            :names.sync="form.ZCWBLAWSName"
+            :disabled="disabled">
+          </UploadFormItem>
+          <UploadFormItem
+              label="解读文本"
+              prop="JDWJLAWS"
+              :ids.sync="form.JDWJLAWS"
+              :names.sync="form.JDWJLAWSName"
+              :disabled="disabled">
+          </UploadFormItem>
+        </el-col>
+        <el-col :span="12">
+          <UploadFormItem
+              label="过程文本"
+              prop="GCWBLAWS"
+              :ids.sync="form.GCWBLAWS"
+              :names.sync="form.GCWBLAWSName"
+              :disabled="disabled">
+          </UploadFormItem>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+export default {
+  name: "TextInfo",
+  components: {
+    ProcessTitle,
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      required: true
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/step1.vue b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/step1.vue
new file mode 100644
index 000000000..b2077b085
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/hzwl-zcrk/step1.vue
@@ -0,0 +1,465 @@
+<template>
+  <div class="wrapper">
+    <ProcessHeader toggle>
+      <template slot="proName">政策入库流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+    </div>
+    <div class="content">
+      <el-form v-if="reloadForm"
+        ref="form"
+        :model="form"
+        :rules="rules"
+        class="label-input-form"
+        label-width="210px"
+      >
+        <div v-show="active === '1'">
+          <Basic :form="form" :dict="dict" @dragIn="dragIn"></Basic>
+          <EffectiveDate :form="form" :dict="dict"></EffectiveDate>
+          <TextInfo :form="form" :dict="dict"></TextInfo>
+          <Range :form="form" :dict="dict"></Range>
+          <RelatesInfo :form="form" :dict="dict"></RelatesInfo>
+          <ReceiptDescription v-model="form.commentText"></ReceiptDescription>
+        </div>
+        <div class="block" style="padding-top: 20px;" v-show="active === '2'">
+          <PersonInfo ref="roleForm" :roleForm="roleForm"></PersonInfo>
+        </div>
+      </el-form>
+    </div>
+    <ProcessFooter
+      v-show="!disabled"
+      show-save
+      show-submit
+      :submitLoading="footerLoading"
+      :saveLoading="footerLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '@/pages/processCenter/pages/components//ProcessHeader'
+import ProcessFooter from '@/pages/processCenter/pages/components//ProcessFooter'
+
+import Basic from "./components/Basic";
+import EffectiveDate from "./components/EffectiveDate";
+import TextInfo from "./components/TextInfo";
+import Range from "./components/Range";
+import RelatesInfo from "./components/RelatesInfo";
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import PersonInfo from "./components/PersonInfo";
+
+import {saveTaskFirst, queryTaskFirst, taskDel} from "api/process";
+export default {
+  name: "ZrckStep1",
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    Basic,
+    EffectiveDate,
+    TextInfo,
+    Range,
+    RelatesInfo,
+    ReceiptDescription,
+    PersonInfo
+  },
+  data () {
+    const form = {
+      // 基础信息
+      lawsTypeFirstLevel: '',
+      lawsTypeSecondLevel: '',
+      lawsTypeThirdLevel: '',
+      lawsTypeFourthLevel: '',
+      lawsName: '',
+      lawsEnName: '',
+      lawsNo: '',
+      issueTime: '',
+      issueCompany: '',
+      commentCycleStart: '',// 征集意见周期
+      commentCycleEnd: '',// 征集意见周期
+      lawsTextState: '',
+      lawsSycx: '',
+      isRelateAccess: '2',
+      lawsYear: '',
+      lawsNotisyncNum: '',
+      NotisyncNumLink: '',
+      lawsBulletin: '',
+      lawsLabel: '',
+      lawsRemark: '',
+      // 实施日期
+      SSRQLAWS: '',
+      XRZSSRQLAWS: '',
+      ZCXSSRQLAWS: '',
+      XCXSSRQLAWS: '',
+      SXRQLAWS: '',
+      // 文本信息
+      ZCWBLAWS: '',
+      ZCWBLAWSName: '',
+      JDWJLAWS: '',
+      JDWJLAWSName: '',
+      GCWBLAWS: '',
+      GCWBLAWSName: '',
+      // 适用范围
+      CYSDLAWS: '',
+      TGDWLAWS: '',
+      TGDWLAWSID: '',
+      ZRBMLAWS: '',
+      ZRBMLAWSID: '',
+      TGRLAWS: '',
+      SYRZLAWS: '',
+      ZRGCSLAWS: '',
+      // 关联信息
+      DTWJHLAWS: '',
+      GLWJLAWS: '',
+      GLWJLAWSName: '',
+      YYBZZCLAWS: '',
+      // 回执说明
+      commentText:''
+    }
+    const roleForm = {
+      jlUserId: '',
+      jlUserName: '',
+      prcCreateUser: this.$store.getters.userInfo.userId,
+      prcCreateUserName: this.$store.getters.userInfo.userName,
+    }
+    // 完整校验
+    const moreSarLawsStandRules = {
+      lawsTypeFirstLevel: [
+        {required: true, message: '1级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeSecondLevel: [
+        {required: true, message: '2级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeThirdLevel: [
+        {required: true, message: '3级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeFourthLevel: [
+        {required: true, message: '4级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsName: [
+        {required: true, message: '政策名称不能为空', trigger: 'change'},
+        {type: 'string', max: 500, message: '政策名称不能超过500个字符', trigger: 'change'},
+        {validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
+      ],
+      lawsEnName: [
+        // {required: false, message: '英文名称不能为空', trigger: 'change'},
+        {type: 'string', max: 500, message: '英文名称不能超过500个字符', trigger: 'change'},
+        {validator: this.verify.valiateEnName, trigger: 'change'}
+      ],
+      lawsNo: [
+        // {required: true, type: 'string', message: '政策文号不能为空', trigger: 'change'},
+        {type: 'string', max: 100, message: '政策文号不能超过100个字符', trigger: 'change'}
+      ],
+      issueTime: [
+        {required: true, message: '发文日期不能为空', trigger: 'change'},
+      ],
+      issueCompany: [
+        {required: true, type: 'string', message: '发文单位不能为空', trigger: 'change'},
+        {type: 'string', max: 100, message: '发文单位不能超过100个字符', trigger: 'change'}
+      ],
+      lawsTextState: [
+        {required: true, message: '文本状态不能为空', trigger: 'change'}
+      ],
+      isRelateAccess: [
+        {required: true, message: '是否纳入认证清单不能为空', trigger: 'change'}
+      ],
+      lawsYear: [
+        {required: true, message: '年度不能为空', trigger: 'change'}
+      ],
+      lawsNotisyncNum: [
+        {type: 'string', max: 500, message: '福田转发通知文号不能超过500个字符', trigger: 'change'}
+      ],
+      lawsRemark: [
+        {type: 'string', max: 500, message: '备注不能超过500个字符', trigger: 'change'}
+      ],
+      SSRQLAWS: [
+        {required: true, message: '实施日期不能为空', trigger: 'change'}
+      ]
+    }
+    // 认证清单为否 的校验
+    const littleSarLawsStandRules = {
+      lawsTypeFirstLevel: [
+        {required: true, message: '1级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeSecondLevel: [
+        {required: true, message: '2级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeThirdLevel: [
+        {required: true, message: '3级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsTypeFourthLevel: [
+        {required: true, message: '4级政策分类不能为空', trigger: 'change'}
+      ],
+      lawsName: [
+        {required: true, message: '政策名称不能为空', trigger: 'change'},
+        {type: 'string', max: 500, message: '政策名称不能超过500个字符', trigger: 'change'},
+        {validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
+      ],
+      isRelateAccess: [
+        {required: true, message: '是否纳入认证清单不能为空', trigger: 'change'}
+      ],
+    }
+    return {
+      active: '1',
+      dict: {},
+      form,
+      roleForm,
+      disabled: false,
+      footerLoading: false,
+      moreSarLawsStandRules,
+      littleSarLawsStandRules,
+      rules: {},
+      reloadForm: true, // 重新渲染表单
+      bpnId: this.$route.query.bpnId || ''
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.resolveRules()
+    this.getTaskId()
+  },
+  watch: {
+    'form.isRelateAccess' () {
+      // 移除校验结果重新生成校验
+      this.resolveRules()
+    }
+  },
+  methods: {
+    handleTabs(tab) {
+      this.active = tab
+    },
+    resolveRules () {
+      this.reloadForm = false
+      let rules = {}
+      if (this.form.isRelateAccess === '1') {
+        // 认证清单为是
+        rules = this.moreSarLawsStandRules
+      } else if (this.form.isRelateAccess === '2') {
+        // 认证清单为否
+        rules = this.littleSarLawsStandRules
+      }
+      this.rules = { ...rules }
+      this.$nextTick(() => {
+        this.reloadForm = true
+      })
+    },
+    getTaskId () {
+      if(this.$route.query.bpnId){
+        queryTaskFirst({
+          bpnId: this.$route.query.bpnId
+        }).then(res => {
+          this.reloadForm = false
+          let mes = JSON.parse(res.mes)
+          this.$set(this, 'form', mes.form)
+          this.roleForm = mes.roleForm
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        })
+      }
+    },
+    // 带入流程
+    dragIn (form) {
+      this.reloadForm = false
+      this.$set(this, 'form', Object.assign(this.form, form))
+      this.$nextTick(() => {
+        this.reloadForm = true
+      })
+    },
+    //保存
+    handleSave() {
+      this.footerLoading = true
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId)
+      _formData.append('createUserName', this.$store.getters.userInfo.uName)
+      _formData.append('prcType', 'laws1')
+      _formData.append('prcName', '政策入库流程')
+      _formData.append('json', JSON.stringify({
+        taskInfo: '申请人发起',
+        form: this.form,
+        roleForm: this.roleForm,
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.footerLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.footerLoading = false
+      })
+    },
+    handleSubmit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.$refs['roleForm'].$refs['userForm'].validate((valid) => {
+            if (valid) {
+              this.footerLoading = true
+              const json = Object.assign(this.form, this.roleForm);
+              this.$http.post('lawss/activiti/startProcessRollBack', {
+                createUser: this.$store.getters.userInfo.userId,
+                createUserName: this.$store.getters.userInfo.userName,
+                type: 'laws1',
+                json: JSON.stringify({
+                  form: this.form,
+                  roleForm: this.roleForm
+                })
+              }, {}, res => {
+                if (res.ok) {
+                  this.$http.post('lawss/activiti/completeTask', {
+                    taskIds: res.data,
+                    userId : this.$store.getters.userInfo.userId,
+                    json: JSON.stringify(json)
+                  }, {
+                    _this: this
+                  }, res => {
+                    if (res.success) {
+                      this.$message.success(res.message)
+                      this.footerLoading = false
+                      if (this.$route.query.bpnId !== '') {
+                        let taskId = {
+                          id: this.$route.query.bpnId
+                        }
+                        // taskDel(taskId).then(res=>{
+                        //   return res
+                        // })
+                      }
+                      // 流程提交之后，应该流转至待办任务页面
+                      this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+                    }
+                  })
+                }
+              })
+            }else {
+              this.$message.warning('请检查人员信息表单是否填写完整')
+            }
+          })
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+
+    getDicTypeListCode () {
+      // 查询各下拉框数据
+      this.$http.get('sys/dictype/getDicTypeListCode', '', {
+        _this: this
+      }, res => {
+        // this.$set(this.dict, 'lawsTypeFirstLevelOptions', res.data.lawsTypeFirstLevel)
+        // this.$set(this.dict, 'lawsTypeSecondLevelOptions', res.data.lawsTypeSecondLevel)
+        // this.$set(this.dict, 'lawsTypeThirdLevelOptions', res.data.lawsTypeThirdLevel)
+        // this.$set(this.dict, 'lawsTypeFourthLevelOptions', res.data.lawsTypeFourthLevel)
+        // this.$set(this.dict, 'lawsTextStateOptions', res.data.lawsTextState)
+        // this.dict.lawsTypeOptions = res.data.lawsType
+        this.dict.lawsTypeFirstLevelOptions = res.data.lawsTypeFirstLevel
+        this.dict.lawsTypeSecondLevelOptions = res.data.lawsTypeSecondLevel
+        this.dict.lawsTypeThirdLevelOptions = res.data.lawsTypeThirdLevel
+        this.dict.lawsTypeFourthLevelOptions = res.data.lawsTypeFourthLevel
+        this.dict.lawsTextStateOptions = res.data.lawsTextState
+        this.dict.lawsSycxOptions = res.data.lawsSycx
+        this.dict.lawsYearOptions = res.data.lawsYear
+        this.dict.lawsLabelOptions = res.data.lawsLabel
+        this.dict.CYSDLAWSOptions = res.data.CYSDLAWS
+        this.dict.syrzOptions = res.data.YYRZLAWS
+        this.dict = { ...this.dict }
+        // this.allSelectOptions = res.data || {}
+        //
+        // this.countryOptions = res.data.COUNTRY
+        // this.applyCountryOptions = res.data.COUNTRY
+        // this.regionOptions = res.data.REGION // 区域
+        // this.standStateOptions = res.data.BUSSSTATE
+        // this.energyKindOptions = res.data.ENERGYTYPES
+        // this.standGeneraOptions = res.data.BUSSBIGCLASS
+        // this.standSubclassOptions = res.data.BUSSFINECLASS
+        // this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
+        // this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+        // this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
+        // this.standSystemOptions = res.data.TXLBBUSS // 标准体系
+        // this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+        // this.categoryOptions = res.data.NYLXCLASS // 能源类型
+        // this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+        // this.cysdOptions = res.data.WSCYSD // 我司参与深度
+        // this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+        // this.txlbOptions = res.data.TXLBCLASS // 体系类别
+        // this.qcdwOptions = res.data.QCDW // 起草单位
+        // this.qcrOptions = res.data.QCRBUSS // 起草人
+        // this.nylxOptions = res.data.NYLXCLASS // 能源类型
+        // this.syrzOptions = res.data.SYRZCLASS // 适用认证
+        // this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+        // this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+        // this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+        // this.gkglbmOptions=res.data.GKGLBM //归口管理部门
+        // this.lawsTypeOptions = res.data.lawsType
+        // this.lawsTypeFirstLevelOptions = res.data.lawsTypeFirstLevel
+        // this.lawsTypeSecondLevelOptions = res.data.lawsTypeSecondLevel
+        // this.lawsTypeThirdLevelOptions = res.data.lawsTypeThirdLevel
+        // this.lawsTypeFourthLevelOptions = res.data.lawsTypeFourthLevel
+        // this.lawsTextStateOptions = res.data.lawsTextState
+        // this.lawsSyqyOptions = res.data.lawsSyqy
+        // this.lawsSycxOptions = res.data.lawsSycx
+        // this.lawsYearOptions = res.data.lawsYear
+        // this.lawsLabelOptions = res.data.lawsLabel
+        // this.CYSDLAWSOptions = res.data.CYSDLAWS
+        // this.TGRLAWSOptions = res.data.TGRLAWS
+        // this.TGDWLAWSOptions = res.data.TGDWLAWS
+        // this.NYLXLAWSOptions = res.data.NYLXLAWS
+        // this.YYRZLAWSOptions = res.data.YYRZLAWS
+        // this.ZRBMLAWSOptions = res.data.ZRBMLAWS
+        // this.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
+      }, e => {
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.wrapper{
+  position: relative;
+  height: 100%;
+}
+.headerTabs {
+  height: 52px;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  right: 10px;
+  .headerTabsItem {
+    border: 1px solid #c1c1c1;
+    padding: 0 5px;
+    height: 30px;
+    line-height: 30px;
+    cursor: pointer;
+  }
+  .active {
+    border: 1px solid #E6A23C;
+    color: #fff;
+    background: #E6A23C;
+  }
+}
+.content {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: calc(~'100% - 103px');
+  overflow: auto;
+  .tableTitle {
+    margin-bottom: 10px;
+    height: 30px;
+    line-height: 30px;
+    position: relative;
+    font-size: 13px;
+    font-weight: bold;
+    .tableButton {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue
index a28361a66..7ae17c290 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue
@@ -450,7 +450,8 @@ export default {
         case 'laws1':
           // 政策入库流程
           this.$router.push({
-            name: 'zcrkStep1'
+            // name: 'zcrkStep1'
+            name: 'zcrk1'
           })
           break
         case '1':
diff --git a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup.vue b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup.vue
index 5634cf75f..84a9876e8 100644
--- a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup.vue
+++ b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup.vue
@@ -4,7 +4,7 @@
   <el-form-item
     :label="config.attrName"
     :prop="config.attrField"
-    label-width="150px"
+    label-width="180px"
     class="add-form-item"
     :class="{'form-item-disabled': disabled}"
   >
diff --git a/src/router/index.js b/src/router/index.js
index b5ee5df89..ff4d2eac3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1142,6 +1142,15 @@ const routes = [
           title: '标准入库流程'
         }
       },
+      {
+        path: '/zcrk1',
+        name: 'zcrk1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/hzwl-zcrk/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策入库流程'
+        }
+      },
       {
         path: '/zcrkStep1',
         name: 'zcrkStep1',