diff --git a/sgzb-ui/src/views/claimAndreturn/picking/protocol/index.vue b/sgzb-ui/src/views/claimAndreturn/picking/protocol/index.vue
index 2fb60b5e..72982aee 100644
--- a/sgzb-ui/src/views/claimAndreturn/picking/protocol/index.vue
+++ b/sgzb-ui/src/views/claimAndreturn/picking/protocol/index.vue
@@ -157,7 +157,7 @@
                 prop="contractCode"
                 :show-overflow-tooltip="true"
             />
-            <el-table-column
+            <!-- <el-table-column
                 label="协议类型"
                 align="center"
                 prop="protocol"
@@ -183,13 +183,7 @@
                         >{{ scope.row.imgNameList[index] }}</div
                     >
                 </template>
-            </el-table-column>
-            <el-table-column
-                label="签订日期"
-                align="center"
-                prop="signTime"
-                :show-overflow-tooltip="true"
-            />
+            </el-table-column> -->
             <el-table-column
                 label="往来单位"
                 align="center"
@@ -203,6 +197,14 @@
                 :show-overflow-tooltip="true"
             />
             <el-table-column
+                label="签订日期"
+                align="center"
+                prop="signTime"
+                width="120"
+                show-overflow-tooltip
+            />
+
+            <!-- <el-table-column
                 label="开始日期"
                 align="center"
                 prop="planStartTime"
@@ -231,8 +233,8 @@
                 align="center"
                 prop="remark"
                 :show-overflow-tooltip="true"
-            />
-            <el-table-column label="操作" align="center" width="120">
+            /> -->
+            <el-table-column label="操作" align="center" width="160">
                 <template slot-scope="scope">
                     <el-button
                         size="mini"
@@ -250,6 +252,14 @@
                         v-hasPermi="['picking:protocol:del']"
                         >删除</el-button
                     >
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-chat-dot-round"
+                        @click="handleDetails(scope.row)"
+                        v-hasPermi="['picking:protocol:edit']"
+                        >详情</el-button
+                    >
                 </template>
             </el-table-column>
         </el-table>
@@ -449,6 +459,64 @@
         <el-dialog :visible.sync="dialogVisible">
             <img width="100%" height="650px" :src="dialogImageUrl" alt />
         </el-dialog>
+
+        <!-- 详情弹框 -->
+        <el-dialog
+            title="协议详情"
+            :visible.sync="protocolDetailsDialogVisible"
+            width="70%"
+        >
+            <el-descriptions
+                class="margin-top"
+                :column="3"
+                size="medium"
+                border
+                :labelStyle="labelStyle"
+                :contentStyle="contentStyle"
+            >
+                <el-descriptions-item
+                    v-for="(item, v) in protocolDetailsLabelList"
+                    :key="v"
+                >
+                    <template slot="label">{{ item.label }}</template>
+                    <template v-if="item.v_slot">
+                        <template v-if="item.v_slot === 'type'">
+                            <el-tag v-if="protocolDetailsInfo['protocol'] == 1"
+                                >内部单位</el-tag
+                            >
+                            <el-tag
+                                v-else-if="protocolDetailsInfo['protocol'] == 2"
+                                >外部单位</el-tag
+                            >
+                            <template v-else> - </template>
+                        </template>
+                        <template v-if="item.v_slot === 'img'">
+                            <template
+                                v-if="
+                                    protocolDetailsInfo['imgUrlList'] &&
+                                    protocolDetailsInfo['imgUrlList'].length > 0
+                                "
+                            >
+                                <ImagePreview
+                                    v-for="(img, index) in protocolDetailsInfo[
+                                        'imgUrlList'
+                                    ]"
+                                    :key="index"
+                                    :src="`${uploadUrl}${img}`"
+                                    :width="`20px`"
+                                    :height="`20px`"
+                                    class="img-box"
+                                />
+                            </template>
+                            <template v-else> - </template>
+                        </template>
+                    </template>
+                    <template v-else>
+                        {{ protocolDetailsInfo[item.content] || '-' }}
+                    </template>
+                </el-descriptions-item>
+            </el-descriptions>
+        </el-dialog>
     </div>
 </template>
 
@@ -568,6 +636,27 @@ export default {
                 ],
             },
             deptName: undefined,
+            protocolDetailsDialogVisible: false, // 协议详情弹框
+            labelStyle: {
+                'text-align': 'center',
+                width: '200px',
+            },
+            contentStyle: {
+                'text-align': 'center',
+                width: '400px',
+            },
+            protocolDetailsLabelList: [
+                { label: '协议类型', content: 'protocol', v_slot: 'type' },
+                { label: '附件图片', content: 'imgUrlList', v_slot: 'img' },
+                { label: '开始日期', content: 'planStartTime' },
+                { label: '租赁期限（天）', content: 'leaseDay' },
+                { label: '授权人', content: 'authPerson' },
+                { label: '联系电话', content: 'phone' },
+                { label: '备注', content: 'remark' },
+            ],
+            protocolDetailsInfo: {
+                imgUrlList: [],
+            }, // 详情内容
         }
     },
     computed: {
@@ -808,6 +897,15 @@ export default {
                 this.$modal.msgWarning('请选择要导出的数据')
             }
         },
+
+        /**
+         * 详情
+         */
+        handleDetails(row) {
+            console.log(row, '详情--------')
+            this.protocolDetailsInfo = row
+            this.protocolDetailsDialogVisible = true
+        },
     },
 }
 </script>
@@ -822,4 +920,13 @@ export default {
         display: none;
     }
 }
+.margin-top {
+    margin-top: -15px;
+}
+.img-box {
+    margin-right: 12px;
+}
+.img-box:last-child {
+    margin: 0;
+}
 </style>