From 6b5c64fa3eb004088428e47a5d5d42c3922febec Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Wed, 19 Jun 2024 11:59:46 +0800
Subject: [PATCH] =?UTF-8?q?[add]=20=E4=B8=8D=E7=AC=A6=E5=90=88=E9=A1=B9?=
 =?UTF-8?q?=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../regulatoryComplianceAssessmentDatabase.js |   8 +
 .../en.js                                     |   9 +-
 .../zh.js                                     |   9 +-
 src/enums/commonEnums.js                      |   6 +
 .../nonmatchItem/NonmatchItemList.vue         | 383 ++++++++++++++++++
 .../modules/NonmatchItemCloseModal.vue        | 127 ++++++
 .../modules/NonmatchItemLookModal.vue         |  86 ++++
 .../RegulatoryComplianceAssessmentList.vue    |   7 +-
 .../modules/AssessmentLookModal.vue           |   2 +-
 9 files changed, 631 insertions(+), 6 deletions(-)
 create mode 100644 src/api/regulatoryComplianceAssessmentDatabase.js
 create mode 100644 src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/NonmatchItemList.vue
 create mode 100644 src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemCloseModal.vue
 create mode 100644 src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue

diff --git a/src/api/regulatoryComplianceAssessmentDatabase.js b/src/api/regulatoryComplianceAssessmentDatabase.js
new file mode 100644
index 0000000..4053037
--- /dev/null
+++ b/src/api/regulatoryComplianceAssessmentDatabase.js
@@ -0,0 +1,8 @@
+import { getAction, postAction } from './manage'
+
+// 不符合项库-关闭
+const nonmatchItemClose = (params) => postAction('', params)
+
+export {
+  nonmatchItemClose
+}
diff --git a/src/common/lang/regulatoryComplianceAssessmentDatabase/en.js b/src/common/lang/regulatoryComplianceAssessmentDatabase/en.js
index 170a320..986191b 100644
--- a/src/common/lang/regulatoryComplianceAssessmentDatabase/en.js
+++ b/src/common/lang/regulatoryComplianceAssessmentDatabase/en.js
@@ -29,6 +29,13 @@ module.exports = {
     modelStatus: '车型状态',
     appraiser: '评估人',
     problemType: '问题类型',
-    rectificationCompletionDate: '整改完成日期'
+    rectificationCompletionDate: '整改完成日期',
+    theStatusNotMeetRequirements: '不满足要求的现状',
+    rectificationPlan: '整改方案',
+    rectificationCycle: '整改周期',
+    rectificationCost: '整改费用',
+    sharedWithOtherProjects: '与其他项目共用性',
+    costOfThisItemAfterSharing: '共用后本项目所需费用',
+    isHaveClosed: '请选择整改状态为待整改的数据进行关闭'
   }
 }
diff --git a/src/common/lang/regulatoryComplianceAssessmentDatabase/zh.js b/src/common/lang/regulatoryComplianceAssessmentDatabase/zh.js
index 170a320..986191b 100644
--- a/src/common/lang/regulatoryComplianceAssessmentDatabase/zh.js
+++ b/src/common/lang/regulatoryComplianceAssessmentDatabase/zh.js
@@ -29,6 +29,13 @@ module.exports = {
     modelStatus: '车型状态',
     appraiser: '评估人',
     problemType: '问题类型',
-    rectificationCompletionDate: '整改完成日期'
+    rectificationCompletionDate: '整改完成日期',
+    theStatusNotMeetRequirements: '不满足要求的现状',
+    rectificationPlan: '整改方案',
+    rectificationCycle: '整改周期',
+    rectificationCost: '整改费用',
+    sharedWithOtherProjects: '与其他项目共用性',
+    costOfThisItemAfterSharing: '共用后本项目所需费用',
+    isHaveClosed: '请选择整改状态为待整改的数据进行关闭'
   }
 }
diff --git a/src/enums/commonEnums.js b/src/enums/commonEnums.js
index d579a51..876dc6d 100644
--- a/src/enums/commonEnums.js
+++ b/src/enums/commonEnums.js
@@ -604,3 +604,9 @@ export const ListState = {
   UNPUBLISH: { text: '未发布', value: '2' },
   UNDER_REVISION: { text: '修改中', value: '3' },
 }
+
+// 整改状态
+export const RectificationState = {
+  TO_BE_RECTIFIED: { text: '待整改', value: '1' },
+  TARGET_IS_CLOSED: { text: '已关闭', value: '2' }
+}
diff --git a/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/NonmatchItemList.vue b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/NonmatchItemList.vue
new file mode 100644
index 0000000..bfaee34
--- /dev/null
+++ b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/NonmatchItemList.vue
@@ -0,0 +1,383 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <!--  标准编号 -->
+          <a-col :md="6" :sm="12">
+            <a-form-item :label="$t('standardNumber')">
+              <j-input
+                :placeholder="$t('pleaseEnter') + $t('standardNumber')"
+                v-model="queryParam.standardNumber"></j-input>
+            </a-form-item>
+          </a-col>
+
+          <!--   标准名称  -->
+          <a-col :md="6" :sm="8">
+            <a-form-item :label="$t('standardName')">
+              <j-input
+                :placeholder="$t('pleaseEnter') + $t('standardName')"
+                v-model="queryParam.standardName"></j-input>
+            </a-form-item>
+          </a-col>
+
+          <!--   车型  -->
+          <a-col :md="6" :sm="8">
+            <a-form-item :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.vehicleType')">
+              <j-input
+                :placeholder="$t('pleaseEnter') + $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.vehicleType')"
+                v-model="queryParam.vehicleType"></j-input>
+            </a-form-item>
+          </a-col>
+
+          <template v-if="toggleSearchStatus">
+            <!--  责任部门 -->
+            <a-col :md="6" :sm="8">
+              <a-form-item :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.responsibleDepartment')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-tree-select
+                  tree-node-filter-prop="title"
+                  v-model="queryParam.responsibleDepartment"
+                  :maxTagCount="1"
+                  allowClear
+                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                  class="box-input"
+                  style="width: 100%"
+                  :tree-data="categoryTreeList"
+                  :placeholder="$t('pleaseSelect') + $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.responsibleDepartment')"
+                  treeCheckable
+                  treeCheckStrictly
+                  show-search
+                  :filterTreeNode="filterTreeOption"
+                />
+              </a-form-item>
+            </a-col>
+            <!--   整改状态  -->
+            <a-col :md="6" :sm="8">
+              <a-form-item :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationState')">
+                <j-dict-select-tag
+                  :placeholder="$t('pleaseSelect') + $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationState')"
+                  v-model="queryParam.rectificationState"
+                  dict-code=""></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+
+            <!--   PCR编号  -->
+            <a-col :md="6" :sm="8">
+              <a-form-item :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.pcrNumber')">
+                <j-input
+                  :placeholder="$t('pleaseEnter') + $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.pcrNumber')"
+                  v-model="queryParam.pcrNumber"></j-input>
+              </a-form-item>
+            </a-col>
+          </template>
+
+          <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+            <a @click="handleToggleSearch">
+              {{ toggleSearchStatus ? $t('putAway') : $t('open') }}
+              <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+            </a>
+            <a-button type="primary" @click="searchQuery" icon="search">{{ $t('query') }}</a-button>
+            <a-button type="primary" ghost @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
+          </div>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <div class="table-operator">
+      <!--  导出  -->
+      <a-button icon="upload" type="primary" ghost @click="handleExportXls($t('regulatoryComplianceAssessmentDatabase.assessmentLibrary.exportName'))">
+        {{ $t('export') }}
+      </a-button>
+      <!--  批量关闭 -->
+      <a-button icon="close" type="primary" ghost @click="batchClose">{{ $t('batchClose') }}</a-button>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%', y: yScrollHeight}"
+        ref="table"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="false"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange">
+
+        <!--  标准编号、标准名称 -->
+        <template v-slot:toDetail="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="link-a" @click="toDetail(record)">{{ text }}</a>
+          </a-tooltip>
+        </template>
+
+        <!--  附件 -->
+        <template v-slot:file="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a v-if="text" class="link-a" @click="previewFile(record)">{{ text }}</a>
+            <div v-else class="table-text">{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+      </j-table>
+    </div>
+    <!-- table区域-end -->
+
+    <!--  关闭弹框 -->
+    <nonmatch-item-close-modal ref="nonmatchItemCloseModal" @ok="modalFormOk"/>
+    <!--  查看弹框  -->
+    <nonmatch-item-look-modal ref="nonmatchItemLookModal"/>
+
+  </a-card>
+</template>
+
+<script>
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import Vue from 'vue'
+import { previewPdf } from '@/utils/previewPdf'
+import { kkFilePreview } from '@/utils/kkFilePreview'
+import { downloadFile, getFileAccessHttpUrl } from '@/api/manage'
+import JTable from '@/components/jero/JTable'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { RectificationState } from '../../../enums/commonEnums'
+import NonmatchItemCloseModal from './modules/NonmatchItemCloseModal'
+import NonmatchItemLookModal from './modules/NonmatchItemLookModal'
+import { queryDepartTreeList } from '../../../api/api'
+
+// 支持预览的文件后缀
+const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx']
+const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw']
+const FILE_TYPE_PDF = 'pdf'
+
+export default {
+  name: 'NonmatchItemList',
+  components: { JTable, NonmatchItemCloseModal, NonmatchItemLookModal },
+  mixins: [JeroListMixin],
+  data () {
+    return {
+      categoryTreeList: [], // 组织机构下拉框数据
+      columns: [
+        { // 车型
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.vehicleType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'vehicleType',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 车型状态
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.modelStatus'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'modelStatus',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 标准编号
+          title: this.$t('standardNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardNumber',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 标准名称
+          title: this.$t('standardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardName',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 条款号
+          title: this.$t('clauseNo'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'clauseNo',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 条款内容
+          title: this.$t('clauseContent'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'clauseContent',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 责任部门
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.responsibleDepartment'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'responsibleDepartment',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 评估人
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.appraiser'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'appraiser',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 问题类型
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.problemType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'problemType',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 整改状态
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationState'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'rectificationState',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // PCR编号
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.pcrNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'pcrNumber',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 整改完成日期
+          title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCompletionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'rectificationCompletionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 附件
+          title: this.$t('attach'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'attach',
+          scopedSlots: { customRender: 'file' }
+        },
+        {
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          fixed: 'right',
+          width: 170
+        }
+      ],
+      operationList: [
+        // 查看
+        {
+          text: this.$t('view'),
+          clickEvent: 'handleLook',
+          has: ''
+        },
+        // 关闭
+        {
+          text: this.$t('close'),
+          clickEvent: 'handleClose',
+          has: ''
+        }
+      ],
+      url: {
+        list: ''
+      }
+    }
+  },
+  mounted () {
+    this.getSysCategoryTree()
+  },
+  methods: {
+    // 获取组织机构树
+    getSysCategoryTree () {
+      queryDepartTreeList().then((res) => {
+        if (res.success) {
+          this.categoryTreeList = res.result
+        } else {
+          this.categoryTreeList = []
+        }
+      })
+    },
+    onSelectChange (selectedRowKeys, selectionRows) {
+      this.selectedRowKeys = selectedRowKeys
+      console.log(this.selectedRowKeys.length, this.selectionRows.length)
+      if (this.selectedRowKeys.length > this.selectionRows.length) {
+        // 说明是增加了选中，把选中的没在selectionRows里的加进去
+        for (const item of selectionRows) {
+          if (!this.selectionRows.find(j => j.id === item.id)) {
+            this.selectionRows.push(item)
+          }
+        }
+      } else if (this.selectedRowKeys.length < this.selectionRows.length) {
+        // 说明是减少了选中，需要把this.selectionRows里面没在this.selectedRowKeys里的去掉
+        const selectionRows = JSON.parse(JSON.stringify(this.selectionRows))
+        for (const i in selectionRows) {
+          if (!this.selectedRowKeys.includes(selectionRows[i].id)) {
+            selectionRows[i] = false
+          }
+        }
+        this.selectionRows = JSON.parse(JSON.stringify(selectionRows.filter(item => !!item)))
+      }
+    },
+    toDetail (record) {
+
+    },
+    // 批量关闭
+    batchClose () {
+      // 只有待整改状态的可以关闭
+      const isHaveClosed = this.selectionRows.includes(i => i.rectificationState === RectificationState.TARGET_IS_CLOSED.value)
+      if (isHaveClosed) {
+        // 存在已关闭的数据
+        this.$message.warning(this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.isHaveClosed'))
+        return
+      }
+      this.$refs.nonmatchItemCloseModal.open(this.selectedRowKeys)
+    },
+    previewFile (record) {
+      // 截取文件后缀名
+      const fileSuffix = record.fileId_dictText ? record.fileId_dictText.split('.')[record.fileId_dictText.split('.').length - 1].toLowerCase() : ''
+      const canPreview = CAN_PREVIEW_FILE_SUFFIX.some(tt => fileSuffix.toLowerCase() === tt)
+      // 判断是否为可预览格式的文件
+      if (!canPreview) {
+        this.$message.loading('该文件类型不支持预览，正在为您准备下载...').then(() => {
+          this.handleDownload(record)
+        })
+        return
+      }
+      const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/view/${record.fileId}?at=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${record.fileId_dictText}`
+      // 图片预览，使用自己添加的组件
+      if (canPreview && FILE_TYPE_IMGS.includes(fileSuffix)) {
+        this.imageUrl = getFileAccessHttpUrl(record.fileId)
+        // 获取viewer实例
+        const viewer = this.$el.querySelector('.image').$viewer
+        // 调用show方法进行显示预览图
+        viewer.show()
+        // this.$refs.imagePreviewModal.open(file)
+        return
+      }
+      // pdf预览
+      if (canPreview && FILE_TYPE_PDF.includes(fileSuffix)) {
+        const url = previewPdf(record.fileId)
+        window.open(url)
+        return
+      }
+      // 其余可预览文件仍使用KKFile进行预览
+      kkFilePreview(fileFullUrl)
+    },
+    // 下载
+    handleDownload (record) {
+      // 下载文件
+      downloadFile(`/sys/common/download/${record.fileId}`, record.fileId_dictText)
+    },
+    // 查看
+    handleLook (record) {
+      this.$refs.nonmatchItemLookModal.open(record)
+    },
+    // 关闭
+    handleClose (record) {
+      this.$refs.nonmatchItemCloseModal.open(record.id)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
diff --git a/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemCloseModal.vue b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemCloseModal.vue
new file mode 100644
index 0000000..954268a
--- /dev/null
+++ b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemCloseModal.vue
@@ -0,0 +1,127 @@
+<template>
+  <j-modal
+    :title="title"
+    :maskClosable="true"
+    :width="800"
+    :closable="true"
+    switchFullscreen
+    @cancel="handleCancel"
+    @ok="handleOk"
+    :visible="visible">
+
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <!--   PCR编号  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.pcrNumber')">
+          <a-input :max-length="50"
+                   v-decorator.trim="[ 'pcrNumber', validatorRules.pcrNumber]"/>
+        </a-form-item>
+        <!--   整改完成日期  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCompletionDate')">
+          <a-date-picker
+            v-decorator.trim="[ 'rectificationCompletionDate', validatorRules.rectificationCompletionDate]"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+          >
+          </a-date-picker>
+        </a-form-item>
+        <!--   附件  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('attach')">
+          <j-upload
+            return-id
+            :multiple="false"
+            :number="1"
+            v-decorator.trim="[ 'attach', validatorRules.attach]"/>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+
+  </j-modal>
+</template>
+
+<script>
+import { nonmatchItemClose } from '@/api/regulatoryComplianceAssessmentDatabase'
+
+export default {
+  name: 'NonmatchItemCloseModal',
+  data () {
+    return {
+      title: this.$t('enterpriseStandardLibrary.standard.temporaryPermissionSet'),
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        // PCR编号
+        pcrNumber: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.pcrNumber') }
+          ],
+          validateTrigger: 'blur'
+        },
+        // 整改完成日期
+        rectificationCompletionDate: {
+          rules: [
+            { required: false, message: this.$t('pleaseSelect') + this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCompletionDate') }
+          ],
+          validateTrigger: 'change'
+        },
+        // 附件
+        attach: {
+          rules: [
+            { required: false, message: this.$t('pleaseSelect') + this.$t('attach') }
+          ],
+          validateTrigger: 'change'
+        }
+      }
+    }
+  },
+  methods: {
+    open (ids) {
+      this.visible = true
+      this.form.resetFields()
+      this.model.ids = ids
+    },
+    handleCancel () {
+      this.close()
+    },
+    handleOk () {
+      if (this.confirmLoading) return
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const param = Object.assign({}, values)
+          param.ids = this.model.ids
+          nonmatchItemClose(param).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+              this.$emit('ok')
+              this.close()
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.confirmLoading = false
+          })
+        }
+      })
+    },
+    close () {
+      this.visible = false
+      this.model = {}
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue
new file mode 100644
index 0000000..47380de
--- /dev/null
+++ b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue
@@ -0,0 +1,86 @@
+<template>
+  <j-modal
+    :title="title"
+    :maskClosable="true"
+    :width="1200"
+    :closable="true"
+    switchFullscreen
+    :footer="false"
+    @cancel="handleCancel"
+    :visible="visible">
+
+    <div class="table-page-search-wrapper">
+      <a-row :gutter="24">
+        <!--  不满足要求的现状  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.theStatusNotMeetRequirements') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.theStatusNotMeetRequirements }}</value>
+        </a-col>
+        <!--  整改方案  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationPlan') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.rectificationPlan }}</value>
+        </a-col>
+        <!--  整改周期  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCycle') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.rectificationCycle }}</value>
+        </a-col>
+        <!--  整改费用  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCost') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.rectificationCost }}</value>
+        </a-col>
+        <!--  与其他项目共用性  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.sharedWithOtherProjects') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.sharedWithOtherProjects }}</value>
+        </a-col>
+        <!--  共用后本项目所需费用  -->
+        <a-col :sm="8">
+          <label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.costOfThisItemAfterSharing') }}</label>
+        </a-col>
+        <a-col :sm="16">
+          <value>{{ model.costOfThisItemAfterSharing }}</value>
+        </a-col>
+      </a-row>
+    </div>
+
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'NonmatchItemLookModal',
+  data () {
+    return {
+      title: this.$t('view'),
+      visible: false,
+      model: {}
+    }
+  },
+  methods: {
+    open (record) {
+      this.visible = true
+      this.model = Object.assign({}, record)
+    },
+    handleCancel () {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/RegulatoryComplianceAssessmentList.vue b/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/RegulatoryComplianceAssessmentList.vue
index 93a9b38..d4cd837 100644
--- a/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/RegulatoryComplianceAssessmentList.vue
+++ b/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/RegulatoryComplianceAssessmentList.vue
@@ -152,7 +152,8 @@ export default {
         }
       ],
       url: {
-        list: ''
+        list: '',
+        exportXlsUrl: ''
       }
     }
   },
@@ -168,6 +169,6 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style scoped lang="less">
+@import '~@assets/less/common.less';
 </style>
diff --git a/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/modules/AssessmentLookModal.vue b/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/modules/AssessmentLookModal.vue
index e163c4e..0ace6f2 100644
--- a/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/modules/AssessmentLookModal.vue
+++ b/src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/modules/AssessmentLookModal.vue
@@ -129,7 +129,7 @@ export default {
   data () {
     return {
       title: this.$t('view'),
-      visible: true,
+      visible: false,
       categoryTreeList: [], // 组织机构下拉框数据
       columns: [
         {