协议详情

src/views/platinum/platinum_agreement/compoments/detail/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <!-- 客户资料详情-->
-  <a-modal class="add-custom custom-detail"
-           title="客户资料详情"
+  <!-- 协议详情-->
+  <a-modal class="commonModal addSpotVariety"
+           title="协议详情"
            centered
            v-model:visible="visible"
            :maskClosable="false"
@@ -13,18 +13,78 @@
                 :loading="loading"
                 @click="cancel">关闭</a-button>
     </template>
-    <Des :list="desList" />
+    <a-form class="inlineForm">
+      <fieldset class="formFieldSet">
+        <legend>协议信息</legend>
+        <Des :list="desList"
+             @onClick="getContent(selectedRow.agreementcontent)" />
+      </fieldset>
+      <fieldset class="formFieldSet">
+        <legend>修改流水</legend>
+        <div class="tableDatas tableContextCenter">
+          <a-table class="dialogTable"
+                   :columns="columns"
+                   :data-source="tableList"
+                   :pagination="false">
+            <!-- 协议类型-->
+            <template #agreementcontent="{ record }">
+              <a @click="getContent(record.agreementcontent)">查看</a>
+            </template>
+          </a-table>
+        </div>
+      </fieldset>
+    </a-form>
+  </a-modal>
+  <a-modal class="commonModal addSpotVariety"
+           title="协议内容"
+           centered
+           v-model:visible="visibleContent"
+           :maskClosable="false"
+           @cancel="visibleContent = false"
+           width="890px">
+    <a-textarea class="dialogInput"
+                v-model:value="content"
+                style="width: 100%"
+                placeholder="请输入协议内容"
+                readonly
+                :autosize="{ minRows: 8, maxRows: 24 }" />
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                @click="visibleContent = false">关闭</a-button>
+    </template>
   </a-modal>
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, watchEffect } from 'vue';
+import { defineComponent, PropType, ref, watchEffect } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
 import { Des, handleDesList } from '@/common/components/commonDes';
-import { QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
+import { QhjAgreementChangeLog, QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
 import { formatValue } from '@/common/methods';
 import { getAgreementTypeName } from '@/common/constants/enumsName';
 import { handleArgreementType } from '../../setup';
+import { queryTableList } from '@/common/setup/table';
+import { queryAgreementChangeLog } from '@/services/go/ermcp/qhj';
+
+const columns = [
+    {
+        title: '时间',
+        dataIndex: 'updatetime',
+        key: 'updatetime',
+    },
+    {
+        title: '协议名称',
+        dataIndex: 'agreementname',
+        key: 'agreementname',
+    },
+    {
+        title: '内容',
+        dataIndex: 'agreementcontent',
+        key: 'agreementcontent',
+        slots: { customRender: 'agreementcontent' },
+    },
+];
 
 export default defineComponent({
     name: 'custom-detail',
@@ -39,25 +99,39 @@ export default defineComponent({
         const { visible, cancel } = closeModal('detail');
         const { desList, getDesList } = handleDesList();
         const { getRateEnumName } = handleArgreementType();
+        const { loading, tableList, queryTable } = queryTableList<QhjAgreementChangeLog>();
+        // 协议内容
+        const visibleContent = ref<boolean>(false);
+        const content = ref<string>('');
+        function getContent(value: string) {
+            visibleContent.value = true;
+            content.value = value;
+        }
         watchEffect(() => {
             if (visible.value) {
                 const data = props.selectedRow;
-                // 个人
+                queryTable(queryAgreementChangeLog, { agreementid: data.agreementid });
+
                 const list = [
                     { label: '协议编号', value: formatValue(data.agreementno) },
                     { label: '协议名称', value: formatValue(data.agreementname) },
                     { label: '协议类型', value: getAgreementTypeName(data.agreementtype) },
                     { label: '签署频率', value: getRateEnumName(data.agreementfrequency) },
-                    { label: '内容', value: formatValue(data.agreementcontent), className: 'blue' },
+                    { label: '内容', value: '查看', className: 'blue' },
                 ];
                 getDesList(list);
             }
         });
 
         return {
+            visibleContent,
+            content,
+            getContent,
+            columns,
             cancel,
             desList,
             visible,
+            tableList,
         };
     },
 });

src/views/platinum/platinum_financing_information/list/tab/compoments/detail/index.vue

@@ -24,7 +24,6 @@
                    :columns="columns"
                    :data-source="tableList"
                    :pagination="false">
-
           </a-table>
         </div>
       </fieldset>