Skip to content

X
XBPX-DA-h5
提交 e231bce1 authored 作者: 刘旭's avatar 刘旭
浏览文件
操作

对接大致接口

上级 6ce4794b
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 241 行增加 和 165 行删除
index.html
浏览文件 @ e231bce1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="" type="png/x-icon" /> <link rel="icon" href="" type="png/x-icon" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
<link rel="stylesheet" href="./src/static/iconfont/iconfont.css" /> <link rel="stylesheet" href="./src/static/iconfont/iconfont.css" />
<script> <script>
var coverSupport = var coverSupport =
...@@ -21,4 +21,4 @@ ...@@ -21,4 +21,4 @@
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</page> </page>
</html> </html>
\ No newline at end of file
src/api/deposit.ts 0 → 100644
浏览文件 @ e231bce1
import request from "@/utils/request"
/**
* @brief 查阅预约
* @param data
* @return
*/
export const depositReservation = (data: any) => {
return request(
"/LQKJ.K3.FileSystem.WebApi.WebApiService.Deposit,LQKJ.K3.FileSystem.WebApi.common.kdsvc",
"POST",
data
)
}
src/api/login.ts deleted 100644 → 0
浏览文件 @ 6ce4794b
import request from "@/utils/request"
// 登录
export const getUserInfo = (code: string) => {
alert(code)
request(
"/LQKJ.K3.PeiXunSystem.WebApi.WebApiService.User,LQKJ.K3.PeiXunSystem.WebApi.common.kdsvc",
"POST",
{ code }
)
}
// 注册
export const register = (data: any) => {
request(
"/LQKJ.K3.PeiXunSystem.WebApi.WebApiEditService.Quit,LQKJ.K3.PeiXunSystem.WebApi.common.kdsvc",
"POST",
data
)
}
// 上传图片
export const uploadImage = (data: any) => {
request(
"/LQKJ.K3.PeiXunSystem.WebApi.WebApiEditService.Image,LQKJ.K3.PeiXunSystem.WebApi.common.kdsvc",
"POST",
data
)
}
/**
* @brief 手机密码登录
* @param data
* @return
*/
export const teachLogin = (data: any) =>
request(
"/LQKJ.K3.PeiXunSystem.WebApi.WebApiService.TeachLogin,LQKJ.K3.PeiXunSystem.WebApi.common.kdsvc",
"POST",
data
)
src/api/refer.ts 0 → 100644
浏览文件 @ e231bce1
import request from "@/utils/request"
/**
* @brief 查阅预约
* @param data
* @return
*/
export const referReservation = (data: any) => {
return request(
"/LQKJ.K3.FileSystem.WebApi.WebApiService.Select,LQKJ.K3.FileSystem.WebApi.common.kdsvc",
"POST",
data
)
}
src/api/transfer.ts 0 → 100644
浏览文件 @ e231bce1
import request from "@/utils/request"
/**
* @brief 移交预约
* @param data
* @return
*/
export const transferReservation = (data: any) => {
return request(
"/LQKJ.K3.FileSystem.WebApi.WebApiService.Add,LQKJ.K3.FileSystem.WebApi.common.kdsvc",
"GET",
data
)
}
/**
* @brief 发送验证码
* @param Phone
* @return
*/
export const verification = (Phone: any) =>
request(
"/LQKJ.K3.PeiXunSystem.WebApi.WebApiEditService.Verification,LQKJ.K3.PeiXunSystem.WebApi.common.kdsvc",
"POST",
{ Phone }
)
src/pages.json
浏览文件 @ e231bce1
...@@ -8,21 +8,21 @@ ...@@ -8,21 +8,21 @@
}, },
"pages": [ "pages": [
{ {
"path": "pages/transfer/index", "path": "pages/deposit/index",
"style": { "style": {
"navigationBarTitleText": "档案移交预约" "navigationBarTitleText": "档案存放预约"
} }
}, },
{ {
"path": "pages/refer/index", "path": "pages/transfer/index",
"style": { "style": {
"navigationBarTitleText": "档案查阅预约" "navigationBarTitleText": "档案移交预约"
} }
}, },
{ {
"path": "pages/deposit/index", "path": "pages/refer/index",
"style": { "style": {
"navigationBarTitleText": "档案存放预约" "navigationBarTitleText": "档案查阅预约"
} }
}, },
{ {
......
src/pages/deposit/index.vue
浏览文件 @ e231bce1
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<u-form-item prop="name" <u-form-item prop="name"
><u-input v-model="data.formData.name" placeholder="请输入档案人姓名" ><u-input v-model="data.formData.name" placeholder="请输入档案人姓名"
/></u-form-item> /></u-form-item>
<u-form-item prop="iDCard" <u-form-item prop="idCard"
><u-input v-model="data.formData.idCard" placeholder="请输入身份证" ><u-input v-model="data.formData.idCard" placeholder="请输入身份证"
/></u-form-item> /></u-form-item>
</u-form> </u-form>
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { useGlobalStore } from "@/store/useStore" import { useGlobalStore } from "@/store/useStore"
import { toast } from "@/utils/util" import { toast, zalert } from "@/utils/util"
import { LOGO } from "@/utils/example" import { LOGO } from "@/utils/example"
import { depositReservation } from "@/api/deposit"
const globalStore = useGlobalStore() const globalStore = useGlobalStore()
const show = ref(false) const show = ref(false)
...@@ -30,8 +31,8 @@ const form = ref() ...@@ -30,8 +31,8 @@ const form = ref()
const uniA: any = uni const uniA: any = uni
const data = reactive({ const data = reactive({
formData: { formData: {
name: "", name: "阿旭",
idCard: "", idCard: "1111",
}, },
rules: { rules: {
Phone: [ Phone: [
...@@ -67,22 +68,14 @@ onReady(() => { ...@@ -67,22 +68,14 @@ onReady(() => {
form.value.setRules(data.rules) form.value.setRules(data.rules)
}) })
const submit = () => { const submit = () =>
form.value.validate(async (valid: boolean) => { form.value.validate(async (valid: boolean) => {
if (valid) { if (valid) {
toast("登录成功") toast("登录成功")
// const { data: res } = await teachLogin(data.formData) const { data: res } = await depositReservation(data.formData)
// if (res.code == 200) { zalert(res.msg)
// globalStore.setPhone(data.formData.Phone)
// globalStore.setInfoData(res.data[0])
// uni.reLaunch({ url: "/pages/home/index" })
// toast("登录成功")
// }
} else {
console.log("验证失败")
} }
}) })
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/pages/refer/index.vue
浏览文件 @ e231bce1
差异被折叠。
src/pages/transfer/index.vue
浏览文件 @ e231bce1
...@@ -4,19 +4,25 @@ ...@@ -4,19 +4,25 @@
</view> </view>
<view class="login-container"> <view class="login-container">
<u-form :model="data.formData" ref="form" label-width="150"> <u-form :model="data.parmeters.Model" ref="form" label-width="150">
<u-form-item prop="name" <u-form-item prop="FTransferredBy"
><u-input v-model="data.formData.name" placeholder="请输入移交人姓名" ><u-input
v-model="data.parmeters.Model.FTransferredBy"
placeholder="请输入移交人姓名"
/></u-form-item> /></u-form-item>
<u-form-item prop="iDCard" <u-form-item prop="FIDCard"
><u-input v-model="data.formData.iDCard" placeholder="请输入身份证" ><u-input
v-model="data.parmeters.Model.FIDCard"
placeholder="请输入身份证"
/></u-form-item> /></u-form-item>
<u-form-item prop="Phone" <u-form-item prop="FPhoneNumber"
><u-input v-model="data.formData.Phone" placeholder="请输入手机号" ><u-input
v-model="data.parmeters.Model.FPhoneNumber"
placeholder="请输入手机号"
/></u-form-item> /></u-form-item>
<u-form-item prop="code" <u-form-item prop="code"
><u-input ><u-input
v-model="data.formData.code" v-model="data.parmeters.Model.code"
placeholder="请输入验证码" placeholder="请输入验证码"
:disabled="data.codeDisabled" :disabled="data.codeDisabled"
/> />
...@@ -37,17 +43,21 @@ ...@@ -37,17 +43,21 @@
> >
</template> </template>
</u-form-item> </u-form-item>
<u-form-item prop="unitName" <u-form-item prop="FUnitName"
><u-input v-model="data.formData.unitName" placeholder="请输入单位名称" ><u-input
v-model="data.parmeters.Model.FUnitName"
placeholder="请输入单位名称"
/></u-form-item> /></u-form-item>
<u-form-item prop="number" <u-form-item prop="FTransferQty"
><u-input ><u-input
v-model="data.formData.number" v-model="data.parmeters.Model.FTransferQty"
type="number" type="number"
placeholder="请输入移交份数" placeholder="请输入移交份数"
/></u-form-item> /></u-form-item>
</u-form> </u-form>
<view class="contact" v-show="disabled">请与我们联系 1008611</view> <view class="contact" v-show="disabled"
>超过20份 请与我们联系 86218594</view
>
<view class="footer"> <view class="footer">
<u-button <u-button
@click="submit" @click="submit"
...@@ -62,9 +72,9 @@ ...@@ -62,9 +72,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { useGlobalStore } from "@/store/useStore" import { useGlobalStore } from "@/store/useStore"
import { teachLogin } from "@/api/login"
import { toast } from "@/utils/util" import { toast } from "@/utils/util"
import { LOGO } from "@/utils/example" import { LOGO } from "@/utils/example"
import { transferReservation, verification } from "@/api/transfer"
const globalStore = useGlobalStore() const globalStore = useGlobalStore()
...@@ -73,75 +83,118 @@ const uCode = ref() ...@@ -73,75 +83,118 @@ const uCode = ref()
const form = ref() const form = ref()
const uniA: any = uni const uniA: any = uni
const data = reactive({ const data = reactive({
formData: { parmeters: {
Phone: "", NeedReturnFields: ["FID", "FBillNo"],
code: "", IsDeleteEntry: "false",
iDCard: "", Model: {
name: "", FTransferredBy: "阿旭", //移交人姓名
number: "", FIDCard: "431124111111111111", //移交人身份证
unitName: "", FPhoneNumber: "18820132611", //移交人手机号
FDatetime: "2002-01-01", //移交预约时间
FUnitName: "Microsoft", //单位名称
FTransferQty: 21, //移交份数
code: "123",
},
}, },
rules: { rules: {
Phone: [ FPhoneNumber: [
{ {
required: true, required: true,
message: "请输入手机号", message: "请输入手机号",
trigger: ["change", "blur"], trigger: ["change", "blur"],
}, },
// { {
// // 自定义验证函数，见上说明 // 自定义验证函数，见上说明
// validator: (rule: any, value: any, callback: any) => { validator: (rule: any, value: any, callback: any) => {
// return uniA.$u.test.mobile(value) return uniA.$u.test.mobile(value)
// }, },
// message: "手机号码不正确", message: "手机号码不正确",
// // 触发器可以同时用blur和change // 触发器可以同时用blur和change
// trigger: ["change", "blur"], trigger: ["change", "blur"],
// }, },
],
FIDCard: [
{
required: true,
message: "请输入身份证号",
trigger: ["change", "blur"],
},
{
validator: (rule: any, value: any, callback: any) => {
return uniA.$u.test.idCard(value)
},
message: "身份证号不正确",
trigger: ["change", "blur"],
},
], ],
Password: [ FTransferredBy: [
{ {
required: true, required: true,
message: "请输入密码", message: "请输入移交人姓名",
trigger: ["change", "blur"],
},
],
FTransferQty: [
{
required: true,
type: "number",
message: "请输入移交份数",
trigger: ["change", "blur"],
},
],
code: [
{
required: true,
message: "请输入验证码",
trigger: ["change", "blur"], trigger: ["change", "blur"],
}, },
], ],
}, },
tips: "", tips: "",
codeDisabled: false, codeValue: "",
codeDisabled: true,
}) })
watch( watch(
() => data.formData.number, () => data.parmeters.Model.FTransferQty,
(val: string) => { (val: number) => {
if (Number(val) > 20) disabled.value = true if (Number(val) > 20) disabled.value = true
else disabled.value = false else disabled.value = false
} }
) )
watch(
() => data.parmeters.Model.FPhoneNumber,
(newVal: string) => {
if (newVal && uniA.$u.test.mobile(newVal)) {
data.codeDisabled = false
} else data.codeDisabled = true
}
)
const getCode = async () => { const getCode = async () => {
if (uCode.value.canGetCode) { if (uCode.value.canGetCode) {
// 模拟向后端请求验证码 // 模拟向后端请求验证码
// const { data: res } = await verification(data.formData.phone) const { data: res } = await verification(data.parmeters.Model.FPhoneNumber)
// if (res.code == 200) { if (res.code == 200) {
// data.codeValue = res.data data.codeValue = res.data
uni.showLoading({ uni.showLoading({
title: "正在获取验证码", title: "正在获取验证码",
}) })
setTimeout(() => { setTimeout(() => {
uni.hideLoading() uni.hideLoading()
// 这里此提示会被this.start()方法中的提示覆盖 toast("验证码已发送")
toast("验证码已发送") uCode.value.start()
// 通知验证码组件内部开始倒计时 }, 2000)
uCode.value.start() // }
}, 2000) } else {
// } toast("倒计时结束后再发送")
} else { }
toast("倒计时结束后再发送")
} }
} }
const end = () => { const end = () => {
// data.codeValue = "" data.codeValue = ""
} }
const codeChange = (text: string) => { const codeChange = (text: string) => {
data.tips = text data.tips = text
...@@ -155,14 +208,13 @@ onReady(() => { ...@@ -155,14 +208,13 @@ onReady(() => {
}) })
const submit = () => { const submit = () => {
uni.navigateTo({ url: "/pages/transfer/reservation" }) form.value.validate(async (valid: boolean) => {
// uni.navigateTo({ url: "/pages/refer/index" }) if (valid) {
// form.value.validate(async (valid: boolean) => { Reflect.deleteProperty(data.parmeters.Model, "code")
// if (valid) { globalStore.setTransferData(data.parmeters)
// } else { uni.navigateTo({ url: "/pages/transfer/reservation" })
// console.log("验证失败") }
// } })
// })
} }
</script> </script>
......
src/pages/transfer/reservation.vue
浏览文件 @ e231bce1
...@@ -28,16 +28,20 @@ ...@@ -28,16 +28,20 @@
:placeholder-style="{ background: '#fff' }" :placeholder-style="{ background: '#fff' }"
/> />
<u-button type="primary" style="margin-top: 50rpx">立即预约</u-button> <u-button type="primary" style="margin-top: 50rpx" @tap="onConfirm"
>立即预约</u-button
>
</view> </view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { baseUrl } from "@/utils/request" import { baseUrl } from "@/utils/request"
import { useGlobalStore } from "@/store/useStore"
import reservationVue from "@/components/reservation/index.vue" import reservationVue from "@/components/reservation/index.vue"
import { hLoading, sLoading, toast } from "@/utils/util"
const uniA: any = uni const uniA: any = uni
const globalStore = useGlobalStore()
const list = ref([ const list = ref([
{ {
week: "周一", week: "周一",
...@@ -137,6 +141,8 @@ const list = ref([ ...@@ -137,6 +141,8 @@ const list = ref([
}, },
] as any) ] as any)
const fileUrl = ref()
const state = reactive({ const state = reactive({
current: 0, current: 0,
barFirstTimeMove: true, barFirstTimeMove: true,
...@@ -157,7 +163,31 @@ const reservationRef = ref() ...@@ -157,7 +163,31 @@ const reservationRef = ref()
const uploadFile = () => { const uploadFile = () => {
uni.chooseFile({ uni.chooseFile({
count: 1, count: 1,
success(res: any) {}, extension: ["xls", "xlsx"],
success(res: any) {
console.log(res)
if (res.errMsg == "chooseFile:ok") {
fileUrl.value = res.tempFilePaths[0]
}
},
})
}
const onConfirm = () => {
sLoading()
uni.uploadFile({
url:
baseUrl +
"/LQKJ.K3.FileSystem.WebApi.WebApiService.Uploda,LQKJ.K3.FileSystem.WebApi.common.kdsvc",
filePath: fileUrl.value,
formData: { parmeters: JSON.stringify(globalStore.transferData) },
success: (uploadFileRes: any) => {
const res = JSON.parse(uploadFileRes.data)
console.log(res)
if (res.code == 200) toast("预约成功")
else toast(res.msg)
hLoading()
},
}) })
} }
...@@ -229,4 +259,12 @@ onMounted(() => { ...@@ -229,4 +259,12 @@ onMounted(() => {
background-color: #fff; background-color: #fff;
} }
} }
:deep(.u-input) {
textarea {
padding: 20rpx;
box-sizing: border-box;
border-radius: 5rpx;
}
}
</style> </style>
src/store/config/piniaPersist.ts
浏览文件 @ e231bce1
import { PersistedStateOptions } from 'pinia-plugin-persistedstate' import { PersistedStateOptions } from "pinia-plugin-persistedstate"
const piniaPersistOption = (key: string, paths?: any[]) => { const piniaPersistOption = (key: string, paths?: any[]) => {
const persist: PersistedStateOptions = { const persist: PersistedStateOptions = {
key, key,
storage: localStorage, storage: sessionStorage,
paths paths,
} }
return persist return persist
} }
export default piniaPersistOption export default piniaPersistOption
\ No newline at end of file
src/store/useStore.ts
浏览文件 @ e231bce1
...@@ -6,14 +6,14 @@ export const useGlobalStore = defineStore({ ...@@ -6,14 +6,14 @@ export const useGlobalStore = defineStore({
id: "globalStore", id: "globalStore",
state() { state() {
return { return {
Phone: "", transferData: null,
infoData: {} as any, infoData: {} as any,
} }
}, },
getters: {}, getters: {},
actions: { actions: {
setPhone(Phone: string) { setTransferData(transferData: any) {
this.Phone = Phone this.transferData = transferData
}, },
setInfoData(infoData: string) { setInfoData(infoData: string) {
this.infoData = infoData this.infoData = infoData
......
src/utils/request.ts
浏览文件 @ e231bce1
import { useGlobalStore } from "@/store/useStore" import { useGlobalStore } from "@/store/useStore"
import { hLoading, sLoading, toast } from "./util" import { hLoading, sLoading, toast } from "./util"
export const baseUrl = "/k3cloud" // export const baseUrl = "/k3cloud"
// 部署到iis上用的 // 部署到iis上用的
// export const baseUrl = "https://weixin3.lingqingkeji.com/k3cloud" // export const baseUrl = "https://weixin3.lingqingkeji.com/k3cloud"
// export const baseUrl = "/XiBU" export const baseUrl = "/XiBU"
const globalStore = useGlobalStore() const globalStore = useGlobalStore()
...@@ -18,15 +18,7 @@ function request( ...@@ -18,15 +18,7 @@ function request(
return new Promise<any>(function (resolve, reject) { return new Promise<any>(function (resolve, reject) {
let header: any let header: any
sLoading() sLoading()
let pages = getCurrentPages()
let page = pages[pages.length - 1] // 当前页面
if (
page.route !== "pages/login/index" &&
page.route !== "pages/login/register" &&
JSON.stringify(globalStore.infoData) === "{}"
) {
uni.reLaunch({ url: "/pages/login/index" })
}
header = { "Content-Type": "application/json" } header = { "Content-Type": "application/json" }
url = baseUrl + url url = baseUrl + url
...@@ -38,21 +30,11 @@ function request( ...@@ -38,21 +30,11 @@ function request(
responseType, responseType,
success(res: any) { success(res: any) {
hLoading() hLoading()
if (res.data.code == 200) { if (res.data.code == 200 || res.data.code == 400) {
resolve(res) resolve(res)
} else if (res.data.code == 500 || res.data.code === 401) { } else if (res.data.code == 500 || res.data.code === 401) {
toast(res.data.msg) toast(res.data.msg)
reject(res) reject(res)
} else if (res.data.code == 501 || res.data.code == 911) {
uni.reLaunch({
url: "/pages/login/index",
success() {
uni.showToast({
title: "请登录",
icon: "none",
})
},
})
} else { } else {
console.log(res, "非200错误") console.log(res, "非200错误")
//其余异样 //其余异样
......
vite.config.ts
浏览文件 @ e231bce1
...@@ -58,7 +58,7 @@ export default defineConfig({ ...@@ -58,7 +58,7 @@ export default defineConfig({
port: 7898, port: 7898,
open: true, open: true,
strictPort: false, // 端口被占用直接退出 strictPort: false, // 端口被占用直接退出
https: true, // 默认用http方式 https: false, // 默认用http方式
proxy: { proxy: {
"/k3cloud": { "/k3cloud": {
target: "https://weixin.lingqingkeji.com:86/", target: "https://weixin.lingqingkeji.com:86/",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论