Commit deea6082 authored by Step_by_step's avatar Step_by_step

feat: 投诉与建议,关于我们

parent 9b9fe71d
...@@ -45,8 +45,8 @@ npm run preview 本地预览打包完的文件 ...@@ -45,8 +45,8 @@ npm run preview 本地预览打包完的文件
1. 我的奖励券 (✋ 1) 1. 我的奖励券 (✋ 1)
2. 关联项目 (✋ 1.5) 2. 关联项目 (✋ 1.5)
3. 投诉与建议 (✋ .5) 3. 投诉与建议 ✅ ✋ .5)
4. 关于我们 (✋ .5) 4. 关于我们 ✅ ✋ .5)
### 其他 ### 其他
......
...@@ -7,7 +7,9 @@ ...@@ -7,7 +7,9 @@
"preview": "vite preview", "preview": "vite preview",
"build:selfService": "VITE_TARGET=selfService vite build", "build:selfService": "VITE_TARGET=selfService vite build",
"build:intention": "VITE_TARGET=intention vite build", "build:intention": "VITE_TARGET=intention vite build",
"build:calculator": "VITE_TARGET=calculator vite build" "build:calculator": "VITE_TARGET=calculator vite build",
"build:about": "VITE_TARGET=about vite build",
"build:complaint": "VITE_TARGET=complaint vite build"
}, },
"dependencies": { "dependencies": {
"@hips/plugin-vue-jssdk": "^1.1.2", "@hips/plugin-vue-jssdk": "^1.1.2",
......
import { get, put, post, File, deleteReq } from '@/utils/http'
const baseURL = import.meta.env.VITE_HTTP_BASE_URL
const api = {
// getMakingList (data) { // 查询合同制作列表
// return get(
// `${baseURL}/hlct/v1/0/contracts/toMake`,
// {...data}
// )
// },
};
export default api;
<template>
<div class="box">
<template v-if="title">
<h1 class="title ">{{ title }}</h1>
<hr />
</template>
<table>
<template v-for="(value, i ) in values">
<tr v-if="i === 0">
<th>{{ value[0] }}</th>
<th>{{ value[1] }}</th>
<th>{{ value[2] }}</th>
</tr>
<tr v-else>
<td>{{ value[0] }}</td>
<td>{{ value[1] }}</td>
<td>{{ value[2] }}</td>
</tr>
</template>
</table>
</div>
</template>
<script setup>
defineProps({
title: {
type: String,
default: ''
},
values: {
type: Array,
default() { return [] }
}
})
</script>
<style scoped lang="less">
.box {
box-sizing: border-box;
height: auto;
background-color: white;
width: 90%;
margin: 0 auto;
border-left: 3px solid #019ae5;
padding: 5px 3px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.box+.box {
margin-top: 20px;
}
.title {
font-weight: 600;
}
hr {
border: 1px solid #f7f8f8;
background-color: #f7f8f8;
}
table {
width: 100%;
th {
color: gray;
}
td,
th {
text-align: center;
height: 25px;
line-height: 20px;
}
}
</style>
\ No newline at end of file
<template>
<section class="hint">
<p class="title">
<Icon class="icon" name="info" color="#7dc401" size="6vw" />
<span>温馨提示</span>
</p>
<div class="detail">{{ detail }}</div>
</section>
</template>
<script setup>
import { Icon } from "vant";
defineProps({
detail: {
type: String,
default: ''
}
})
</script>
<style lang="less" scoped>
.hint {
box-sizing: border-box;
height: 60px;
width: 95%;
margin: 5px auto 10px;
background-color: #f0f9e5;
padding: 6px 7px;
}
.title {
color: #7dc401;
font-weight: 600;
line-height: 6vw;
i {
vertical-align: middle;
margin-right: 8px;
}
}
.detail {
width: 100%;
text-align: center;
color: gray;
}
</style>
\ No newline at end of file
<template>
<div class="plus">
<Icon class="icon" name="plus" color="#fff" size="6vw" />
</div>
</template>
<script setup>
import { Icon } from 'vant'
</script>
<style lang="less" scoped>
.plus {
width: 40px;
height: 40px;
background-color: #019ae5;
border-radius: 50%;
position: absolute;
bottom: 70px;
right: 20px;
display: flex;
justify-content: center;
}
.icon {
line-height: 38px;
}
</style>
\ No newline at end of file
const state = {};
export default {
namespaced: true,
state,
};
<template>
<div class="container">
<NavBar title="关于我们" left-arrow @click-left="goBack" />
<p class="content">
小松(中国)融资租赁有限公司成立于2007年05月24日,注册地位于中国(上海)自由贸易试验区金科路2889弄6号7层702单元,法定代表人为今吉琢也(IMAYOSHI
TAKUYA)。经营范围包括融资租赁业务;租赁业务;向国内外购买租赁财产;租赁财产的残值处理及维修;租赁交易咨询和担保。 【依法须经批准的项目,经相关部门批准后方可开展经营活动
</p>
</div>
</template>
<script setup>
import { goBack } from "@/utils/globalFun"
import { NavBar } from "vant";
</script>
<style scoped lang="less">
.content {
margin-top: 10px;
background-color: #fff;
padding: 17px 30px;
line-height: 25px;
text-indent: 2em;
}
</style>
<route>
{
meta: {
title: '关于我们'
}
}
</route>
import { get, put, post, File, deleteReq } from '@/utils/http'
const baseURL = import.meta.env.VITE_HTTP_BASE_URL
const api = {
// getMakingList (data) { // 查询合同制作列表
// return get(
// `${baseURL}/hlct/v1/0/contracts/toMake`,
// {...data}
// )
// },
};
export default api;
<template>
<div class="box">
<template v-if="title">
<h1 class="title ">{{ title }}</h1>
<hr />
</template>
<table>
<template v-for="(value, i ) in values">
<tr v-if="i === 0">
<th>{{ value[0] }}</th>
<th>{{ value[1] }}</th>
<th>{{ value[2] }}</th>
</tr>
<tr v-else>
<td>{{ value[0] }}</td>
<td>{{ value[1] }}</td>
<td>{{ value[2] }}</td>
</tr>
</template>
</table>
</div>
</template>
<script setup>
defineProps({
title: {
type: String,
default: ''
},
values: {
type: Array,
default() { return [] }
}
})
</script>
<style scoped lang="less">
.box {
box-sizing: border-box;
height: auto;
background-color: white;
width: 90%;
margin: 0 auto;
border-left: 3px solid #019ae5;
padding: 5px 3px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.box+.box {
margin-top: 20px;
}
.title {
font-weight: 600;
}
hr {
border: 1px solid #f7f8f8;
background-color: #f7f8f8;
}
table {
width: 100%;
th {
color: gray;
}
td,
th {
text-align: center;
height: 25px;
line-height: 20px;
}
}
</style>
\ No newline at end of file
<template>
<section class="hint">
<p class="title">
<Icon class="icon" name="info" color="#7dc401" size="6vw" />
<span>温馨提示</span>
</p>
<div class="detail">{{ detail }}</div>
</section>
</template>
<script setup>
import { Icon } from "vant";
defineProps({
detail: {
type: String,
default: ''
}
})
</script>
<style lang="less" scoped>
.hint {
box-sizing: border-box;
height: 60px;
width: 95%;
margin: 5px auto 10px;
background-color: #f0f9e5;
padding: 6px 7px;
}
.title {
color: #7dc401;
font-weight: 600;
line-height: 6vw;
i {
vertical-align: middle;
margin-right: 8px;
}
}
.detail {
width: 100%;
text-align: center;
color: gray;
}
</style>
\ No newline at end of file
<template>
<div class="plus">
<Icon class="icon" name="plus" color="#fff" size="6vw" />
</div>
</template>
<script setup>
import { Icon } from 'vant'
</script>
<style lang="less" scoped>
.plus {
width: 40px;
height: 40px;
background-color: #019ae5;
border-radius: 50%;
position: absolute;
bottom: 70px;
right: 20px;
display: flex;
justify-content: center;
}
.icon {
line-height: 38px;
}
</style>
\ No newline at end of file
const state = {};
export default {
namespaced: true,
state,
};
<template>
<div class="container">
<NavBar title="投诉和建议" left-arrow @click-left="goBack" />
<div class="content">
<p>
尊敬的小松融资客户,您好!如果您对小松融资有任何疑问意见或建议,欢迎用以下方式与我们联系,以便我们和您解释和说明。
</p>
<p>
客服电话:【4000-326-821】
</p>
<p>
服务时间:周一至周五9:00-12:00,13:00-17:00,节假日除外。
</p>
<p>
您也可通过小程序直接留言,我们会在3个工作日内为您解释和说明。
</p>
<section class="form-area">
<AuForm v-model="formConfig" :key="form" />
</section>
<section class="sub">
<Button type="primary" block>确认</Button>
</section>
</div>
</div>
</template>
<script setup>
import { goBack } from "@/utils/globalFun"
import { NavBar, Button, Field } from "vant";
import AuForm from '@/components/AuForm.vue';
import AuFormClass from "@/components/useAuForm";
const form = $ref();
const formConfig = $ref(new AuFormClass([
{
title: '您的姓名',
propName: 'paymentReqDate',
type: 'input',
value: '',
isRequired: true
},
{
title: '合同编号',
propName: 'paymentReqDat3e',
type: 'input',
value: '',
isRequired: false
},
{
title: '联系方式',
propName: 'paymentReqDat3e',
type: 'input',
value: '',
isRequired: true
}
]))
</script>
<style lang="less" scoped>
.sub {
width: 70%;
margin: 50px auto 5px;
}
.form-area {
padding: 10px;
}
.content {
height: calc(100% - var(--van-nav-bar-height));
overflow-y: auto;
p {
// margin-top: 10px;
background-color: #fff;
padding: 10px 30px;
line-height: 25px;
margin: 0 10px 0;
}
p:nth-child(1) {
margin: 10px 10px 0;
text-indent: 2em;
}
}
</style>
<route>
{
meta: {
title: '投诉和建议'
}
}
</route>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment