style update

src/assets/styles/mixin.less

@@ -3628,4 +3628,29 @@ input:-internal-autofill-selected {
     position: absolute;
     top: 15px;
     left: -66px;
+}
+
+// 审核拒绝失败原因
+.toolTipTableColumn {
+    .ant-tooltip-content {
+        border: 1px solid @m-grey23;
+        box-shadow: 0px 10px 10px 0px @m-boxShadow;
+        .rounded-corners(5px);
+        .ant-tooltip-arrow {
+            .ant-tooltip-arrow-content {
+                border-top-color: @m-grey22;
+                border-left-color: @m-grey22;
+                border: 1PX solid @m-grey23;
+                border-bottom: 0;
+                border-right: 0;
+                background: @m-grey22;
+            }
+        }
+        .ant-tooltip-inner {
+            border-image-width: 0;
+            background: @m-grey22;
+            color: @m-grey1;
+            padding: 5px 10px;
+        }
+    }
 }

src/views/order/commodity_contract/components/commodity_contract_bargain/index.vue

@@ -1,41 +1,68 @@
 <template>
-  <!-- 商品订单 - 议价单 -->
-  <section>
-    <a-table :columns="columns"
-             class="srcollYTable expandLeftTable"
-             :scroll="{ x: '100%', y: '190px' }"
-             :pagination="false"
-             :loading="loading"
-             :expandedRowKeys="expandedRowKeys"
-             :customRow="Rowclick"
-             :expandIcon="expandIcon"
-             :expandIconAsCell="false"
-             rowKey="key"
-             :data-source="tableList">
-      <!-- 额外的展开行 -->
-      <template v-if="btnList.length"
-                #expandedRowRender="{ record }">
-        <BtnList :btnList="handleBtnList(record, btnList)"
-                 :record="record"
-                 class="btn-list-sticky"
-                 @click="openComponent" />
-      </template>
-      <template #applytime="{ text }">
-        <span>{{ formatTime(text) }}</span>
-      </template>
-      <template #buyorsell="{ text }">
-        <span>{{ getBuyOrSellName(text) }}</span>
-      </template>
-      <template #applystatus="{ text }">
-        <span>{{ getScfContractStatusName(text) }}</span>
-      </template>
-    </a-table>
-    <component :is="componentId"
-               v-if="componentId"
-               :selectedRow="selectedRow"
-               :tableList="tableList"
-               @cancel="closeComponent"></component>
-  </section>
+    <!-- 商品订单 - 议价单 -->
+    <section>
+        <a-table
+            :columns="columns"
+            class="srcollYTable expandLeftTable"
+            :scroll="{ x: '100%', y: '190px' }"
+            :pagination="false"
+            :loading="loading"
+            :expandedRowKeys="expandedRowKeys"
+            :customRow="Rowclick"
+            :expandIcon="expandIcon"
+            :expandIconAsCell="false"
+            rowKey="key"
+            :data-source="tableList"
+        >
+            <!-- 额外的展开行 -->
+            <template v-if="btnList.length" #expandedRowRender="{ record }">
+                <BtnList
+                    :btnList="handleBtnList(record, btnList)"
+                    :record="record"
+                    class="btn-list-sticky"
+                    @click="openComponent"
+                />
+            </template>
+            <template #applytime="{ text }">
+                <span>{{ formatTime(text) }}</span>
+            </template>
+            <template #transferamount="{ record }">
+                <div>
+                    <!-- 审核拒绝 -->
+                    <a-tooltip
+                        placement="bottom"
+                        v-if="record.applystatus === 4"
+                        overlayClassName="toolTipTableColumn"
+                    >
+                        <template #title>
+                            <span>{{ getScfContractStatusName(text) }}</span>
+                        </template>
+                        <span
+                            :class="record.applystatus === 4 ? 'red' : 'white'"
+                        >{{ record.transferamount }}</span>
+                        <ExclamationCircleOutlined
+                            class="ml10 red"
+                            v-if="record.applystatus === 4"
+                        />
+                    </a-tooltip>
+                    <span v-else>{{ record.transferamount }}</span>
+                </div>
+            </template>
+            <template #buyorsell="{ text }">
+                <span>{{ getBuyOrSellName(text) }}</span>
+            </template>
+            <template #applystatus="{ text }">
+                <span>{{ getScfContractStatusName(text) }}</span>
+            </template>
+        </a-table>
+        <component
+            :is="componentId"
+            v-if="componentId"
+            :selectedRow="selectedRow"
+            :tableList="tableList"
+            @cancel="closeComponent"
+        ></component>
+    </section>
 </template>
 
 <script lang="ts">
@@ -60,10 +87,12 @@ import Bus from '@/utils/eventBus/index';
 import { ref } from 'vue';
 import { ApplyType } from '@/common/constants/enumCommon';
 import { getBuyOrSellName, getScfContractStatusName } from '@/common/constants/enumsName';
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 
 export default defineComponent({
     name: 'commodity_contract_bargain',
     components: {
+        ExclamationCircleOutlined,
         BtnList,
         // [ModalEnum.commodity_contract_summary_settlement]: defineAsyncComponent(() => import('./components/commodity_contract_summary_settlement/index.vue')),
         // [ModalEnum.commodity_contract_summary_transfer]: defineAsyncComponent(() => import('./components/commodity_contract_summary_transfer/index.vue')),