新增异常详情

src/api/finance/ReconciliationDepositSlip.js

@@ -25,6 +25,18 @@ export const postOrderInfoListExport = data => {
   });
 };
 
+/**
+ * 导出
+ */
+export const postOrderInfoListExport2C = data => {
+  return request({
+    url: '/api/logpm-statisticsdata/merchantStatistics/orderInfoListExport2C',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  });
+};
+
 /**
  * 确认结算
  * @param {*} data
@@ -62,7 +74,6 @@ export const postCalculateRealCostByWaybillId = data => {
   });
 };
 
-
 /**
  * 生成对账单
  * @param {*} data

src/views/distribution/artery/abnormalList.vue

@@ -118,6 +118,8 @@
           </template>
 
           <template v-if="slotProps.scope.column.label === '操作'">
+            <el-text @click="() => handleShowDetails(slotProps.scope)">详情</el-text>
+
             <el-text
               v-if="
                 Number(slotProps.scope.row.abnormalStatus) === 0 &&
@@ -232,6 +234,24 @@
     </div>
   </el-dialog>
 
+  <el-dialog
+    title="异常详情"
+    :visible.sync="details.popUpShow.abnormalDetailsVisited"
+    width="500px"
+    :align-center="true"
+    v-model="details.popUpShow.abnormalDetailsVisited"
+  >
+    <div
+      v-for="item in details.columnList.filter(
+        val => !['复选框', '序号', '操作'].includes(val.label)
+      )"
+      class="abnormalDetail_row flex"
+    >
+      <div class="title">{{ item.label }}</div>
+      <div class="content">{{ details.abnormalInfo[item.prop] }}</div>
+    </div>
+  </el-dialog>
+
   <!-- 列表配置显示 -->
   <edittablehead
     @closce="showdrawer"
@@ -333,6 +353,8 @@ const details = reactive<any>({
   popUpShow: {
     /** 图片预览 */
     abnormalVisited: false,
+    /** 异常详情 */
+    abnormalDetailsVisited: false,
   },
   /** 列表Dom节点 */
   listNode: '',
@@ -579,6 +601,12 @@ const handleBatchAbnormarl = () => {
   details.isBatch = true;
   details.popUpShow.abnormalVisited = true;
 };
+
+/** 查看详情 */
+const handleShowDetails = ({ row }) => {
+  details.popUpShow.abnormalDetailsVisited = true;
+  details.abnormalInfo = { ...row };
+};
 </script>
 
 <style scoped lang="scss">
@@ -613,4 +641,27 @@ const handleBatchAbnormarl = () => {
     text-align: left !important;
   }
 }
+
+.abnormalDetail_row {
+  $border: 1px solid #e7e7e7;
+
+  border-top: $border;
+  border-right: $border;
+
+  .title {
+    width: 5rem;
+    background: #f5f5f5;
+    padding: 5px 15px;
+    border-left: $border;
+    border-right: $border;
+  }
+
+  .content {
+    padding: 5px 15px;
+  }
+
+  &:last-child {
+    border-bottom: $border;
+  }
+}
 </style>