From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期三, 28 五月 2025 16:48:52 +0800
Subject: [PATCH] 初始化项目
---
pages/daily/tool/tool.vue | 207 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 207 insertions(+), 0 deletions(-)
diff --git a/pages/daily/tool/tool.vue b/pages/daily/tool/tool.vue
new file mode 100644
index 0000000..7ce162a
--- /dev/null
+++ b/pages/daily/tool/tool.vue
@@ -0,0 +1,207 @@
+<template>
+ <view class="body">
+ <view class="main_view">
+ <view class="main_item" @click="goPage(0)">
+ <span style="color:#4F4F4F">绫诲埆</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.type }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ <view class="main_item" @click="goPage(1)">
+ <span style="color:#4F4F4F">瑙勬牸鍨嬪彿</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.model }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ <view class="main_item" @click="goPage(2)">
+ <span style="color:#4F4F4F">鍥惧彿</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.num }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ <view class="main_item" @click="goPage(3)">
+ <span style="color:#4F4F4F">鏈綋鐗瑰緛缁撴瀯</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.structure }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ <view class="main_item" @click="goPage(4)">
+ <span style="color:#4F4F4F">绗竴浣�</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.first }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ <view class="main_item" @click="goPage(5)">
+ <span style="color:#4F4F4F">绗簩浣�</span>
+ <view>
+ <span style="color:#333333;margin-right: 20rpx;">{{ query.second }}</span>
+ <u-icon name="arrow-right" color="#687792" size="28"></u-icon>
+ </view>
+ </view>
+ </view>
+ <u-select v-model="selectShowType" :list="TypeList" @confirm="confirm($event, 'type')"></u-select>
+ <u-select v-model="selectShowModels" :list="modelsList" @confirm="confirm($event, 'model')"></u-select>
+ <u-select v-model="selectShowNum" :list="numList" @confirm="confirm($event, 'num')"></u-select>
+ <u-select v-model="selectShowStructure" :list="structureList" @confirm="confirm($event, 'structure')"></u-select>
+ <u-select v-model="selectShowFirst" :list="firstList" @confirm="confirm($event, 'first')"></u-select>
+ <u-select v-model="selectShowSecond" :list="secondList" @confirm="confirm($event, 'second')"></u-select>
+ </view>
+</template>
+
+<script>
+export default {
+ name: "tool",
+ // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+ components: {},
+ data() {
+ // 杩欓噷瀛樻斁鏁版嵁
+ return {
+ query: {
+ type: '',
+ model: '',
+ num: '',
+ structure: '',
+ first: '',
+ second: '',
+ },
+ selectShowType: false,
+ selectShowModels: false,
+ selectShowNum: false,
+ selectShowStructure: false,
+ selectShowFirst: false,
+ selectShowSecond: false,
+ TypeList: [
+ {
+ value: '1',
+ label: '骞插紡鍙樺帇鍣ㄦ垚鍝�'
+ },
+ {
+ value: '2',
+ label: '骞插紡鍙樺帇鍣ㄦ垚鍝�'
+ },
+ ],
+ modelsList: [
+ {
+ value: '1',
+ label: 'SCB18-1600/10'
+ },
+ ],
+ numList: [
+ {
+ value: '1',
+ label: 'G2023.1'
+ },
+ ],
+ structureList: [
+ {
+ value: '1',
+ label: '00'
+ },
+ ],
+ firstList: [
+ {
+ value: '0',
+ label: '鍔涘緱甯歌娓╂帶浠�'
+ },
+ {
+ value: '1',
+ label: '鍔涘緱甯歌娓╂帶绠�'
+ },
+ ],
+ secondList: [
+ {
+ value: '0',
+ label: '1.5mm閽㈡澘澶栧３RAL7035锛堢數纾侀攣锛嬭绋嬪紑鍏筹級涓嬭繘涓婂嚭銆佷笅杩涗晶鍑猴紝鏁ｈ銆佽惤鍦板畨瑁�+甯歌灏哄'
+ },
+ {
+ value: '1',
+ label: '0.7m201涓嶉攬閽㈠澹虫湰鑹诧紙鐢电閿�+琛岀▼寮�鍏筹級涓嬭繘涓婂嚭銆佷笅杩涗晶鍑猴紝鏁ｈ銆佽惤鍦板畨瑁咃紜甯歌灏哄'
+ },
+ ],
+ }
+ },
+ // 鏂规硶闆嗗悎
+ methods: {
+ goPage (index) {
+ switch(index){
+ case 0:
+ this.selectShowType = true;
+ break;
+ case 1:
+ this.selectShowModels = true;
+ break;
+ case 2:
+ this.selectShowNum = true;
+ break;
+ case 3:
+ this.selectShowStructure = true;
+ break;
+ case 4:
+ this.selectShowFirst = true;
+ break;
+ case 5:
+ this.selectShowSecond = true;
+ break;
+ }
+ },
+ confirm (e, item) {
+ console.log('e--', e)
+ console.log('item--', item)
+ switch(item){
+ case 'type':
+ this.query.type = e[0].label;
+ break;
+ case 'model':
+ this.query.model = e[0].label;
+ break;
+ case 'num':
+ this.query.num = e[0].label;
+ break;
+ case 'structure':
+ this.query.structure = e[0].label;
+ break;
+ case 'first':
+ this.query.first = e[0].label;
+ break;
+ case 'second':
+ this.query.second = e[0].label;
+ break;
+ }
+ },
+ },
+}
+</script>
+
+<style scoped lang="scss">
+.body {
+ background: linear-gradient(to bottom, #E5F0FF, #F6F9FF);
+ box-sizing: border-box;
+ padding-top: 26rpx;
+ height: calc(100vh - 188rpx);
+ .main_view {
+ //background-image: url('~@/static/custom/home/home_img_bg.png');
+ //background-repeat: no-repeat;
+ //background-size: 100% auto;
+ background: linear-gradient(180deg, #DFEDFF 0%, #F7F7F8 100%);
+ border-radius: 15rpx;
+ height: 936rpx;
+ margin: 6rpx 30rpx 0;
+ box-sizing: border-box;
+ padding: 38rpx 26rpx;
+ .main_item{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 30rpx;
+ line-height: 112rpx;
+ border-bottom: 1rpx solid rgba(213,213,213, 0.67);
+ box-sizing: border-box;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3