From cbb444ad556b224bbd3cdf40b9bc65e760c3a545 Mon Sep 17 00:00:00 2001 From: yujialong <479214531@qq.com> Date: Fri, 15 Sep 2023 15:16:16 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E7=BB=8F=E7=90=86=E8=81=94?= =?UTF-8?q?=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- postcss.config.js | 3 +- src/api/bank.ts | 1 + src/api/config.ts | 50 ------ src/api/judgment.ts | 8 + src/styles/form.scss | 38 ++-- src/views/product/Add.vue | 320 ++++++++++++++++++++++----------- src/views/product/CardList.vue | 2 +- src/views/product/Config.vue | 2 +- src/views/product/Detail.vue | 55 +++--- src/views/product/List.vue | 11 +- 10 files changed, 291 insertions(+), 199 deletions(-) delete mode 100644 src/api/config.ts create mode 100644 src/api/judgment.ts diff --git a/postcss.config.js b/postcss.config.js index 33ad091..cdbe50f 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,7 @@ module.exports = { plugins: { + 'tailwindcss/nesting': {}, tailwindcss: {}, autoprefixer: {}, }, -} +}; diff --git a/src/api/bank.ts b/src/api/bank.ts index 1e705f5..fd9ea4b 100644 --- a/src/api/bank.ts +++ b/src/api/bank.ts @@ -5,6 +5,7 @@ export const queryStorage = async (id: number): Promise => (await axios.get export const updateStorage = async (data: Record): Promise => (await axios.post('/backend/core/storage?_method=put', data)).data; export const primaryTypeOfGuarantee = async (): Promise => (await axios.post('/product/bankGuaranteeType/primaryTypeOfGuarantee')).data; +export const typeOfGuarantee = async (): Promise => (await axios.post('/product/bankGuaranteeType/typeOfGuarantee')).data; export const bankingProductsList = async (data: Record): Promise => (await axios.post('/product/product/bank/products/bankingProductsList', data)).data; export const batchDeletion = async (data: Record): Promise => (await axios.post('/product/product/bank/products/batchDeletion', data)).data; export const personalRiskControlConfigurationField = async (): Promise => diff --git a/src/api/config.ts b/src/api/config.ts deleted file mode 100644 index 8a7f18a..0000000 --- a/src/api/config.ts +++ /dev/null @@ -1,50 +0,0 @@ -import axios from '@/utils/request'; - -export const imageUploadUrl = `${import.meta.env.VITE_BASE_API}/backend/image-upload`; -export const videoUploadUrl = `${import.meta.env.VITE_BASE_API}/backend/video-upload`; -export const docUploadUrl = `${import.meta.env.VITE_BASE_API}/backend/doc-upload`; -export const fileUploadUrl = `${import.meta.env.VITE_BASE_API}/backend/file-upload`; - -export const cropImage = async (data: Record): Promise => (await axios.post('/backend/image-crop', data)).data; - -export const queryGlobalModel = async (): Promise => (await axios.get('/backend/core/global-settings/model')).data; -export const queryGlobalSettings = async (): Promise => (await axios.get('/backend/core/global-settings')).data; -export const updateGlobalBaseSettings = async (data: Record): Promise => (await axios.post('/backend/core/global-settings/base?_method=put', data)).data; -export const updateGlobalCustomsSettings = async (data: Record): Promise => (await axios.post('/backend/core/global-settings/customs?_method=put', data)).data; -export const updateGlobalUploadSettings = async (data: Record): Promise => (await axios.post('/backend/core/global-settings/upload?_method=put', data)).data; - -export const querySiteSettings = async (): Promise => (await axios.get('/backend/core/site-settings')).data; -export const updateSiteBaseSettings = async (data: Record): Promise => (await axios.post('/backend/core/site-settings/base?_method=put', data)).data; -export const updateSiteCustomsSettings = async (data: Record): Promise => (await axios.post('/backend/core/site-settings/customs?_method=put', data)).data; -export const updateSiteWatermarkSettings = async (data: Record): Promise => (await axios.post('/backend/core/site-settings/watermark?_method=put', data)).data; -export const querySiteHtmlSettings = async (): Promise => (await axios.get('/backend/core/site-settings/html')).data; -export const updateSiteHtmlSettings = async (data: Record): Promise => (await axios.post('/backend/core/site-settings/html?_method=put', data)).data; -export const queryCurrentSiteThemeList = async (): Promise => (await axios.get('/backend/core/site/theme')).data; - -export const queryModelList = async (params?: Record): Promise => (await axios.get('/backend/core/model', { params })).data; -export const queryModel = async (id: number): Promise => (await axios.get(`/backend/core/model/${id}`)).data; -export const createModel = async (data: Record): Promise => (await axios.post('/backend/core/model', data)).data; -export const updateModel = async (data: Record): Promise => (await axios.post('/backend/core/model?_method=put', data)).data; -export const updateModelOrder = async (data: number[]): Promise => (await axios.post('/backend/core/model/order?_method=put', data)).data; -export const deleteModel = async (data: number[]): Promise => (await axios.post('/backend/core/model?_method=delete', data)).data; - -export const queryDictTypeList = async (params?: Record): Promise => (await axios.get('/backend/core/dict-type', { params })).data; -export const queryDictType = async (id: number): Promise => (await axios.get(`/backend/core/dict-type/${id}`)).data; -export const createDictType = async (data: Record): Promise => (await axios.post('/backend/core/dict-type', data)).data; -export const updateDictType = async (data: Record): Promise => (await axios.post('/backend/core/dict-type?_method=put', data)).data; -export const updateDictTypeOrder = async (data: number[]): Promise => (await axios.post('/backend/core/dict-type/order?_method=put', data)).data; -export const deleteDictType = async (data: number[]): Promise => (await axios.post('/backend/core/dict-type?_method=delete', data)).data; - -export const queryDictList = async (params?: Record): Promise => (await axios.get('/backend/core/dict', { params })).data; -export const queryDict = async (id: number): Promise => (await axios.get(`/backend/core/dict/${id}`)).data; -export const createDict = async (data: Record): Promise => (await axios.post('/backend/core/dict', data)).data; -export const updateDict = async (data: Record): Promise => (await axios.post('/backend/core/dict?_method=put', data)).data; -export const updateDictOrder = async (data: number[]): Promise => (await axios.post('/backend/core/dict/order?_method=put', data)).data; -export const deleteDict = async (data: number[]): Promise => (await axios.post('/backend/core/dict?_method=delete', data)).data; - -export const queryBlockList = async (params?: Record): Promise => (await axios.get('/backend/core/block', { params })).data; -export const queryBlock = async (id: number): Promise => (await axios.get(`/backend/core/block/${id}`)).data; -export const createBlock = async (data: Record): Promise => (await axios.post('/backend/core/block', data)).data; -export const updateBlock = async (data: Record): Promise => (await axios.post('/backend/core/block?_method=put', data)).data; -export const updateBlockOrder = async (data: number[]): Promise => (await axios.post('/backend/core/block/order?_method=put', data)).data; -export const deleteBlock = async (data: number[]): Promise => (await axios.post('/backend/core/block?_method=delete', data)).data; diff --git a/src/api/judgment.ts b/src/api/judgment.ts new file mode 100644 index 0000000..b163246 --- /dev/null +++ b/src/api/judgment.ts @@ -0,0 +1,8 @@ +import axios from '@/utils/request'; + +export const imageUploadUrl = `${import.meta.env.VITE_BASE_API}/backend/image-upload`; +export const cropImage = async (data: Record): Promise => (await axios.post('/backend/image-crop', data)).data; +export const getProcess = async (): Promise => (await axios.post('/judgment/judgment/stRecord/getProcess?systemId=19')).data; +export const getProcessInformationBasedOnRoles = async (id: number): Promise => + (await axios.post(`/judgment/judgment/stRecord/getProcessInformationBasedOnRoles?systemId=19&parentId=${id}`)).data; +export const getAllBusiness = async (): Promise => (await axios.post('/judgment/judgment/stRecord/getAllBusiness?systemId=19')).data; diff --git a/src/styles/form.scss b/src/styles/form.scss index 626c7dc..e7209a1 100644 --- a/src/styles/form.scss +++ b/src/styles/form.scss @@ -1,15 +1,3 @@ -@mixin btn { - padding: 15px 22px; - font-size: 14px; - line-height: 1; - color: #fff; - background: #006bff; - border-radius: 12px; - cursor: pointer; - &:hover { - opacity: 0.9; - } -} .forms { &.step-form { .step-name { @@ -103,6 +91,30 @@ line-height: 32px; } .submit { - @include btn; + padding: 15px 22px; + font-size: 14px; + line-height: 1; + color: #fff; + background: #006bff; + border-radius: 12px; + cursor: pointer; + &:hover { + opacity: 0.9; + } + } +} + +.info { + .step-name { + @apply mb-3 text-sm font-semibold text-[#006bff]; + } + .line { + @apply flex mb-2; + } + .label { + @apply mr-1 text-sm font-semibold text-[#333] leading-[32px]; + } + .text { + @apply text-sm text-[#333] leading-[32px]; } } diff --git a/src/views/product/Add.vue b/src/views/product/Add.vue index 6ea090e..ce37019 100644 --- a/src/views/product/Add.vue +++ b/src/views/product/Add.vue @@ -1,161 +1,273 @@ diff --git a/src/views/product/CardList.vue b/src/views/product/CardList.vue index 0dca3be..f504a29 100644 --- a/src/views/product/CardList.vue +++ b/src/views/product/CardList.vue @@ -65,7 +65,7 @@ const form = ref({ cl: '', }); const loading = ref(false); -const productType = computed(() => +route.query.type); +const productType = computed(() => +route.query.type); // 个人/企业 const id = computed(() => +route.query.id); // 列表 const getList = async () => { diff --git a/src/views/product/Config.vue b/src/views/product/Config.vue index ed6317f..318707e 100644 --- a/src/views/product/Config.vue +++ b/src/views/product/Config.vue @@ -87,7 +87,7 @@ -
+
办理账户

根据个人客户的信用状况，为其提供的一种短期融资便利产品，借款人在我行核定的额度金额内可循环周转使用贷款。

产品要素
diff --git a/src/views/product/Detail.vue b/src/views/product/Detail.vue index 8c0a04d..da7ed72 100644 --- a/src/views/product/Detail.vue +++ b/src/views/product/Detail.vue @@ -4,13 +4,41 @@ @tab-click="tabChange"> -
-
办理账户
-

根据个人客户的信用状况，为其提供的一种短期融资便利产品，借款人在我行核定的额度金额内可循环周转使用贷款。

+
+
产品定义
+

{{ info.productDefinition }}

产品要素
-

根据个人客户的信用状况，为其提供的一种短期融资便利产品，借款人在我行核定的额度金额内可循环周转使用贷款。

+

{{ info.productName }}

+
+
+ +

人民币

+
+
+ +

{{ info.productName }}

+
+
+ +

{{ info.productName }}

+
+
+ +

{{ info.productName }}

+
+
+ +

{{ info.productName }}

+
+
+ +

{{ info.productName }}

+
+
+ +

{{ info.productName }}

@@ -32,7 +60,7 @@ const router = useRouter(); const route = useRoute(); const id = computed(() => +route.query.id); const curTab = ref('tab1'); -const data = ref(); +const info = ref({}); // tab切换回调 const tabChange = (tab: TabsPaneContext, event: Event) => { @@ -43,7 +71,7 @@ const getDetail = async () => { if (id.value) { try { const { data } = await findById(id.value); - data.value = data; + info.value = data; } finally { } } @@ -62,19 +90,4 @@ onMounted(() => {}); diff --git a/src/views/product/List.vue b/src/views/product/List.vue index 1259a4f..315935c 100644 --- a/src/views/product/List.vue +++ b/src/views/product/List.vue @@ -64,7 +64,8 @@ + label="创建日期" + sortable="custom">