diff --git a/src/api/supplier/supplier.js b/src/api/supplier/supplier.js
index b095e09..0fd037c 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -28,8 +28,8 @@
   return instance.post(`/supplierInputReview/listPage?${str}`, data)
 }
 // 历史评审不分页列表
-const historyReview = () => {
-  return instance.post('/supplierInputReview/history', {})
+const historyReview = (data) => {
+  return instance.post('/supplierInputReview/history', data)
 }
 
 // 新增

diff --git a/src/api/supplier/supplier.js b/src/api/supplier/supplier.js
index b095e09..0fd037c 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -28,8 +28,8 @@
   return instance.post(`/supplierInputReview/listPage?${str}`, data)
 }
 // 历史评审不分页列表
-const historyReview = () => {
-  return instance.post('/supplierInputReview/history', {})
+const historyReview = (data) => {
+  return instance.post('/supplierInputReview/history', data)
 }
 
 // 新增
diff --git a/src/components/mycomponent/dialog/historyReviewDialog.vue b/src/components/mycomponent/dialog/historyReviewDialog.vue
deleted file mode 100644
index f4c972d..0000000
--- a/src/components/mycomponent/dialog/historyReviewDialog.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<!--历史评审弹窗-->
-<template>
-  <el-dialog title="历史评审" width="975px" :visible.sync="isShowInfo" append-to-body @close="close">
-    <div class="historyReviewDialog ">
-      <div class="Dialog-input">
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierCode"
-              title="供应商编号"
-              disabled
-              placeholder="请输入编号"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierStatusName"
-              title="供应商状态"
-              disabled
-              placeholder="请输入状态"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierName"
-              title="供应商名称"
-              disabled
-              placeholder="请输入供应商名称"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="Dialog-table">
-        <el-table :data="tableData" height="250" border style="width: 100%" :header-cell-style="headerStyle">
-          <el-table-column type="index" :index="indexMethod" label="序号" width="100" />
-          <el-table-column prop="inputReviewResultName" label="录库评审结果" width="150" />
-          <el-table-column prop="inputReviewIllustration" label="录库评审说明" width="150" />
-          <el-table-column prop="inputReviewDate" label="录库评审日期" width="150" />
-          <el-table-column prop="inputReviewFile" label="录库评审详情" />
-          <el-table-column label="录库评审详情">
-            <template slot-scope="scope">
-              <el-button type="text" size="small">
-                预览
-              </el-button>
-              <el-button type="text" size="small">
-                下载
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import dialogHeader from './dialogHeader.vue'
-import inputVue from '../input/inputVue.vue'
-import RedStar from '../redStar.vue'
-
-import { historyReview } from '../../../api/supplier/supplier'
-
-export default {
-  components: { inputVue, dialogHeader, RedStar },
-  props: {
-    dataInfo: {
-      type: Object,
-      dataInfo: {}
-    }
-  },
-  data() {
-    return {
-      isShowInfo: true,
-      tableData: []
-    }
-  },
-  mounted() {
-    this.getHistoryReview()
-  },
-  methods: {
-    // 生成序号
-    indexMethod(index) {
-      return index + 1
-    },
-    // 合并表头
-    headerStyle({ row, column, rowIndex, columnIndex }) {
-      row[4].colSpan = 2 // 第三列的表头占据3个单元格
-      row[5].colSpan = 0
-      if (columnIndex === 5) {
-        return 'display: none'
-      }
-    },
-    close() {
-      this.$emit('close')
-    },
-    getHistoryReview() {
-      historyReview().then(res => {
-        console.log(res)
-        this.tableData = res
-      })
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-.historyReviewDialog {
-  width: 975px;
-  padding: 0 20px;
-  box-sizing: border-box;
-
-  .Dialog-input {
-    padding: 10px 20px;
-    display: flex;
-
-    .inputContent {
-      margin-right: 30px;
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-
-      .inputBox {
-        display: flex;
-        justify-content: inherit;
-        align-items: center;
-      }
-    }
-
-  }
-
-  .Dialog-table {
-    margin: 20px;
-  }
-
-}
-</style>

diff --git a/src/api/supplier/supplier.js b/src/api/supplier/supplier.js
index b095e09..0fd037c 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -28,8 +28,8 @@
   return instance.post(`/supplierInputReview/listPage?${str}`, data)
 }
 // 历史评审不分页列表
-const historyReview = () => {
-  return instance.post('/supplierInputReview/history', {})
+const historyReview = (data) => {
+  return instance.post('/supplierInputReview/history', data)
 }
 
 // 新增
diff --git a/src/components/mycomponent/dialog/historyReviewDialog.vue b/src/components/mycomponent/dialog/historyReviewDialog.vue
deleted file mode 100644
index f4c972d..0000000
--- a/src/components/mycomponent/dialog/historyReviewDialog.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<!--历史评审弹窗-->
-<template>
-  <el-dialog title="历史评审" width="975px" :visible.sync="isShowInfo" append-to-body @close="close">
-    <div class="historyReviewDialog ">
-      <div class="Dialog-input">
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierCode"
-              title="供应商编号"
-              disabled
-              placeholder="请输入编号"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierStatusName"
-              title="供应商状态"
-              disabled
-              placeholder="请输入状态"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierName"
-              title="供应商名称"
-              disabled
-              placeholder="请输入供应商名称"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="Dialog-table">
-        <el-table :data="tableData" height="250" border style="width: 100%" :header-cell-style="headerStyle">
-          <el-table-column type="index" :index="indexMethod" label="序号" width="100" />
-          <el-table-column prop="inputReviewResultName" label="录库评审结果" width="150" />
-          <el-table-column prop="inputReviewIllustration" label="录库评审说明" width="150" />
-          <el-table-column prop="inputReviewDate" label="录库评审日期" width="150" />
-          <el-table-column prop="inputReviewFile" label="录库评审详情" />
-          <el-table-column label="录库评审详情">
-            <template slot-scope="scope">
-              <el-button type="text" size="small">
-                预览
-              </el-button>
-              <el-button type="text" size="small">
-                下载
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import dialogHeader from './dialogHeader.vue'
-import inputVue from '../input/inputVue.vue'
-import RedStar from '../redStar.vue'
-
-import { historyReview } from '../../../api/supplier/supplier'
-
-export default {
-  components: { inputVue, dialogHeader, RedStar },
-  props: {
-    dataInfo: {
-      type: Object,
-      dataInfo: {}
-    }
-  },
-  data() {
-    return {
-      isShowInfo: true,
-      tableData: []
-    }
-  },
-  mounted() {
-    this.getHistoryReview()
-  },
-  methods: {
-    // 生成序号
-    indexMethod(index) {
-      return index + 1
-    },
-    // 合并表头
-    headerStyle({ row, column, rowIndex, columnIndex }) {
-      row[4].colSpan = 2 // 第三列的表头占据3个单元格
-      row[5].colSpan = 0
-      if (columnIndex === 5) {
-        return 'display: none'
-      }
-    },
-    close() {
-      this.$emit('close')
-    },
-    getHistoryReview() {
-      historyReview().then(res => {
-        console.log(res)
-        this.tableData = res
-      })
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-.historyReviewDialog {
-  width: 975px;
-  padding: 0 20px;
-  box-sizing: border-box;
-
-  .Dialog-input {
-    padding: 10px 20px;
-    display: flex;
-
-    .inputContent {
-      margin-right: 30px;
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-
-      .inputBox {
-        display: flex;
-        justify-content: inherit;
-        align-items: center;
-      }
-    }
-
-  }
-
-  .Dialog-table {
-    margin: 20px;
-  }
-
-}
-</style>
diff --git a/src/views/supplier/historyReviewDialog.vue b/src/views/supplier/historyReviewDialog.vue
new file mode 100644
index 0000000..1c0a9d6
--- /dev/null
+++ b/src/views/supplier/historyReviewDialog.vue
@@ -0,0 +1,77 @@
+<!--历史评审弹窗-->
+<template>
+  <el-dialog title="历史评审" width="60%" :visible.sync="isShowInfo" append-to-body :close-on-click-modal="false">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="供应商名称" :label-style="labelStyle" :content-style="contentStyle">{{ dataInfo.supplierName }}</el-descriptions-item>
+      <el-descriptions-item label="供应商编号" :label-style="labelStyle">{{ dataInfo.supplierCode }}</el-descriptions-item>
+      <el-descriptions-item label="供应商状态">{{ dataInfo.supplierStatusName }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">评审记录</div>
+    <el-table :data="tableData" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="inputReviewResultName" label="评审结果" width="150" ></el-table-column>
+      <el-table-column prop="inputReviewIllustration" label="评审结果说明"></el-table-column>
+      <el-table-column prop="inputReviewDate" label="评审日期" width="150" />
+      <el-table-column label="评审附件" width="300">
+        <template slot-scope="scope">
+          <el-link v-for="(item, index) in scope.row.inputReviewFileList" :href="baseUrl + item" :disabled="item === ''" type="primary" target="_blank" style="margin-right: 10px;">附件{{ index + 1 }}</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+
+import { historyReview } from '@/api/supplier/supplier'
+
+export default {
+  name: 'HistoryReviewDialog',
+  data() {
+    return {
+      isShowInfo: false,
+      tableData: [],
+      dataInfo: {
+
+      },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      },
+      contentStyle: {
+        width: '30%'
+      }
+    }
+  },
+  methods: {
+    initHistoryDialog(row) {
+      this.dataInfo = row
+      this.getHistoryReview(row.supplierCode)
+      this.isShowInfo = true
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    },
+    getHistoryReview(supplierCode) {
+      historyReview({ supplierCode: supplierCode }).then(res => {
+        res.forEach(record => {
+          if (record.inputReviewDate !== '' && record.inputReviewDate.length > 10) {
+            record.inputReviewDate = record.inputReviewDate.substring(0, 10)
+          }
+          if (record.inputReviewFile !== '') {
+            record.inputReviewFileList = record.inputReviewFile.split(',')
+          }
+        })
+        this.tableData = res
+      })
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+
+</style>

diff --git a/src/api/supplier/supplier.js b/src/api/supplier/supplier.js
index b095e09..0fd037c 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -28,8 +28,8 @@
   return instance.post(`/supplierInputReview/listPage?${str}`, data)
 }
 // 历史评审不分页列表
-const historyReview = () => {
-  return instance.post('/supplierInputReview/history', {})
+const historyReview = (data) => {
+  return instance.post('/supplierInputReview/history', data)
 }
 
 // 新增
diff --git a/src/components/mycomponent/dialog/historyReviewDialog.vue b/src/components/mycomponent/dialog/historyReviewDialog.vue
deleted file mode 100644
index f4c972d..0000000
--- a/src/components/mycomponent/dialog/historyReviewDialog.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<!--历史评审弹窗-->
-<template>
-  <el-dialog title="历史评审" width="975px" :visible.sync="isShowInfo" append-to-body @close="close">
-    <div class="historyReviewDialog ">
-      <div class="Dialog-input">
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierCode"
-              title="供应商编号"
-              disabled
-              placeholder="请输入编号"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierStatusName"
-              title="供应商状态"
-              disabled
-              placeholder="请输入状态"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierName"
-              title="供应商名称"
-              disabled
-              placeholder="请输入供应商名称"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="Dialog-table">
-        <el-table :data="tableData" height="250" border style="width: 100%" :header-cell-style="headerStyle">
-          <el-table-column type="index" :index="indexMethod" label="序号" width="100" />
-          <el-table-column prop="inputReviewResultName" label="录库评审结果" width="150" />
-          <el-table-column prop="inputReviewIllustration" label="录库评审说明" width="150" />
-          <el-table-column prop="inputReviewDate" label="录库评审日期" width="150" />
-          <el-table-column prop="inputReviewFile" label="录库评审详情" />
-          <el-table-column label="录库评审详情">
-            <template slot-scope="scope">
-              <el-button type="text" size="small">
-                预览
-              </el-button>
-              <el-button type="text" size="small">
-                下载
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import dialogHeader from './dialogHeader.vue'
-import inputVue from '../input/inputVue.vue'
-import RedStar from '../redStar.vue'
-
-import { historyReview } from '../../../api/supplier/supplier'
-
-export default {
-  components: { inputVue, dialogHeader, RedStar },
-  props: {
-    dataInfo: {
-      type: Object,
-      dataInfo: {}
-    }
-  },
-  data() {
-    return {
-      isShowInfo: true,
-      tableData: []
-    }
-  },
-  mounted() {
-    this.getHistoryReview()
-  },
-  methods: {
-    // 生成序号
-    indexMethod(index) {
-      return index + 1
-    },
-    // 合并表头
-    headerStyle({ row, column, rowIndex, columnIndex }) {
-      row[4].colSpan = 2 // 第三列的表头占据3个单元格
-      row[5].colSpan = 0
-      if (columnIndex === 5) {
-        return 'display: none'
-      }
-    },
-    close() {
-      this.$emit('close')
-    },
-    getHistoryReview() {
-      historyReview().then(res => {
-        console.log(res)
-        this.tableData = res
-      })
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-.historyReviewDialog {
-  width: 975px;
-  padding: 0 20px;
-  box-sizing: border-box;
-
-  .Dialog-input {
-    padding: 10px 20px;
-    display: flex;
-
-    .inputContent {
-      margin-right: 30px;
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-
-      .inputBox {
-        display: flex;
-        justify-content: inherit;
-        align-items: center;
-      }
-    }
-
-  }
-
-  .Dialog-table {
-    margin: 20px;
-  }
-
-}
-</style>
diff --git a/src/views/supplier/historyReviewDialog.vue b/src/views/supplier/historyReviewDialog.vue
new file mode 100644
index 0000000..1c0a9d6
--- /dev/null
+++ b/src/views/supplier/historyReviewDialog.vue
@@ -0,0 +1,77 @@
+<!--历史评审弹窗-->
+<template>
+  <el-dialog title="历史评审" width="60%" :visible.sync="isShowInfo" append-to-body :close-on-click-modal="false">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="供应商名称" :label-style="labelStyle" :content-style="contentStyle">{{ dataInfo.supplierName }}</el-descriptions-item>
+      <el-descriptions-item label="供应商编号" :label-style="labelStyle">{{ dataInfo.supplierCode }}</el-descriptions-item>
+      <el-descriptions-item label="供应商状态">{{ dataInfo.supplierStatusName }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">评审记录</div>
+    <el-table :data="tableData" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="inputReviewResultName" label="评审结果" width="150" ></el-table-column>
+      <el-table-column prop="inputReviewIllustration" label="评审结果说明"></el-table-column>
+      <el-table-column prop="inputReviewDate" label="评审日期" width="150" />
+      <el-table-column label="评审附件" width="300">
+        <template slot-scope="scope">
+          <el-link v-for="(item, index) in scope.row.inputReviewFileList" :href="baseUrl + item" :disabled="item === ''" type="primary" target="_blank" style="margin-right: 10px;">附件{{ index + 1 }}</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+
+import { historyReview } from '@/api/supplier/supplier'
+
+export default {
+  name: 'HistoryReviewDialog',
+  data() {
+    return {
+      isShowInfo: false,
+      tableData: [],
+      dataInfo: {
+
+      },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      },
+      contentStyle: {
+        width: '30%'
+      }
+    }
+  },
+  methods: {
+    initHistoryDialog(row) {
+      this.dataInfo = row
+      this.getHistoryReview(row.supplierCode)
+      this.isShowInfo = true
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    },
+    getHistoryReview(supplierCode) {
+      historyReview({ supplierCode: supplierCode }).then(res => {
+        res.forEach(record => {
+          if (record.inputReviewDate !== '' && record.inputReviewDate.length > 10) {
+            record.inputReviewDate = record.inputReviewDate.substring(0, 10)
+          }
+          if (record.inputReviewFile !== '') {
+            record.inputReviewFileList = record.inputReviewFile.split(',')
+          }
+        })
+        this.tableData = res
+      })
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/src/views/supplier/inquiry.vue b/src/views/supplier/inquiry.vue
index 1f519f7..9d74382 100644
--- a/src/views/supplier/inquiry.vue
+++ b/src/views/supplier/inquiry.vue
@@ -83,8 +83,6 @@
   mixins: [listMixin],
   data() {
     return {
-      isShowHistoryDialog: false,
-      isShowDialog: false,
       selectInfo: {
         supplierCode: '',
         supplierName: '',
@@ -97,8 +95,6 @@
       dataInfo: {}// 传值
     }
   },
-  mounted() {
-  },
   methods: {
     tableRowClassName: tableRowClassName,
     hitstoryDialog(row) {
@@ -155,7 +151,6 @@
       margin-right: 1rem;
     }
   }
-
 }
 
 .inquiry-table {

diff --git a/src/api/supplier/supplier.js b/src/api/supplier/supplier.js
index b095e09..0fd037c 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -28,8 +28,8 @@
   return instance.post(`/supplierInputReview/listPage?${str}`, data)
 }
 // 历史评审不分页列表
-const historyReview = () => {
-  return instance.post('/supplierInputReview/history', {})
+const historyReview = (data) => {
+  return instance.post('/supplierInputReview/history', data)
 }
 
 // 新增
diff --git a/src/components/mycomponent/dialog/historyReviewDialog.vue b/src/components/mycomponent/dialog/historyReviewDialog.vue
deleted file mode 100644
index f4c972d..0000000
--- a/src/components/mycomponent/dialog/historyReviewDialog.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<!--历史评审弹窗-->
-<template>
-  <el-dialog title="历史评审" width="975px" :visible.sync="isShowInfo" append-to-body @close="close">
-    <div class="historyReviewDialog ">
-      <div class="Dialog-input">
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierCode"
-              title="供应商编号"
-              disabled
-              placeholder="请输入编号"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierStatusName"
-              title="供应商状态"
-              disabled
-              placeholder="请输入状态"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-        <div class="inputContent">
-          <div class="inputBox">
-            <red-star />
-            <input-vue
-              v-model="dataInfo.supplierName"
-              title="供应商名称"
-              disabled
-              placeholder="请输入供应商名称"
-              class="inputWidth"
-              width="200px"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="Dialog-table">
-        <el-table :data="tableData" height="250" border style="width: 100%" :header-cell-style="headerStyle">
-          <el-table-column type="index" :index="indexMethod" label="序号" width="100" />
-          <el-table-column prop="inputReviewResultName" label="录库评审结果" width="150" />
-          <el-table-column prop="inputReviewIllustration" label="录库评审说明" width="150" />
-          <el-table-column prop="inputReviewDate" label="录库评审日期" width="150" />
-          <el-table-column prop="inputReviewFile" label="录库评审详情" />
-          <el-table-column label="录库评审详情">
-            <template slot-scope="scope">
-              <el-button type="text" size="small">
-                预览
-              </el-button>
-              <el-button type="text" size="small">
-                下载
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import dialogHeader from './dialogHeader.vue'
-import inputVue from '../input/inputVue.vue'
-import RedStar from '../redStar.vue'
-
-import { historyReview } from '../../../api/supplier/supplier'
-
-export default {
-  components: { inputVue, dialogHeader, RedStar },
-  props: {
-    dataInfo: {
-      type: Object,
-      dataInfo: {}
-    }
-  },
-  data() {
-    return {
-      isShowInfo: true,
-      tableData: []
-    }
-  },
-  mounted() {
-    this.getHistoryReview()
-  },
-  methods: {
-    // 生成序号
-    indexMethod(index) {
-      return index + 1
-    },
-    // 合并表头
-    headerStyle({ row, column, rowIndex, columnIndex }) {
-      row[4].colSpan = 2 // 第三列的表头占据3个单元格
-      row[5].colSpan = 0
-      if (columnIndex === 5) {
-        return 'display: none'
-      }
-    },
-    close() {
-      this.$emit('close')
-    },
-    getHistoryReview() {
-      historyReview().then(res => {
-        console.log(res)
-        this.tableData = res
-      })
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-.historyReviewDialog {
-  width: 975px;
-  padding: 0 20px;
-  box-sizing: border-box;
-
-  .Dialog-input {
-    padding: 10px 20px;
-    display: flex;
-
-    .inputContent {
-      margin-right: 30px;
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-
-      .inputBox {
-        display: flex;
-        justify-content: inherit;
-        align-items: center;
-      }
-    }
-
-  }
-
-  .Dialog-table {
-    margin: 20px;
-  }
-
-}
-</style>
diff --git a/src/views/supplier/historyReviewDialog.vue b/src/views/supplier/historyReviewDialog.vue
new file mode 100644
index 0000000..1c0a9d6
--- /dev/null
+++ b/src/views/supplier/historyReviewDialog.vue
@@ -0,0 +1,77 @@
+<!--历史评审弹窗-->
+<template>
+  <el-dialog title="历史评审" width="60%" :visible.sync="isShowInfo" append-to-body :close-on-click-modal="false">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="供应商名称" :label-style="labelStyle" :content-style="contentStyle">{{ dataInfo.supplierName }}</el-descriptions-item>
+      <el-descriptions-item label="供应商编号" :label-style="labelStyle">{{ dataInfo.supplierCode }}</el-descriptions-item>
+      <el-descriptions-item label="供应商状态">{{ dataInfo.supplierStatusName }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">评审记录</div>
+    <el-table :data="tableData" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="inputReviewResultName" label="评审结果" width="150" ></el-table-column>
+      <el-table-column prop="inputReviewIllustration" label="评审结果说明"></el-table-column>
+      <el-table-column prop="inputReviewDate" label="评审日期" width="150" />
+      <el-table-column label="评审附件" width="300">
+        <template slot-scope="scope">
+          <el-link v-for="(item, index) in scope.row.inputReviewFileList" :href="baseUrl + item" :disabled="item === ''" type="primary" target="_blank" style="margin-right: 10px;">附件{{ index + 1 }}</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+
+import { historyReview } from '@/api/supplier/supplier'
+
+export default {
+  name: 'HistoryReviewDialog',
+  data() {
+    return {
+      isShowInfo: false,
+      tableData: [],
+      dataInfo: {
+
+      },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      },
+      contentStyle: {
+        width: '30%'
+      }
+    }
+  },
+  methods: {
+    initHistoryDialog(row) {
+      this.dataInfo = row
+      this.getHistoryReview(row.supplierCode)
+      this.isShowInfo = true
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    },
+    getHistoryReview(supplierCode) {
+      historyReview({ supplierCode: supplierCode }).then(res => {
+        res.forEach(record => {
+          if (record.inputReviewDate !== '' && record.inputReviewDate.length > 10) {
+            record.inputReviewDate = record.inputReviewDate.substring(0, 10)
+          }
+          if (record.inputReviewFile !== '') {
+            record.inputReviewFileList = record.inputReviewFile.split(',')
+          }
+        })
+        this.tableData = res
+      })
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/src/views/supplier/inquiry.vue b/src/views/supplier/inquiry.vue
index 1f519f7..9d74382 100644
--- a/src/views/supplier/inquiry.vue
+++ b/src/views/supplier/inquiry.vue
@@ -83,8 +83,6 @@
   mixins: [listMixin],
   data() {
     return {
-      isShowHistoryDialog: false,
-      isShowDialog: false,
       selectInfo: {
         supplierCode: '',
         supplierName: '',
@@ -97,8 +95,6 @@
       dataInfo: {}// 传值
     }
   },
-  mounted() {
-  },
   methods: {
     tableRowClassName: tableRowClassName,
     hitstoryDialog(row) {
@@ -155,7 +151,6 @@
       margin-right: 1rem;
     }
   }
-
 }
 
 .inquiry-table {
diff --git a/src/views/supplier/review.vue b/src/views/supplier/review.vue
index 27ada19..7a40096 100644
--- a/src/views/supplier/review.vue
+++ b/src/views/supplier/review.vue
@@ -62,7 +62,7 @@
         @setLimit="setLimit"
       />
     </div>
-<!--    <historyReviewDialog v-if="isShowHistoryDialog" :data-info="dataInfo" @close="riviewHistoryDialogClose" />-->
+    <history-review-dialog ref="reviewHis" />
     <review-dialog ref="reviewDialog" @refreshList="selectData"/>
   </div>
 </template>
@@ -70,20 +70,18 @@
 <script>
 import GroupPage from '../../components/mycomponent/groupPage.vue'
 import ReviewDialog from '@/views/supplier/reviewDialog'
-// import historyReviewDialog from '../../components/mycomponent/dialog/historyReviewDialog.vue'
+import HistoryReviewDialog from '@/views/supplier/historyReviewDialog'
 
 import { r_list } from '../../api/supplier/supplier'
 import { tableRowClassName } from '../../utils/myUtils/changeTableTr'
 import { listMixin } from '../../utils/myUtils/mixins/listPage'
 export default { // 加入分页逻辑
   components: {
-    ReviewDialog, GroupPage
+    ReviewDialog, HistoryReviewDialog, GroupPage
   },
   mixins: [listMixin],
   data() {
     return {
-      isShowHistoryDialog: false,
-      isShowDialog: false,
       selectInfo: {
         supplierCode: '',
         supplierName: '',
@@ -95,13 +93,10 @@
       ]
     }
   },
-  mounted() {
-  },
   methods: {
     tableRowClassName: tableRowClassName,
     hitstoryDialog(row) {
-      console.log(row)
-      this.isShowHistoryDialog = true
+      this.$refs.reviewHis.initHistoryDialog(row)
     },
     reviewDialogClick(row) {
       this.$refs.reviewDialog.initDialog(row)