Merge branch 'dev_20231229_CPBZ' into 'master'

Dev 20231229 cpbz

See merge request laws-foton-slrs/foton-laws-system-front!146

src/common/preview/index.js

@@ -18,38 +18,48 @@ function queryConvertAtt (data) {
   })
 }
 
-async function preview (attId) {
+async function preview (attId, type) {
-  const loading = Loading.service({
+  let loading;
-    lock: true,
+  if (type !== 'getUrl') {
-    text: '正在加载文件',
+    loading = Loading.service({
-    spinner: 'el-icon-loading',
+      lock: true,
-  })
+      text: '正在加载文件',
+      spinner: 'el-icon-loading',
+    })
+  }
   const res = await getBusStandFileByAttId({ attId })
   if (res.ok && res.data) {
     const file = res.data
+    let url = ''
     if (file.fileSuffix.toLowerCase() === 'pdg') {
       if (isMobile()) {
         this.$message.warning('pdg文件,不支持手机端预览')
+        return
       } else {
-        window.open('book://ssreader/e0?url=' + file.downLoadUrl)
+        url = 'book://ssreader/e0?url=' + file.downLoadUrl
       }
     } else if (file.fileSuffix.toLowerCase() === 'pdf') {
-      window.open('./static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + file.id))
+      url = './static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + file.id)
     } else {
       // onlyoffice在线编辑文件转换为pdf预览 -> kkfileview预览乱码
       if (file.onlined && file.onlined === 1) {
         const res = await queryConvertAtt({ attId })
         if (res.ok && res.data) {
-          window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
+          url = '/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId)
         } else {
           this.$message.error('文档未转换成功或本地读取不到该文档')
+          return
         }
       } else {
-        window.open(kkFileViewUrl + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(file.downLoadUrl)) + '&watermarkTxt=' + encodeURIComponent(store.getters.userInfo.userName));
+        url = kkFileViewUrl + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(file.downLoadUrl)) + '&watermarkTxt=' + encodeURIComponent(store.getters.userInfo.userName)
       }
     }
+    if (type === 'getUrl') {
+      return url
+    }
+    window.open(url)
   }
-  loading.close()
+  loading && loading.close()
 }
 
 export default preview;

src/components/hzwlComponents/Import.vue

@@ -19,10 +19,16 @@
         :action="action"
         :headers="headers"
         name="file"
+        :file-list="fileList"
         :accept="accept"
         :auto-upload="autoUpload"
+        :limit="limit"
         :before-upload="beforeUpload"
         :on-success="onSuccess"
+        :on-remove="onRemove"
+        :on-preview="onPreview"
+        :on-exceed="onExceed"
+        :on-error="onError"
         :show-file-list="true"
       >
         <i class="el-icon-upload" style="color: #3399ff" />
@@ -93,7 +99,21 @@ export default {
     manualUpload: {
       type: Boolean,
       default: false
-    }
+    },
+    limit: {
+      type: Number,
+      default: 8
+    },
+    ids: {
+      required: false,
+      type: String,
+      default: ''
+    },
+    names: {
+      required: false,
+      type: String,
+      default: ''
+    },
   },
   data () {
     return {
@@ -101,10 +121,28 @@ export default {
         token: JSON.parse(localStorage.getItem('userInfo')).token
       },
       importFailed: false,
-      importForm: {}
+      importForm: {},
+      fileList: [],
     }
   },
+  created () {
+    this.initFileList()
+  },
   methods: {
+    initFileList () {
+      if (this.ids && this.ids !== '' && this.names && this.names !== '') {
+        const 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
+      }
+    },
     onClose () {
       this.$emit('update:visible', false)
     },
@@ -131,8 +169,25 @@ export default {
       return true
     },
     // 导入标准数据成功后执行
-    onSuccess (response, file) {
+    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.$emit('update:visible', false)
         this.$emit('onSuccess')
         this.$message({
@@ -144,6 +199,44 @@ export default {
         this.importForm.content = response.message
       }
     },
+    onRemove (file, fileList) {
+      const ids = fileList
+        .reduce((init, file) => init + ',' + (file.id || file.response.data.id), '')
+        .replace(/^,|,$/g, '')
+      const names = fileList
+        .reduce((init, file) => init + ',' + (file.name || file.response.data.name), '')
+        .replace(/^,|,$/g, '')
+      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)
+      this.$emit('onRemove')
+    },
+    onPreview (file) {
+      const id = file.id || file.response.data.id
+      this.$preview(id)
+    },
+    onExceed (files, fileList) {
+      this.$message.warning(`当前限制上传 1 个文件，本次上传了 ${files.length} 个文件，共上传了 ${files.length + fileList.length} 个文件`);
+    },
+    onError (err, file, fileList) {
+      const ids = fileList
+        .reduce((init, file) => init + ',' + (file.id || file.response.data.id), '')
+        .replace(/^,|,$/g, '')
+      const names = fileList
+        .reduce((init, file) => init + ',' + (file.name || file.response.data.name), '')
+        .replace(/^,|,$/g, '')
+      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)
+      this.$emit('onError')
+      this.$message.error('上传失败')
+    },
     ManualUpload () {
       this.$refs.importfile.submit();
     }

src/components/hzwlComponents/SelectFormItem.vue

@@ -64,6 +64,7 @@ export default {
   methods: {
     handleChange (event) {
       this.$emit('input', event)
+      this.$emit('change', event)
     }
   }
 }

src/components/hzwlComponents/UploadFormItem.vue

@@ -242,4 +242,12 @@ export default {
 .fileClass{
   line-height: 22px !important;
 }
+.add-form-item /deep/ .el-form-item__content .el-form-item__error {
+  padding: 3px;
+  top: 15px;
+  right: 45px !important;
+  left: auto;
+  background: #fff3f3;
+  z-index: 9;
+}
 </style>

src/main.js

@@ -41,7 +41,6 @@ import Contextmenu from 'vue-contextmenujs'
 // vant
 import vant from 'vant'
 import 'vant/lib/index.css'
-//vant
 
 import animate from 'animate.css'
 import tool from './utils/tool'
@@ -63,6 +62,10 @@ router.beforeEach((to, from, next) => {
     if (isMobile()) {
       if (fullPath.indexOf('phone') !== 0) {
         let path = fullPath.replace(fullPath.charAt(0), fullPath.charAt(0).toUpperCase())
+        if (path.indexOf('BussLibraryProduct/') !== -1) {
+          // 产品标准流程-pc端重构，pc端路由改变而手机端路由未改变，此处让手机端跳转到正确路由
+          path = path.replace('BussLibraryProduct/', 'BussLibraryProduct')
+        }
         path = '/phone' + path
         next({ path: path })
       }

src/pages/processCenter/pages/creatProcess/qbrk-product/components/Basic.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <SelectFormItem
+          v-model="form.standSort"
+          label="企标类别"
+          prop="standSort"
+          :customPlaceholder="standStatusPlaceholder"
+          :disabled="standStatusDisabled"
+          :options="dict.BUSSSTANDCLASS || []"
+          @change="standSortChange"
+        />
+        <InputFormItem
+          v-model="form.standName"
+          label="中文名称"
+          prop="standName"
+          :disabled="disabled"
+        />
+        <DatePickerFormItem
+          v-model="form.issueTime"
+          label="发布日期"
+          prop="issueTime"
+          :disabled="disabled"
+        />
+        <InputFormItem
+          v-if="showStandYear"
+          v-model="form.standYear"
+          label="标准年份"
+          prop="standYear"
+          :disabled="standYearDisabled"
+        />
+      </el-col>
+      <el-col :span="12">
+        <el-form-item v-if="showStandNum" label="企标顺序号" prop="standNum" class="add-form-item form-item-disabled standNum">
+          <el-input
+            :value="form.standNum"
+            placeholder="请输入企标顺序号"
+            clearable
+            @input="standNumChange"
+          />
+          <span style="position: absolute;right: 0;color: rgb(64, 158, 255);cursor: pointer" @click="queryOrder">当前顺序号查询</span>
+        </el-form-item>
+        <el-form-item v-show="form.standStatus === '2' || form.standStatus === '3'" class="add-form-item form-item-disabled" style="margin-left: -210px">
+          <el-button
+            :disabled="disabled"
+            type="primary"
+            @click="dragIn"
+          >
+            根据企标名称、起草责任单位查询
+          </el-button>
+        </el-form-item>
+        <SelectFormItem
+          v-model="form.standStatus"
+          label="制修订类型"
+          prop="standStatus"
+          :disabled="disabled"
+          :options="opinionsStand"
+          @change="standStatusChange"
+        />
+        <InputFormItem
+          v-if="showStandCode"
+          v-model="form.standCode"
+          label="企业标准号"
+          prop="standCode"
+          :disabled="standCodeDisabled"
+        />
+        <InputFormItem
+          v-model="form.standEnName"
+          label="英文名称"
+          prop="standEnName"
+          :disabled="disabled"
+        />
+        <DatePickerFormItem
+          v-model="form.expirationDate"
+          label="截止日期"
+          prop="expirationDate"
+          :disabled="disabled"
+        />
+        <DatePickerFormItem
+          v-model="form.putTime"
+          label="企标实施日期"
+          prop="putTime"
+          :disabled="disabled"
+        />
+      </el-col>
+    </el-row>
+    <CurrentOrder ref="CurrentOrderRef" />
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+
+import CurrentOrder from '@/pages/processCenter/pages/components/CurrentOrder';
+
+export default {
+  name: 'Basic',
+  components: {
+    InputFormItem,
+    SelectFormItem,
+    DatePickerFormItem,
+    CurrentOrder,
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    dict: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    planDisabled: {
+      type: Boolean,
+      default: () => true
+    }
+  },
+  data () {
+    const opinionsStand = [
+      { value: '1', label: '制定' },
+      { value: '2', label: '修订' },
+      { value: '3', label: '修改' },
+    ]
+    return {
+      opinionsStand
+    }
+  },
+  computed: {
+    standStatusPlaceholder () {
+      if (this.form.standStatus === '1') {
+        return '请选择企标类别'
+      }
+      return '请先选择企业标准带入企标类别'
+    },
+    standStatusDisabled () {
+      if (this.form.standStatus === '1' || this.form.standStatus === '2') {
+        return this.disabled
+      }
+      return this.disabled || this.planDisabled
+    },
+    standCodeDisabled () {
+      return true
+    },
+    standYearDisabled () {
+      return true
+    },
+    showStandNum () {
+      if (this.form.standStatus === '1' && this.$route.params.type === '13') {
+        return true
+      }
+      return false
+    },
+    showStandYear () {
+      if (this.form.standStatus === '3' || this.$route.params.type === '13') {
+        return true
+      }
+      return false
+    },
+    showStandCode () {
+      if (this.form.standStatus === '3' || this.$route.params.type === '13') {
+        return true
+      }
+      return false
+    }
+  },
+  methods: {
+    dragIn () {
+      this.$emit('dragIn')
+    },
+    standStatusChange (e) {
+      this.$emit('standStatusChange', e)
+    },
+    queryOrder () {
+      this.$refs.CurrentOrderRef.open(this.form.standSort, this.form.standNum)
+    },
+    standSortChange (e) {
+      this.$emit('standSortChange', e)
+    },
+    standNumChange (e) {
+      this.$emit('standNumChange', e)
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.standNum /deep/.el-form-item__error{
+  right: 110px !important;
+}
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/Countersign.vue

@@ -0,0 +1,357 @@
+<template>
+  <div>
+    <div class="action-bar">
+      <el-button
+        type="primary"
+        size="mini"
+        class="common-button-primary add-button"
+        @click="createRow"
+      >
+        创建条款
+      </el-button>
+    </div>
+
+    <el-table
+      ref="selection"
+      class="modelForm"
+      tooltip-effect="dark"
+      style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:56vh;border-bottom: 1px solid #EBEEF5;"
+      :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',fontWeight: 'bold', height: '48px'}"
+      row-key="id"
+      :data="form.modelData"
+      border
+      default-expand-all
+    >
+      <el-table-column
+        label="序号"
+        width="50"
+        align="center"
+      >
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="modelNum"
+        label="条款号"
+        min-width="12%"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.modelNum" :title="scope.row.modelNum" placeholder="请填写条款号" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="修改前"
+        align="center"
+        min-width="20%"
+      >
+        <template slot-scope="scope">
+          <el-form-item
+            style="margin-left: 0;margin-bottom:0;"
+          >
+            <el-input v-model="scope.row.modelUpdBefore" :title="scope.row.modelUpdBefore" :disabled="scope.row.disabled" placeholder="请填写章节修改前内容" />
+          </el-form-item>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="修改后"
+        align="center"
+        min-width="20%"
+      >
+        <template slot-scope="scope">
+          <el-form-item
+            style="margin-left: 0;margin-bottom:0;"
+          >
+            <el-input v-model="scope.row.modelUpdAfter" :title="scope.row.modelUpdAfter" :disabled="scope.row.disabled" placeholder="请填写章节修改后内容" />
+          </el-form-item>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="修改理由"
+        align="center"
+        min-width="20%"
+      >
+        <template slot-scope="scope">
+          <el-form-item
+            style="margin-left: 0;margin-bottom:0;"
+          >
+            <el-input v-model="scope.row.modelContent" :disabled="scope.row.disabled" placeholder="请填写修改理由" />
+          </el-form-item>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="zrDeptIdName"
+        label="提出部门"
+        align="center"
+        min-width="15%"
+      />
+      <el-table-column
+        prop="zrUserIdName"
+        label="责任人"
+        min-width="15%"
+        align="center"
+      />
+      <el-table-column label="操作" align="center" min-width="5%">
+        <template slot-scope="scope">
+          <div style="display: inline-block" @click.stop>
+            <el-dropdown trigger="click" @command="handleCommand">
+              <i class="iconfont">&#xe61e;</i>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-btn-permission="''" :command="[scope.$index,scope.row, '删除']">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-drawer
+      ref="standard"
+      size="1400px"
+      :title="showDrawerTitle"
+      :visible.sync="showDrawer"
+    >
+      <div style="height: 98%;display: flex;">
+        <div class="left">
+          <el-tabs v-model="current" type="card" style="height: 100%" @tab-click="previewIframe">
+            <el-tab-pane
+              v-for="item in FBGBUSSFileList"
+              :key="item.name"
+              style="height: 100%"
+              :label="item.name"
+              :name="item.id"
+            >
+              <loading :loading="iframeLoading">正在加载文档</loading>
+              <iframe
+                ref="iframe"
+                width="100%"
+                height="100%"
+                wframeborder="0"
+                :src="iframeUrl"
+              />
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+        <div class="rightDiv">
+          <div class="search-area">
+            <el-form
+              ref="showForm"
+              :model="showForm"
+              :rules="showFormRules"
+              class="label-input-form"
+              style="width: 100%;"
+            >
+              <el-form-item label="条款号" prop="modelNum" class="add-form-item">
+                <el-input
+                  v-model="showForm.modelNum"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="修改前" prop="modelUpdBefore" class="add-form-item">
+                <el-input
+                  v-model="showForm.modelUpdBefore"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="修改后" prop="modelUpdAfter" class="add-form-item">
+                <el-input
+                  v-model="showForm.modelUpdAfter"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="修改理由" prop="modelContent" class="add-form-item">
+                <el-input
+                  v-model="showForm.modelContent"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="提出部门" prop="zrDeptIdName" class="add-form-item form-item-disabled">
+                <el-input
+                  v-model="showForm.zrDeptIdName"
+                  disabled
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="责任人" prop="zrUserIdName" class="add-form-item form-item-disabled">
+                <el-input
+                  v-model="showForm.zrUserIdName"
+                  disabled
+                  clearable
+                />
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="demo-drawer-footer">
+            <el-button
+              size="mini"
+              class="common-button-primary"
+              icon="el-icon-check"
+              type="primary"
+              @click="createRowSubmit"
+            >
+              提交
+            </el-button>
+          </div>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Countersign',
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data () {
+    const showForm = {
+      modelNum: '',
+      modelName: '',
+      modelUpdBefore: '',
+      modelUpdAfter: '',
+      modelContent: '',
+      zrUserId: this.$store.getters.userInfo.userId,
+      zrUserIdName: this.$store.getters.userInfo.userName,
+      zrDeptId: this.$store.getters.userInfo.institutionId,
+      zrDeptIdName: this.$store.getters.userInfo.institutionName,
+    }
+    const  showFormRules = {
+      modelNum: [
+        { required: true, message: '请填写条款号', trigger: 'blur' },
+      ],
+      modelUpdBefore: [
+        { required: true, message: '请填写修改前', trigger: 'blur' },
+      ],
+      modelUpdAfter: [
+        { required: true, message: '请填写修改后', trigger: 'blur' },
+      ],
+      modelContent: [
+        { required: true, message: '请填写修改理由', trigger: 'blur' },
+      ],
+    }
+    return {
+      FBGBUSSFileList: [],
+
+      showDrawerTitle: '',
+      showDrawer: false,
+      iframeLoading: false,
+      iframeUrl: '',
+      current: '',
+
+      showForm,
+      initShowForm: JSON.parse(JSON.stringify(showForm)),
+      showFormRules,
+    }
+  },
+  methods: {
+    createRow () {
+      this.showForm = JSON.parse(JSON.stringify(this.initShowForm))
+      const ids = this.form.FBGBUSS.split(',')
+      const names = this.form.FBGBUSSName.split(',')
+      this.FBGBUSSFileList = ids.map((id, index) => ({ id, name: names[index] }))
+      if (ids.length > 0) {
+        this.current = ids[0]
+        this.previewShow(ids[0])
+      }
+      this.showDrawer = true
+      this.showDrawerTitle = '新增征求意见'
+    },
+    previewShow (id) {
+      this.iframeLoading = true
+      this.$preview(id, 'getUrl').then((url) => {
+        this.iframeUrl = url
+      }).finally(() => {
+        this.iframeLoading = false
+      })
+    },
+    previewIframe (tab) {
+      const id = tab.name
+      this.iframeUrl = ''
+      this.previewShow(id)
+    },
+    createRowSubmit () {
+      this.$refs['showForm'].validate((valid) => {
+        if (valid) {
+          if(!this.form.modelData) {
+            this.form.modelData = []
+          }
+          this.form.modelData.push(this.showForm);
+          this.$message.success('新增成功')
+          this.showDrawer = false
+        }
+      })
+    },
+    handleCommand (command) {
+      switch (command[2]) {
+        case '删除':
+          this.handleDelete(command[0], command[1])
+          break
+      }
+    },
+    handleDelete (val) {
+      this.$confirm('是否确认删除本条数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'info'
+      }).then(() => {
+        this.form.modelData.splice(val, 1)
+        this.$message({
+          message: '删除成功',
+          type: 'success',
+          duration: 2000
+        });
+      });
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/ .left {
+  width: 60%;
+  height: calc(~'100% - 52px');
+}
+/deep/ .el-tabs__content{
+  height: 100% !important;
+}
+/deep/ .rightDiv {
+  background: #fff;
+  width: 40%;
+  height: 98%;
+  .height {
+    margin-bottom: 0;
+    padding: 10px 20px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #333333;
+    border-bottom: 1px solid #e5e5e5;
+  }
+  .search-area {
+    height: calc(~'100% - 52px');
+    overflow: auto;
+  }
+  .demo-drawer-footer {
+    width: 100%;
+    padding: 0 20px;
+    height: 50px;
+    line-height: 50px;
+    border-top: 1px solid #e8e8e8;
+    text-align: right;
+    background: #fff;
+    z-index: 999;
+  }
+}
+
+.modelForm /deep/ .el-form-item__content{
+  margin-left: 0 !important;
+}
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/CountersignInfo.vue

@@ -0,0 +1,129 @@
+<template>
+  <el-table
+    ref="selection"
+    tooltip-effect="dark"
+    style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:auto;border-bottom: 1px solid #EBEEF5;"
+    :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',fontWeight: 'bold', height: '48px'}"
+    row-key="id"
+    :data="form.infoList"
+    border
+    default-expand-all
+  >
+    <el-table-column
+      label="序号"
+      min-width="6%"
+      align="center"
+    >
+      <template slot-scope="scope">
+        {{ scope.$index + 1 }}
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="modelNum"
+      label="条款号"
+      min-width="8%"
+      align="center"
+    />
+    <el-table-column
+      prop="modelUpdBefore"
+      label="修改前"
+      align="center"
+      min-width="20%"
+    />
+    <el-table-column
+      prop="modelUpdAfter"
+      label="修改后"
+      align="center"
+      min-width="20%"
+    />
+    <el-table-column
+      prop="modelContent"
+      label="修改理由"
+      align="center"
+      min-width="20%"
+    />
+    <el-table-column
+      prop="zrDeptIdName"
+      label="提出部门"
+      align="center"
+      min-width="15%"
+    />
+    <el-table-column
+      prop="zrUserIdName"
+      label="责任人"
+      min-width="14%"
+      align="center"
+    />
+    <el-table-column
+      label="意见是否采纳"
+      min-width="15%"
+      align="center"
+    >
+      <template slot-scope="scope">
+        <el-select
+          v-if="type==='6' || type==='C6'"
+          v-model="scope.row.opinionsAdopted"
+          filterable
+          clearable
+          :disabled="disabled"
+        >
+          <el-option
+            v-for="item in opinionsAdoptedOptions"
+            :key="item.value"
+            :value="item.value"
+            :label="item.label"
+          />
+        </el-select>
+        <span v-else>{{ scope.row.opinionsAdopted }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="opinionsAdoptedCont"
+      label="采纳理由"
+      align="center"
+      min-width="15%"
+    >
+      <template slot-scope="scope">
+        <el-input
+          v-if="type==='6' || type==='C6'"
+          v-model="scope.row.opinionsAdoptedCont"
+          clearable
+          placeholder="请填写采纳理由"
+          :disabled="disabled"
+        />
+        <span v-else>{{ scope.row.opinionsAdoptedCont }}</span>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: 'CountersignInfo',
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    }
+  },
+  data () {
+    const opinionsAdoptedOptions = [
+      { value: '1', label: '采纳' },
+      { value: '2', label: '部分采纳' },
+      { value: '3', label: '不采纳' },
+    ]
+    return {
+      opinionsAdoptedOptions,
+      type: this.$route.params.type
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/FileSummary.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-table
+    ref="selection"
+    tooltip-effect="dark"
+    style="width: 100%;;overflow-y:auto;height:auto;border-bottom: 1px solid #EBEEF5;"
+    :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',fontWeight: 'bold', height: '48px'}"
+    :data="form.fileModelList"
+    border
+    default-expand-all
+  >
+    <el-table-column
+      type="index"
+      label="序号"
+      width="50"
+      align="center"
+    />
+    <el-table-column
+      prop="footFileName"
+      label="编写文件名称"
+      align="center"
+      min-width="30%"
+    />
+    <el-table-column
+      prop="userName"
+      label="起草人"
+      min-width="15%"
+      align="center"
+    />
+    <el-table-column label="操作" align="center" min-width="5%">
+      <template slot-scope="scope">
+        <div style="display: inline-block;cursor: pointer;color: #409EFF;" @click="filePreview(scope.row,'onLine')">
+          预览
+        </div>
+        &nbsp;&nbsp;
+        <div style="display: inline-block;cursor: pointer;color: #409EFF;" @click="filePreview(scope.row,'down')">
+          下载
+        </div>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: 'FileSummary',
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+  },
+  methods: {
+    filePreview (file, type) {
+      const attId = file.footFile
+      if (type === 'down') {
+        if (attId) {
+          window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.$preview(attId)
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/Info.vue

@@ -0,0 +1,367 @@
+<template>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <el-form-item label="代替企标编号" prop="DTQBBHBUSS" class="add-form-item form-item-disabled">
+          <el-input
+            v-model="form.DTQBBHBUSS"
+            disabled
+            type="textarea"
+            resize="none"
+            :autosize="true"
+            :title="form.DTQBBHBUSS"
+            placeholder="请输入代替标准号"
+            clearable
+          />
+          <el-button
+            :disabled="disabled"
+            type="primary"
+            class="common-button-primary"
+            size="mini"
+            style="position:absolute;top: 10px;right: 0;"
+            @click="selectLaws('DTQBBHBUSS')"
+          >
+            {{ '手动查找' }}
+          </el-button>
+        </el-form-item>
+
+        <UploadFormItem
+          label="关联文件"
+          prop="GLWJBUSSName"
+          :ids.sync="form.GLWJBUSS"
+          :names.sync="form.GLWJBUSSName"
+          :disabled="disabled"
+          :down="down"
+        />
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="被代替企标编号" prop="BDTQBBHBUSS" class="add-form-item form-item-disabled">
+          <el-input
+            v-model="form.BDTQBBHBUSS"
+            disabled
+            type="textarea"
+            resize="none"
+            :autosize="true"
+            :title="form.BDTQBBHBUSS"
+            placeholder="请输入被代替企标编号"
+            clearable
+          />
+          <el-button
+            :disabled="disabled"
+            type="primary"
+            class="common-button-primary"
+            size="mini"
+            style="position:absolute;top: 10px;right: 0;"
+            @click="selectLaws('BDTQBBHBUSS')"
+          >
+            {{ '手动查找' }}
+          </el-button>
+        </el-form-item>
+
+        <InputFormItem
+          v-model="form.XCSJBUSS"
+          label="上传时间"
+          prop="XCSJBUSS"
+          disabled
+        />
+      </el-col>
+    </el-row>
+
+    <el-dialog
+      :title="dialogTitle"
+      :visible.sync="replaceLawsNumModel"
+      width="875px"
+      :close-on-click-modal="false"
+      :append-to-body="true"
+      @close="replaceLawsNumModelCancel"
+    >
+      <div class="search-area">
+        <div class="left">
+          <el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form">
+            <el-form-item label="编号/名称" class="search-item">
+              <el-input
+                v-model="replaceLawsNumForm.numberName"
+                :disabled="disabled"
+                placeholder="根据编号/名称查找"
+                clearable
+                :maxlength="100"
+              />
+            </el-form-item>
+            <el-form-item class="search-item btn-box">
+              <el-button
+                :disabled="disabled"
+                type="primary"
+                class="common-button-primary"
+                size="small"
+                @click="getReplaceLawsNumRowFirst"
+              >
+                查询
+              </el-button>
+            </el-form-item>
+            <el-form-item class="search-item btn-box">
+              <el-button
+                :disabled="disabled"
+                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
+          type="index"
+          width="55"
+          label="序号"
+          align="center"
+        >
+          <template slot-scope="{scope, column, $index}">
+            {{ ($index + 1) + (replaceLawsNumForm.page - 1) * replaceLawsNumForm.pageSize }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="企标编号"
+        >
+          <template slot-scope="scope">
+            <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="standName"
+          label="企标名称"
+        />
+        <el-table-column
+          prop="issueTime"
+          label="发布日期"
+          width="130"
+        >
+          <template slot-scope="scope">{{ scope.row.issueTime ? $moment(scope.row.issueTime).format('YYYY-MM-DD') : '' }}</template>
+        </el-table-column>
+        <el-table-column
+          prop="textStatusBuss"
+          label="标准状态"
+          width="130"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.standStatusShow }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <loading :loading="replaceLoading">{{ $t('m.dataAcquisition') }}</loading>
+      <!--分页-->
+      <pagination
+        style="position: relative;"
+        :page="replaceLawsNumForm.page"
+        :total="replaceLawsNumForm.total"
+        @pageChange="pageChangeReplace"
+        @pageSizeChange="pageSizeChangeReplace"
+      />
+      <div slot="footer" class="demo-drawer-footer">
+        <el-button
+          :disabled="disabled"
+          class="common-button-default"
+          round
+          icon="el-icon-close"
+          @click="replaceLawsNumModel = false"
+        >
+          取消
+        </el-button>
+        <el-button
+          :disabled="disabled"
+          type="primary"
+          round
+          class="common-button-primary"
+          icon="el-icon-check"
+          @click="replaceLawsNumModelBt"
+        >
+          提交
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { selectByIdAtt } from '@/api/flow/index.js'
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem';
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+
+export default {
+  name: 'Info',
+  components: {
+    UploadFormItem,
+    InputFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    down: {
+      type: Boolean,
+      default: () => false
+    }
+  },
+  data () {
+    // 代替标准号
+    const replaceLawsNumForm = {
+      numberName: '',
+      page: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      total: 0,
+      standType: 'BUSINESS',
+      validFlag: '0',
+    }
+    return {
+      dialogTitle: '',
+      initReplaceLawsNumForm: JSON.parse(JSON.stringify(replaceLawsNumForm)),
+      replaceLawsNumForm,
+      replaceLawsNumModel: false,
+      replaceLawsNumRow: [],
+      selectedListRep: [],
+      replaceLoading: false,
+      initData: { // 存放初始数据
+        LSBBBUSS: '',
+        LSBBBUSSName: '',
+      }
+    }
+  },
+  methods: {
+    selectLaws (type) {
+      if (type === 'DTQBBHBUSS') {
+        this.dialogTitle = '代替企标编号'
+      }
+      if (type === 'BDTQBBHBUSS') {
+        this.dialogTitle = '被代替企标编号'
+      }
+      this.replaceLawsNumForm.numberName = ''
+      this.replaceLawsNumModel = true
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策号 请求数据
+    getReplaceLawsNumRowFirst () {
+      this.replaceLawsNumForm.page = 1
+      this.getReplaceLawsNumRow()
+    },
+    // 代替企标编号 请求数据
+    getReplaceLawsNumRow () {
+      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
+        _this: this,
+        loading: 'replaceLoading'
+      }, res => {
+        this.replaceLawsNumRow = res.data.list
+        this.replaceLawsNumForm.total = res.data.count
+      }, e => {
+      })
+    },
+    // 代替政策编号-取消
+    replaceLawsNumModelCancel () {
+      this.replaceLawsNumFormSearch()
+      this.$refs.selections.clearSelection()
+    },
+    // 代替政策号 table选择事件
+    selectReplaceStandNumRowChange (row) {
+      this.selectedListRep = row
+    },
+    replaceLawsNumFormSearch () {
+      this.replaceLawsNumForm = JSON.parse(JSON.stringify(this.initReplaceLawsNumForm))
+    },
+    getResetLawsNumRow () {
+      this.replaceLawsNumFormSearch()
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策分页
+    pageChangeReplace (page) {
+      this.replaceLawsNumForm.page = page
+      this.getReplaceLawsNumRow()
+    },
+    pageSizeChangeReplace (pageSize) {
+      this.replaceLawsNumForm.pageSize = pageSize
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策编号确定
+    replaceLawsNumModelBt () {
+      if (this.selectedListRep.length === 0) {
+        return this.$message({
+          message: '请先选择数据',
+          type: 'warning'
+        })
+      }
+      if (this.selectedListRep.length > 1) {
+        return this.$message({
+          message: '标准最多选择1项',
+          type: 'warning'
+        })
+      }
+      const standCode = this.selectedListRep[0].standCode
+      const standSort = this.selectedListRep[0].standSort || this.selectedListRep[0].standSortShow
+      if (this.dialogTitle === '代替企标编号') {
+        this.form.DTQBBHBUSS = standCode
+
+        if (this.form.standStatus === '2') {
+          this.$emit('DTQBBHBUSSChange', { standCode, standSort })
+        }
+      }
+      if (this.dialogTitle === '被代替企标编号') {
+        this.form.BDTQBBHBUSS = standCode
+      }
+
+      //  修订、修改 时 手动查找代替企标编号 发布稿放到历史版本
+      if (this.dialogTitle === '代替企标编号') {
+        if (this.form.standStatus === '2' || this.form.standStatus === '3') {
+          const id = this.selectedListRep[0].id
+          selectByIdAtt(id).then(res => {
+            if (res.ok && res.data && res.data.length > 0) {
+              const LSBBBUSSName = res.data.reduce((init, item) => init + ',' + item.fbgbussNmae, '').replace(/^,|,$/g, '')
+              const LSBBBUSS = res.data.reduce((init, item) => init + ',' + item.fbgbuss, '').replace(/^,|,$/g, '')
+
+              this.form.LSBBBUSS = (this.form.initLSBBBUSS + ',' + LSBBBUSS).replace(/^,|,$/g, '')
+              this.form.LSBBBUSSName = (this.form.initLSBBBUSSName + ',' + LSBBBUSSName).replace(/^,|,$/g, '')
+              this.$emit('refreshPage')
+            }
+          })
+        }
+      }
+
+      this.replaceLawsNumModel = false
+    },
+    // 点击查看
+    handlePreview (item) {
+      const routeUrl = this.$router.resolve({
+        name: 'OtherBussStandardDetails',
+        params: {
+          id: item.id,
+          pageType: 'BUSINESS_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/PersonInfo.vue

@@ -0,0 +1,125 @@
+<template>
+  <el-timeline>
+    <el-form
+      ref="userForm"
+      :model="roleForm"
+      :rules="roleRules"
+      class="label-input-form"
+    >
+      <TimeLineFormItem
+        :id.sync="roleForm.prcCreateUserId"
+        prop="prcCreateUserName"
+        timestamp="起草"
+        title="标准起草人"
+        :name.sync="roleForm.prcCreateUserName"
+        disabled
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser2"
+        prop="bussUser2Name"
+        timestamp="企标编写"
+        title="其他起草人"
+        :name.sync="roleForm.bussUser2Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser3"
+        prop="bussUser3Name"
+        timestamp="企标编写汇总"
+        title="标准起草人"
+        :name.sync="roleForm.bussUser3Name"
+        disabled
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser4"
+        prop="bussUser4Name"
+        timestamp="标准化初审"
+        title="标准法规工程师/事业部标准化员"
+        :name.sync="roleForm.bussUser4Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser5"
+        prop="bussUser5Name"
+        timestamp="征求意见（各事业部标准化员（时代-苏杰贵、奥铃-蒋敏、欧航欧马可-吴娟、皮卡-王晶9、图雅诺-耿红静、欧辉-张蕾61、普罗科-符青萍、雷萨-刘金英），项目组各PMT/PAT）"
+        title="各事业部标准化员（时代-苏杰贵、奥铃-蒋敏、欧航欧马可-吴娟、皮卡-王晶9、图雅诺-耿红静、欧辉-张蕾61、普罗科-符青萍、雷萨-刘金英），项目组各PMT/PAT"
+        :name.sync="roleForm.bussUser5Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser6"
+        prop="bussUser6Name"
+        timestamp="意见汇总修订"
+        title="标准起草人"
+        :name.sync="roleForm.bussUser6Name"
+        disabled
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser7"
+        prop="bussUser7Name"
+        timestamp="标准化复审"
+        title="标准法规工程师"
+        :name.sync="roleForm.bussUser7Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser8"
+        prop="bussUser8Name"
+        timestamp="审核"
+        title="总院项目总工、标准法规部高级经理/各事业部整车所产品经理、各事业部标准业务经理"
+        :name.sync="roleForm.bussUser8Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser10"
+        prop="bussUser10Name"
+        timestamp="审定"
+        title="产品工程经理、技术管理中心主任/事业部技术中心主任、标准法规部高级经理"
+        :name.sync="roleForm.bussUser10Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser12"
+        prop="bussUser12Name"
+        timestamp="批准"
+        title="总院项目经理/事业部研发副总裁"
+        :name.sync="roleForm.bussUser12Name"
+        :disabled="disabled"
+      />
+      <TimeLineFormItem
+        :id.sync="roleForm.bussUser13"
+        prop="bussUser13Name"
+        timestamp="发布"
+        title="标准法规工程师"
+        :name.sync="roleForm.bussUser13Name"
+        :disabled="disabled"
+      />
+    </el-form>
+  </el-timeline>
+</template>
+
+<script>
+import TimeLineFormItem from '@/components/hzwlComponents/TimeLineFormItem'
+export default {
+  name: 'PersonInfo',
+  components: {
+    TimeLineFormItem
+  },
+  props: {
+    roleForm: {
+      type: Object
+    },
+    roleRules: {
+      type: Object
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/ProcessFile.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <UploadFormItem
+          label="发布稿"
+          prop="FBGBUSSName"
+          :ids.sync="form.FBGBUSS"
+          :names.sync="form.FBGBUSSName"
+          :disabled="FBGBUSSDisabled"
+          :down="down"
+        />
+        <UploadFormItem
+          label="历史版本"
+          prop="LSBBBUSSName"
+          :ids.sync="form.LSBBBUSS"
+          :names.sync="form.LSBBBUSSName"
+          :disabled="disabled"
+          :down="down"
+        />
+      </el-col>
+      <el-col :span="12">
+        <UploadFormItem
+          label="修改单"
+          prop="XGDName"
+          :ids.sync="form.XGD"
+          :names.sync="form.XGDName"
+          :disabled="disabled"
+          :down="down"
+        />
+        <UploadFormItem
+          label="其他文件"
+          prop="QTWJBUSSName"
+          :ids.sync="form.QTWJBUSS"
+          :names.sync="form.QTWJBUSSName"
+          :disabled="disabled"
+          :down="down"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem';
+
+export default {
+  name: 'ProcessFile',
+  components: {
+    UploadFormItem,
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    down: {
+      type: Boolean,
+      default: () => false
+    }
+  },
+  computed: {
+    FBGBUSSDisabled () {
+      return this.disabled || this.$route.params.type === '1'
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/Range.vue

@@ -0,0 +1,161 @@
+<template>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <DepartmentFormItem
+          v-model="form.QCDW"
+          prop="QCDW"
+          label="起草部门"
+          title="起草部门"
+          disabled
+          :ids.sync="form.QCDWId"
+        />
+        <InputFormItem
+          v-model="form.WJSCRYBUSSName"
+          label="文件上传人员"
+          prop="WJSCRYBUSSName"
+          disabled
+        />
+        <SelectMultipleFormItem
+          v-model="form.NYLXCLASS"
+          label="能源类型"
+          prop="NYLXCLASS"
+          :disabled="disabled"
+          :options="dict.NYLXCLASS || []"
+        />
+        <el-form-item label="标准体系" prop="TXLBBUSS" class="add-form-item form-item-disabled">
+          <el-input
+            :value="form.TXLBBUSS"
+            :disabled="disabled"
+            placeholder="选择标准体系"
+            clearable
+            @click.native="choiceZRR"
+            @clear="handleClearStandSystem"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <personFormItem
+          :id.sync="form.QCRBUSSID"
+          v-model="form.QCRBUSS"
+          label="起草人"
+          prop="QCRBUSS"
+          :disabled="disabled"
+          @change="QCRBUSSChange"
+        />
+        <SelectMultipleFormItem
+          v-model="form.SYCXCLASS"
+          label="适用车型"
+          prop="SYCXCLASS"
+          :disabled="disabled"
+          :options="dict.ENERGYTYPES || []"
+        />
+        <SelectMultipleFormItem
+          v-model="form.SYCPXCLASS"
+          label="适用产品线"
+          prop="SYCPXCLASS"
+          :disabled="disabled"
+          :options="dict.SYCPXCLASS || []"
+        />
+      </el-col>
+    </el-row>
+    <tree-select-new
+      v-if="!disabled"
+      :multiple="false"
+      :lazy="false"
+      :modalShowFlag="modalShowFlag"
+      drawerTitle="标准体系"
+      width="500"
+      :data="dict.TXLBBUSS"
+      :defaultProps="defaultProps"
+      :checkedKeys="[]"
+      nodeKey="id"
+      @popoverHide="popoverHide"
+      @popoverHideCancel="popoverHideCancel"
+    />
+  </div>
+</template>
+
+<script>
+import DepartmentFormItem from '@/components/hzwlComponents/DepartmentFormItem';
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import personFormItem from '@/components/hzwlComponents/personFormItem'
+import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
+
+export default {
+  name: 'Range',
+  components: {
+    DepartmentFormItem,
+    InputFormItem,
+    SelectFormItem,
+    SelectMultipleFormItem,
+    personFormItem,
+    TreeSelectNew
+  },
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    dict: {
+      type: Object,
+      default: () => ({})
+    },
+  },
+  data () {
+    return {
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+      modalShowFlag: false
+    }
+  },
+  methods: {
+    choiceZRR (e) {
+      if (e.target.className === 'el-input__icon el-icon-circle-close el-input__clear') {
+        return;
+      }
+      this.modalShowFlag = true
+    },
+    handleClearStandSystem () {
+      this.form.TXLBBUSS = ''
+      this.form.menuId = ''
+      this.form.treeType = ''
+    },
+    popoverHide (checkedIds, checkedData, isShow, isLoadChild, topId) {
+      if(checkedData) {
+        if (checkedData.parentId == null || checkedData.parentId === '') {
+          this.$message.error('请选择二级及以下目录')
+          return
+        }
+        this.form.TXLBBUSS = checkedData.menuNames
+        this.form.menuId = checkedData.id
+        this.form.treeType = 'sarMs'
+      }
+      this.modalShowFlag = false
+      this.$forceUpdate()
+    },
+    popoverHideCancel () {
+      this.modalShowFlag  = false
+    },
+    QCRBUSSChange (val) {
+      // 回显起草部门
+      if (val) {
+        this.form.QCDWID = val.ids
+        this.form.QCDW = val.names
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/components/StandardDrawer.vue

@@ -0,0 +1,298 @@
+<template>
+  <el-drawer
+    ref="standard"
+    title="查询结果"
+    size="1300px"
+    :visible.sync="visible"
+    direction="rtl"
+  >
+    <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="" prop="standNumber" class="search-item">
+              <el-input
+                v-model="SearchForm.standCode"
+                clearable
+                placeholder="根据编号查找"
+                :maxlength="100"
+                @keyup.enter.native="handleSearch"
+              />
+            </el-form-item>
+            <el-form-item label="中文名称" style="" prop="lawsName" class="search-item">
+              <el-input
+                v-model="SearchForm.standName"
+                placeholder="请输入中文名称"
+                clearable
+                :maxlength="100"
+              />
+            </el-form-item>
+            <el-formItem label="标准状态" prop="textStatusBuss" class="search-item">
+              <el-select v-model="SearchForm.textStatusBuss" filterable clearable>
+                <el-option
+                  v-for="item in dict.TEXTSTATUSBUSS || []"
+                  :key="item.value"
+                  placeholder="请选择"
+                  :value="item.value"
+                  :label="item.label"
+                />
+              </el-select>
+            </el-formItem>
+            <el-form-item>
+              <el-button
+                type="primary"
+                class="common-button-primary"
+                size="mini"
+                @click="handleSearch"
+              >
+                查询
+              </el-button>
+            </el-form-item>
+            <el-form-item class="search-item btn-box">
+              <el-button
+                class="common-button-default"
+                size="mini"
+                @click="handleResetSearch"
+              >
+                清空
+              </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%;"
+            height="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
+              type="index"
+              label="序号"
+              width="80"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: scope.row.standStatusShow === '作废'? '#F56C6C': '#333'}">
+                  {{ (scope.$index + 1) + (SearchForm.page - 1) * SearchForm.pageSize }}
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="企标标准号"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <a :style="{color: scope.row.standStatusShow === '作废'? '#F56C6C': '#333'}" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="standName"
+              label="中文名称"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: scope.row.standStatusShow === '作废'? '#F56C6C': '#333'}">{{ scope.row.standName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="standEnName"
+              label="英文名称"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: scope.row.standStatusShow === '作废'? '#F56C6C': '#333'}">{{ scope.row.standEnName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="textStatus"
+              label="标准状态"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: scope.row.standStatusShow === '作废'? '#F56C6C': '#333'}">{{ scope.row.standStatusShow }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button
+                  class="opera-btn"
+                  size="mini"
+                  type="primary"
+                  @click="handlePreview(scope.row)"
+                >
+                  查看
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <pagination
+          :auto-size="true"
+          :page-size="SearchForm.pageSize"
+          :page="SearchForm.page"
+          :total="SearchForm.total"
+          @pageChange="pageChange"
+          @pageSizeChange="pageSizeChange"
+        />
+        <loading :loading="loading">数据获取中</loading>
+      </div>
+    </div>
+    <div class="demo-drawer-footer">
+      <el-button
+        round
+        class="common-button-primary"
+        icon="el-icon-check"
+        type="primary"
+        :loading="buttonLoading"
+        @click="handleProcessStandardNext(2)"
+      >
+        带入
+      </el-button>
+      <el-button
+        round
+        class="common-button-default"
+        icon="el-icon-close"
+        :loading="buttonLoading"
+        @click="handleProcessStandardNext(3)"
+      >
+        取消
+      </el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'StandardDrawer',
+  props: {
+    dict: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      visible: false,
+      loading: false,
+      data: [],
+      SearchForm: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        standCode: '',
+        standName: '',
+        textStatusBuss: '',
+      },
+      buttonLoading: false,
+      selectedList: []
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+      this.getData()
+    },
+    getData () {
+      const config = { _this: this, loading: 'loading' }
+      this.$http._getData('lawss/sarBussionessStand/getSarBussionStandPage', this.SearchForm, config).then(res => {
+        if (res.ok && res.data) {
+          this.data = res.data.list
+          this.SearchForm.total = res.data.count
+        }
+      })
+    },
+    handleSearch () {
+      this.SearchForm.page = 1
+      this.getData()
+    },
+    handleResetSearch () {
+      this.SearchForm.page = 1
+      this.SearchForm.standCode = ''
+      this.SearchForm.standName = ''
+      this.SearchForm.textStatusBuss = ''
+      this.getData()
+    },
+    pageChange (page) {
+      this.SearchForm.page = page
+      this.getData()
+    },
+    pageSizeChange (pageSize) {
+      this.SearchForm.pageSize = pageSize
+      this.getData()
+    },
+    standSelectChange (data) {
+      this.selectedList = data
+    },
+    handlePreview (item) {
+      const routeUrl = this.$router.resolve({
+        name: 'OtherBussStandardDetails',
+        params: {
+          id: item.id,
+          pageType: 'BUSINESS_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    handleProcessStandardNext (status) {
+      switch (status) {
+        case 2:
+          if (this.selectedList.length === 0) {
+            return this.$message.warning('请选择要带入的企标信息')
+          }
+          if (this.selectedList.length > 1) {
+            return this.$message.warning('只能选择一条企标信息')
+          }
+          this.$http._getData('lawss/sarBussionessStand/getStandInfoUpdateById',  { id: this.selectedList[0].id }).then(res => {
+            if (res.ok && res.data) {
+              if (res.data.textStatusBussShow === '作废') {
+                this.$message.error('本版本已作废')
+              }
+              this.$emit('dragIn', res.data)
+              this.visible = false
+            }
+          })
+          break
+        case 3:
+          this.selectedList = []
+          this.visible = false
+          break
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.standard-content{
+  height: calc(100% - 61px);
+}
+.content {
+  height: calc(100% - 56px);
+  overflow-y: auto;
+}
+.standard-table-wrap {
+  height: calc(100% - 52px);
+  overflow-y: auto;
+}
+.demo-drawer-footer{
+  height: 61px!important;
+  line-height: 60px!important;
+}
+.pagination{
+  bottom: 61px;
+}
+.search-area {
+  justify-content: flex-start;
+}
+</style>

src/pages/processCenter/pages/processDetail/index.vue

@@ -275,7 +275,9 @@ export default {
           this.toProcessDetail('bussLibrary11-1', row)
         }else if(prcType === 'buss2') {
           // 企标 产品标准 6
-          this.toProcessDetail('bussLibraryProduct6-1', row)
+          // this.toProcessDetail('bussLibraryProduct6-1', row)
+          const params = { type: '6' }
+          this.toProcessDetailForParams('bussLibraryProduct', row, params)
         }else if(prcType === 'buss3') {
         // 企标复审 4
           this.toProcessDetail('bussFs2-1', row)
@@ -378,7 +380,9 @@ export default {
           this.toProcessDetail('bussLibrary1', row)
         }else if(prcType === 'buss2') {
           // 企标入库
-          this.toProcessDetail('bussLibraryProduct1', row)
+          // this.toProcessDetail('bussLibraryProduct1', row)
+          const params = { type: '1' }
+          this.toProcessDetailForParams('bussLibraryProduct', row, params)
         }else if(prcType === 'buss3') {
         // 企标复审
           this.toProcessDetail('qbfsStep1', row)

src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue

@@ -1,11 +1,11 @@
 <!--新建流程页面-->
 <template>
   <div id="NewProcess">
-    <div >
+    <div>
       <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
       <div class="process-box">
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
+          <el-card v-btn-permission="'9adff72ab464793564c5d1de20b45620'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('1')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -13,14 +13,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准入库流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
+          <el-card v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('2')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -28,14 +28,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准调研流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
+          <el-card v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('3')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -43,14 +43,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准征求意见流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
+          <el-card v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('6')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -58,14 +58,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准清单发布/更新流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
+          <el-card v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('9')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -73,14 +73,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准解读流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
+          <el-card v-btn-permission="'90c7bae6308595f053c6f6f90167e493'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('7')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -88,14 +88,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">标准合规评估流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
+          <el-card v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('10')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -103,14 +103,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">项目合规评估流程-项目</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
+          <el-card v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('11')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -118,14 +118,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">项目清单确认流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
+          <el-card v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('8')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -133,14 +133,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">未符合项整改流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
+          <el-card v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('laws1')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -148,14 +148,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">政策入库流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'42c7b2e5011900a6eb0c09c5355f8128'">
+          <el-card v-btn-permission="'42c7b2e5011900a6eb0c09c5355f8128'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('29')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -163,14 +163,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">内外部会议入库流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
+          <el-card v-btn-permission="'344c9c97b581400718451e8b8a319382'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('12')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -178,14 +178,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">政策征求意见流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
+          <el-card v-btn-permission="'344c9c97b581400718451e8b8a319382'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('32')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -193,14 +193,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">政策法规资料入库流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'f01a55435ba41dfe0a4bf99428b9e5c2'">
+          <el-card v-btn-permission="'f01a55435ba41dfe0a4bf99428b9e5c2'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('13')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -208,7 +208,7 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
@@ -220,7 +220,7 @@
       <el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
       <div class="process-box">
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'62d7895323fc44fcd3a2d7fa1a0c84bf'">
+          <el-card v-btn-permission="'62d7895323fc44fcd3a2d7fa1a0c84bf'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('buss1')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -228,14 +228,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标制修订-技术标准</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'c149ed69750916dce3e26c35c4728542'">
+          <el-card v-btn-permission="'c149ed69750916dce3e26c35c4728542'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('buss2')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -243,14 +243,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标制修订-产品标准</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="''">
+          <el-card v-btn-permission="''" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('23')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -258,14 +258,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标复审流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="''">
+          <el-card v-btn-permission="''" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('24')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -273,14 +273,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标废止流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'">
+          <el-card v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('25')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -288,14 +288,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标制修订计划管控</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2ddb307d6b6840ac4e7f8f46d4c8f437'">
+          <el-card v-btn-permission="'2ddb307d6b6840ac4e7f8f46d4c8f437'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('26')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -303,7 +303,7 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">企标制修订立项计划</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
@@ -315,7 +315,7 @@
       <el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
       <div class="process-box">
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'">
+          <el-card v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('30')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -323,14 +323,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">政策课题入会流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
+          <el-card v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('31')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -338,14 +338,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">政策课题参会流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'">
+          <el-card v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('20')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -353,14 +353,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">外部标准化协会入会流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'321e497259b08734941a308960da2bae'">
+          <el-card v-btn-permission="'321e497259b08734941a308960da2bae'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('21')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -368,14 +368,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">外部标准化协会参会流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'8f65a365dd67634e29925098162ee8d5'">
+          <el-card v-btn-permission="'8f65a365dd67634e29925098162ee8d5'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('16')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -383,14 +383,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">外部署名推荐审批流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'">
+          <el-card v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('14')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -398,14 +398,14 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
           </el-card>
         </div>
         <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'">
+          <el-card v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'" shadow="hover">
             <div class="card-box" @click="handleCreateProcess('15')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -413,7 +413,7 @@
                 </div>
                 <div class="card-top-right">
                   <div class="card-top-right-text">加入标准化协会信息提报流程</div>
-                  <div class="card-top-right-line"></div>
+                  <div class="card-top-right-line" />
                 </div>
               </div>
             </div>
@@ -421,7 +421,6 @@
         </div>
       </div>
     </div>
-
   </div>
 </template>
 <script>
@@ -433,9 +432,73 @@ export default {
       size: true
     }
   },
+  computed: {
+    /**
+     * 标准法规管理流程
+     * @returns {boolean}
+     */
+    // bzfggllc() {
+    //   const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
+    //   return this.checkPermission(idArray)
+    // },
+    /**
+     * 政策管理流程
+     * @returns {boolean}
+     */
+    zcgllc () {
+      const idArray = [ 'GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V' ]
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 企标管理流程
+     * @returns {boolean}
+     */
+    qbgllc () {
+      const idArray = [ 'L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3' ]
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 标准采购翻译申请流程
+     * @returns {boolean}
+     */
+    bzcgfysqlc () {
+      const idArray = [ 'C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4' ]
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 工作组会议管理流程
+     * @returns {boolean}
+     */
+    gzzhygllc () {
+      const idArray = [ '7FM6KNU2DCDY7G46RD2E' ]
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 标准法规清单管理流程
+     * @returns {boolean}
+     */
+    bzfgqdgllc () {
+      const idArray = [ '4TR77UXU6RYHZPFHZND9' ]
+      return this.checkPermission(idArray)
+    }
+  },
+  watch: {
+    $route (newVal) {
+      this.type = newVal.params.type
+    }
+  },
+  mounted () {
+    const width = document.body.clientWidth
+    if (width > 1900) {
+      this.size = true
+    } else {
+      this.size = false
+    }
+    this.type = this.$route.params.type
+  },
   methods: {
     getImg (num) {
-      var url = ''
+      let url = ''
       if (num == 0) {
         url = require('@/assets/images/shangqi/img/process1.png')
       } else if (num == 1) {
@@ -460,15 +523,19 @@ export default {
           // 企标制修订-技术标准
           this.$router.push({
             name: 'bussLibrary1',
-            query:{
+            query: {
-              reviseStatus:'3'
+              reviseStatus: '3'
             },
           })
           break
         case 'buss2':
           // 企标制修订-产品标准
+          // this.$router.push({
+          //   name: 'bussLibraryProduct1'
+          // })
           this.$router.push({
-            name: 'bussLibraryProduct1'
+            name: 'bussLibraryProduct',
+            params: { type: '1' }
           })
           break
         case '2':
@@ -493,7 +560,7 @@ export default {
         case '3':
           // 标准征求意见流程
           this.$router.push({
-            name:'bzzqyjStep1'
+            name: 'bzzqyjStep1'
           })
           break
         case '4':
@@ -509,31 +576,31 @@ export default {
           // 标准发放申请流程
           break
         case '6':
-          //标准清单发布流程
+          // 标准清单发布流程
           this.$router.push({
-            name:'bzqdfbStep1'
+            name: 'bzqdfbStep1'
           })
           break
         case '7':
-          //标准合规评估
+          // 标准合规评估
           this.$router.push({
             name: 'bzpgStep1'
           })
           break
         case '8':
-          //未符合项整改流程
+          // 未符合项整改流程
           this.$router.push({
-            name:'wfhxzgStep1'
+            name: 'wfhxzgStep1'
           })
           break
         case '9':
           // 标准解读流程
           this.$router.push({
-            name:'bzjdStep1'
+            name: 'bzjdStep1'
           })
           break
         case '10':
-          //项目评估流程- 项目
+          // 项目评估流程- 项目
           this.$router.push({
             name: 'xmpg2Step1'
           })
@@ -541,7 +608,7 @@ export default {
         case '11':
           // 项目清单确认流程
           this.$router.push({
-            name:'xmqdqrStep1'
+            name: 'xmqdqrStep1'
           })
           break
         case '12':
@@ -557,37 +624,37 @@ export default {
           })
           break
         case '17':
-          //政策课题入会流程
+          // 政策课题入会流程
           this.$router.push({
             name: 'zcrhStep1'
           })
           break
         case '18':
-          //政策课题参会流程
+          // 政策课题参会流程
           this.$router.push({
             name: 'zcchStep1'
           })
           break
         case '19':
-          //政策课题会后流程
+          // 政策课题会后流程
           this.$router.push({
             name: 'zchhStep1'
           })
           break
         case '16':
-          //外部署名推荐审批流程
+          // 外部署名推荐审批流程
           this.$router.push({
             name: 'wbsmStep1'
           })
           break
         case '15':
-          //加入标准化协会信息提报流程
+          // 加入标准化协会信息提报流程
           this.$router.push({
             name: 'jrbzhxhStep1'
           })
           break
         case '14':
-          //参与外部标准制修订信息提报流程
+          // 参与外部标准制修订信息提报流程
           this.$router.push({
             name: 'cywbbzzxdStep1'
           })
@@ -664,75 +731,11 @@ export default {
           break
       }
     },
-    checkPermission(permissionIdArray) {
+    checkPermission (permissionIdArray) {
       return permissionIdArray.some(id => {
         return this.$hasPermission(id)
       })
     }
-  },
-  watch: {
-    $route (newVal) {
-      this.type = newVal.params.type
-    }
-  },
-  computed: {
-    /**
-     * 标准法规管理流程
-     * @returns {boolean}
-     */
-    // bzfggllc() {
-    //   const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
-    //   return this.checkPermission(idArray)
-    // },
-    /**
-     * 政策管理流程
-     * @returns {boolean}
-     */
-    zcgllc() {
-      const idArray = ['GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V']
-      return this.checkPermission(idArray)
-    },
-    /**
-     * 企标管理流程
-     * @returns {boolean}
-     */
-    qbgllc() {
-      const idArray = ['L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3']
-      return this.checkPermission(idArray)
-    },
-    /**
-     * 标准采购翻译申请流程
-     * @returns {boolean}
-     */
-    bzcgfysqlc() {
-      const idArray = ['C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4']
-      return this.checkPermission(idArray)
-    },
-    /**
-     * 工作组会议管理流程
-     * @returns {boolean}
-     */
-    gzzhygllc() {
-      const idArray = ['7FM6KNU2DCDY7G46RD2E']
-      return this.checkPermission(idArray)
-    },
-    /**
-     * 标准法规清单管理流程
-     * @returns {boolean}
-     */
-    bzfgqdgllc() {
-      const idArray = ['4TR77UXU6RYHZPFHZND9']
-      return this.checkPermission(idArray)
-    }
-  },
-  mounted () {
-    let width = document.body.clientWidth
-    if (width > 1900) {
-      this.size = true
-    } else {
-      this.size = false
-    }
-    this.type = this.$route.params.type
   }
 }
 </script>

src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue

@@ -564,6 +564,58 @@ export default {
           // }
           break
         case 'buss2':
+          let type = ''
+          switch (row.taskInfo) {
+            case '企标编写':
+              type = '2'
+              break
+            case '企标编写汇总':
+              type = '3'
+              break
+            case '重新企标编写汇总':
+              type = 'C3'
+              break
+            case '标准化初审':
+              type = '4'
+              break
+            case '征求意见':
+              type = '5'
+              break
+            case '意见汇总修订':
+              type = '6'
+              break
+            case '重新意见汇总修订':
+              type = 'C6'
+              break
+            case '标准化复审':
+              type = '7'
+              break
+            case '审核':
+              type = '8'
+              break
+            case '审定':
+              type = '10'
+              break
+            case '批准':
+              type = '12'
+              break
+            case '发布':
+              type = '13'
+              break
+          }
+          routeUrl = this.$router.resolve({
+            name: 'bussLibraryProduct',
+            query: {
+              taskIds: row.taskIds,
+              prcId: row.prcId,
+              prcNum: row.prcNum,
+              prcName: row.prcName,
+              prcType: row.prcType
+            },
+            params: { type }
+          })
+          break
+          /*
           if (row.taskInfo === '企标编写') {
             routeUrl = this.$router.resolve({
               name: 'bussLibraryProduct2',
@@ -709,6 +761,7 @@ export default {
             })
           }
           break;
+          */
         case 'buss3':
           if (row.taskInfo === '选择复审人') {
             routeUrl = this.$router.resolve({

src/pages/processCenter/pages/processList/tabComponents/taskDraft/index.vue

@@ -498,6 +498,16 @@ export default {
           }
           break
         case 'buss2':
+          routeUrl = this.$router.resolve({
+            name: 'bussLibraryProduct',
+            query: {
+              bpnId: id,
+            },
+            params: {
+              type: '1'
+            }
+          })
+          /*
           if(mes !== null && mes.taskInfo !== null && mes.taskInfo !== undefined) {
             if (mes.taskInfo === '企标编写') {
               routeUrl = this.$router.resolve({
@@ -646,6 +656,7 @@ export default {
               }
             })
           }
+           */
           break
           // 法规入库及评估流程
         case '2':

src/router/index.js

@@ -1406,6 +1406,15 @@ const routes = [
           title: '企标制修订流程及企业标准库流程'
         }
       },
+      {
+        path: '/bussLibraryProduct/:type',
+        name: 'bussLibraryProduct',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbrk-product/bussLibraryProduct.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标制修订-产品标准'
+        }
+      },
       {
         path: '/bussLibraryProduct1',
         name: 'bussLibraryProduct1',