lufaneng
/
lift-drawing-wechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
Lufaneng 9 months ago
parent b5e5a0f56f
commit c03f5b6f45
2 changed files with 233 additions and 84 deletions
Show Stats Download Patch File Download Diff File

278
pages/index/index.vue
Unescape View File

@ -14,25 +14,32 @@
<!-- 选择图纸模板 -->
<view class="section">
<view class="section-title">选择图纸模板</view>
<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
<uv-skeletons v-if="loading" :loading="loading" :skeleton="[
{
type: 'flex',
num: 2,
gap: '20rpx',
children: [{
children: [
{
type: 'custom',
num: 1,
gap: '20rpx',
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
}, {
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;',
},
{
type: 'custom',
num: 1,
gap: '20rpx',
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
}]
}]"></uv-skeletons>
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;',
},
],
},
]"></uv-skeletons>
<view class="template-grid" v-else>
<view class="template-item" :class="{ active: currentTemplate.id === item.id }" @click="selectTemplate(item)" v-for="item in templateList" :key="item.id">
<view class="tag" v-if="item.price_cents">¥ {{ item.price_cents / 100 }}</view>
<view class="tag" v-if="item.price_cents">
¥ {{ item.price_cents / 100 }}
</view>
<view class="template-name">{{ item.name }}</view>
<view class="template-desc">{{ item.description }}</view>
</view>
@ -42,14 +49,19 @@
<!-- 设置参数 -->
<view class="section" v-if="has_access">
<view class="section-title">设置参数</view>
<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
<uv-skeletons v-if="params_loading" :loading="params_loading" :skeleton="[
{
type: 'line',
num: 3,
gap: '20rpx'
}]"></uv-skeletons>
gap: '20rpx',
},
]"></uv-skeletons>
<view class="form" v-else>
<uv-form labelAlign="left" labelWidth="auto" labelPosition="left" :model="formField" :rules="rules" ref="form">
<uv-form-item :prop="item.name" :label="item.name + '：'" v-for="item in (currentTemplate.params?.filter(item => item.enabled) || [])">
<uv-form-item :prop="item.name" :label="item.name + '：'" v-for="item in currentTemplate.params?.filter(
(item) => item.enabled
) || []">
<div class="required" v-if="item.required" style="color: #f12323;">*</div>
<uv-input @click="openPicker(item)" :readonly="item.type === 'select'" :type="item.type === 'number' ? 'digit' : 'text'" v-model="item.value" color="#000" border="bottom" :placeholderStyle="{ color: '#666778' }" placeholder="请输入"></uv-input>
</uv-form-item>
<!-- <uv-form-item prop="password" label="载重（kg）">
@ -113,8 +125,8 @@
</view>
<view class="section" v-else>
<div class="status">状态：{{ currentTemplate.access_status }}</div>
<uv-button text="申请权限" color="#3F70FF"></uv-button>
<div class="status">申请状态：{{ get_access_status(currentTemplate.access_status) }}</div>
<uv-button size="small" v-if="currentTemplate.access_status !== 'pending'" @click="openApplyModal" text="申请权限" color="#3F70FF"></uv-button>
</view>
<!-- 底部按钮 -->
@ -122,39 +134,56 @@
<uv-button :loading="generating" @click="modalRefOpen" text="生成图纸" color="#3F70FF"></uv-button>
<uv-button @click="viewHistory" text="查看记录"></uv-button>
</view>
<uv-modal ref="modalRef" showCancelButton content='确定生成图纸？' @confirm="confirmGenerate"></uv-modal>
<uv-modal ref="modalRef" showCancelButton content="确定生成图纸？" @confirm="confirmGenerate"></uv-modal>
<uv-modal ref="applyModalRef" showCancelButton title="申请权限" @confirm="confirmApply" @cancel="cancelApply">
<view class="apply-modal-content">
<view class="apply-label">申请理由：</view>
<uv-textarea v-model="applyReason" placeholder="请输入申请理由" maxlength="200" count></uv-textarea>
</view>
</uv-modal>
<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
</view>
</template>
<script setup>
import {
ref,
onMounted
} from "vue";
import { ref, onMounted } from "vue";
import {
onShow,
onLoad,
onShareAppMessage,
onShareTimeline,
onReachBottom,
onPullDownRefresh
onPullDownRefresh,
} from "@dcloudio/uni-app";
import {
useAuthStore,
useUserStore
} from "@/store";
import { useAuthStore, useUserStore } from "@/store";
import RPC from "@/utils/request";
import {
usePermission
} from "@/hooks/usePermission";
import { usePermission } from "@/hooks/usePermission";
const authStore = useAuthStore();
const userStore = useUserStore();
const loading = ref(false)
const has_access = ref(false)
const applyRef = ref(null)
const loading = ref(false);
const params_loading = ref(false)
const has_access = ref(false);
const applyModalRef = ref(null);
const applyReason = ref("");
const applyLoading = ref(false);
const get_access_status = access_status => {
let str = ''
if (access_status === 'none') {
str = '无权限'
} else if (access_status === 'pending') {
str = '等待审批...'
} else if (access_status === 'rejected') {
str = '已拒绝'
} else if (access_status === 'approved') {
str = '已同意'
} else {
str = access_status
}
return str
}
const modalRefOpen = () => {
if (!has_access.value) {
@ -162,35 +191,114 @@ const modalRefOpen = () => {
title: "模板无权限使用",
icon: "error",
});
return
return;
}
let flag = false
let name
currentTemplate.value.params
?.filter((item) => item.enabled)
.forEach((item) => {
if (item.required && !item.value) {
flag = true
name = item.name
}
modalRef.value.open()
});
if (flag) {
uni.showToast({
title: `请检查【${name}】`,
icon: 'none'
})
return
}
modalRef.value.open();
};
const currentParams = ref(null)
const openPicker = item => {
console.log(item)
if (item.type !== 'select') return
currentParams.value = item
columns.value = [item.options.split(',')]
picker.value.open()
const currentParams = ref(null);
const openPicker = (item) => {
console.log(item);
if (item.type !== "select") return;
currentParams.value = item;
columns.value = [item.options.split(",")];
picker.value.open();
};
const picker = ref(null);
const columns = ref([[]]);
const confirm = (val) => {
console.log(val);
currentParams.value.value = val.value[0];
};
// 打开申请权限弹框
const openApplyModal = () => {
applyReason.value = "";
applyModalRef.value.open();
};
// 确认申请权限
const confirmApply = async () => {
if (!applyReason.value.trim()) {
uni.showToast({
title: "请输入申请理由",
icon: "error",
});
return;
}
const picker = ref(null)
const columns = ref([[]])
const confirm = val => {
console.log(val)
currentParams.value.value = val.value[0]
applyLoading.value = true;
try {
await RPC.post("/template_access_apply", {
template_id: currentTemplate.value.id,
reason: applyReason.value.trim(),
});
uni.showToast({
title: "申请已提交",
icon: "success",
});
applyModalRef.value.close();
applyReason.value = "";
getList()
} catch (error) {
uni.showToast({
title: "申请失败，请重试",
icon: "error",
});
} finally {
applyLoading.value = false;
}
};
// 取消申请
const cancelApply = () => {
applyReason.value = "";
};
const generating = ref(false);
const modalRef = ref(null)
const modalRef = ref(null);
const confirmGenerate = () => {
const params = {}
currentTemplate.value.params?.filter(item => item.enabled).forEach(item => {
params[item.name] = item.value
const params = {};
let flag = false
let name = ''
currentTemplate.value.params
?.filter((item) => item.enabled)
.forEach((item) => {
if (item.required && !item.value) {
flag = true
name = item.name
}
params[item.name] = item.value;
});
if (flag) {
uni.showToast({
title: `请检查【${name}】`,
icon: 'none'
})
RPC.post('/template_create_task', { template_id: currentTemplate.value.id, template_data: params }).then(() => {
return
}
RPC.post("/template_create_task", {
template_id: currentTemplate.value.id,
template_data: params,
}).then(() => {
uni.showToast({
title: "图纸开始生成",
icon: "success",
@ -199,29 +307,50 @@ const confirmGenerate = () => {
uni.navigateTo({
url: "/pagesA/generate-record/generate-record",
});
}, 1000)
modalRef.value.close()
})
}
const templateList = ref([])
const currentTemplate = ref({})
}, 1000);
modalRef.value.close();
});
};
const templateList = ref([]);
const currentTemplate = ref({});
const getList = () => {
loading.value = true
RPC.post('/template/list_with_access', {
loading.value = true;
RPC.post("/template/list_with_access", {
page: 1,
limit: -1
}).then(res => {
templateList.value = (res.rows || []).filter(item => item.enabled)
currentTemplate.value = templateList.value[0] ? JSON.parse(JSON.stringify(templateList.value[0])) : {}
limit: -1,
})
.then((res) => {
templateList.value = (res.rows || []).filter((item) => item.enabled);
currentTemplate.value = templateList.value[0]
? JSON.parse(JSON.stringify(templateList.value[0]))
: {};
if (currentTemplate.value.has_access) {
params_loading.value = true
has_access.value = true
RPC.post('/template/detail', { id: currentTemplate.value.id }).then(res => {
currentTemplate.value.params = res?.params
}).finally(() => {
loading.value = false
params_loading.value = false
})
}
})
.finally(() => {
loading.value = false;
});
};
// 选择模板
const selectTemplate = (item) => {
currentTemplate.value = JSON.parse(JSON.stringify(item));
has_access.value = currentTemplate.value.has_access
has_access.value = currentTemplate.value.has_access;
if (currentTemplate.value.has_access) {
params_loading.value = true
RPC.post('/template/detail', { id: currentTemplate.value.id }).then(res => {
currentTemplate.value.params = res?.params
}).finally(() => {
params_loading.value = false
})
}
};
const form = ref(null);
@ -271,7 +400,7 @@ onLoad(() => {
console.log("index-onLoad");
});
onShow(async () => {
getList()
getList();
console.log("test page onShow");
const hasPermission = await usePermission();
console.log(hasPermission ? "已登录" : "跳转登录");
@ -282,7 +411,7 @@ onShow(async () => {
}
});
onPullDownRefresh(() => {
getList()
getList();
uni.stopPullDownRefresh();
});
</script>
@ -345,6 +474,10 @@ onPullDownRefresh(() => {
color: #333;
margin-bottom: 16px;
}
.status {
margin-bottom: 20px;
}
}
.template-grid {
@ -413,6 +546,17 @@ onPullDownRefresh(() => {
/* H5环境下给tabBar留出空间 */
/* #endif */
}
.apply-modal-content {
padding: 20px 0;
width: 100%;
.apply-label {
font-size: 14px;
color: #333;
margin-bottom: 12px;
}
}
</style>
<style lang="scss">

7
pagesA/generate-record/generate-record.vue
Unescape View File

@ -8,7 +8,7 @@
<view class="record-item">
<!-- 记录信息 -->
<view class="record-info">
<view class="record-title">{{ record.file_name || record.order_no || record.plannedNo }}</view>
<view class="record-title">{{ record.file_name || record.order_no + record.order_no || record.plannedNo }}</view>
<view class="record-time">
生成时间:
{{
@ -266,12 +266,16 @@
.record-info {
flex: 1;
overflow: auto;
.record-title {
width: 100%;
font-size: 16px;
color: #333;
font-weight: 500;
margin-bottom: 6px;
word-wrap: break-word;
white-space: normal;
}
.record-time {
@ -281,6 +285,7 @@
}
.status-tag {
flex-shrink: 0;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;

Write Preview
Loading…
Cancel
Save