feat: 心路历程功能提交。

2024-06-04 17:21:04 +08:00
parent 2b281fe098
commit 1d94d25209
19 changed files with 1902 additions and 25 deletions
--- a/src/pages/work/heartJourney/addEdit.vue
+++ b/src/pages/work/heartJourney/addEdit.vue
@@ -0,0 +1,168 @@
+<template>
+    <view class="container" style="paddingBottom:1rpx;">
+      <uni-navbar title="心路历程"></uni-navbar>
+      <view class="section">
+        <view class="section-title">心路历程</view>
+        <view class="form-view">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+            <u-form-item label="标题" prop="name" required >
+              <u--input v-model="form.name"  placeholder="请填写标题"
+                inputAlign="right" border="none"></u--input>
+            </u-form-item>
+            <u-form-item label="类型" prop="typeName" required @click="handleShowTeam">
+              <u--input v-model="form.typeName" disabled disabledColor="#ffffff" placeholder="请选择类型"
+                inputAlign="right" border="none"></u--input>
+              <u-icon slot="right" name="arrow-down"></u-icon>
+            </u-form-item>
+            <u-form-item label="记录时间" prop="createTime" required @click="selectDate()">
+              <u--input v-model="form.createTime" disabled disabledColor="#ffffff" placeholder="请选择记录时间" inputAlign="right" border="none"></u--input>
+						<u-icon slot="right" name="arrow-right"></u-icon>
+            </u-form-item>
+            <u-form-item label="内容" prop="remark" required labelPosition="top">
+              <u--textarea v-model="form.remark" placeholder="请填写内容" border="none" autoHeight inputAlign="right" count
+                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+            </u-form-item>
+          </u--form>
+          <view class="form-btn">
+            <u-button type="primary" text="提交" @click="submit"></u-button>
+          </view>
+        </view>
+      </view>
+      <u-toast ref="uToast"></u-toast>
+      <u-picker itemHeight="88" :show="showTeam" :columns="journeyTypeList" keyName="dictLabel" @cancel="handleCancel"
+        @confirm="handleConfirm"></u-picker>
+        <u-datetime-picker
+			:show="datePickShow"
+			mode="datetime"
+      ref="createTimeRef" 
+			@cancel="datePickShow=false"
+			@confirm="datePickConfirm"
+			itemHeight="88"
+		></u-datetime-picker>
+    </view>
+  </template>
+  
+  <script>
+  import { listHeartJourney, getHeartJourney, delHeartJourney, addHeartJourney, updateHeartJourney } from '@/api/invest/heartJourney'
+  import { getDicts } from '@/api/system/dict/data.js'
+  import dayjs from 'dayjs'
+  export default {
+    data() {
+      return {
+        form: {
+          createTime: '',
+          name: '',
+          remark: '',
+          type: '',
+          createTime: '',
+          typeName: '',
+          id: '',
+        },
+        rules: {
+          name: [{ type: 'string', required: true, message: '请输入标题', trigger: ['change', 'blur'] }],
+          createTime: [{ type: 'string', required: true, message: '请选择记录时间', trigger: ['change', 'blur'] }],
+          type: [{ type: 'string', required: true, message: '请选择类型', trigger: ['change', 'blur'] }],
+          remark: [{ type: 'string', required: true, message: '请输入内容', trigger: ['change', 'blur'] }],
+        },
+        datePickShow: false,
+        id: '',
+        showTeam: false,
+        journeyTypeList: []
+      }
+    },
+    onLoad(option) {
+      this.form.id = option.id
+      this.getDict()
+    },
+    onReady() {
+      this.$refs.uForm.setRules(this.rules)
+    },
+    methods: {
+      getDict() {
+        // 工单状态
+      getDicts('journey_type').then(res => {
+        this.journeyTypeList =[res.data] 
+      })
+      if(this.form.id!=null){
+        getHeartJourney(this.form.id).then(res => {
+          this.form = res.data
+        })
+      }
+      },
+      handleShowTeam() {
+        if (this.journeyTypeList[0].length === 0) {
+          this.$refs.uToast.show({
+            message: '类型为空  ', type: 'warning'
+          })
+        } else {
+          this.showTeam = true
+        }
+      },
+      handleConfirm(e) {
+        this.form.typeName = e.value[0].dictLabel
+        this.form.type = e.value[0].dictValue
+        this.showTeam = false
+      },
+      handleCancel() {
+        this.showTeam = false
+      },
+      selectDate() {
+				this.datePickShow = true
+        this.$refs.createTimeRef.innerValue = new Date().getTime()
+			},
+			datePickConfirm(e) {
+				this.form.createTime = dayjs(e.value).format("YYYY-MM-DD HH:mm:ss")
+				this.datePickShow = false
+			},
+      submit() {
+        this.$refs.uForm.validate().then(() => {
+          if (this.form.id != null) {
+            updateHeartJourney({ ...this.form}).then(res => {
+            this.$refs.uToast.show({
+              message: '修改成功', complete() {
+                uni.navigateTo({ url: `/pages/work/heartJourney/list` })
+              }
+            })
+          })
+          }else {
+            addHeartJourney({ ...this.form}).then(res => {
+            this.$refs.uToast.show({
+              message: '新增成功', complete() {
+                uni.navigateTo({ url: `/pages/work/heartJourney/list` })
+              }
+            })
+          })
+          }
+    
+        })
+      },
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .section {
+    margin: 24rpx;
+    padding: 16rpx 24rpx;
+    background-color: #fff;
+    border-radius: 8rpx;
+  
+    .section-title {
+      width: 160rpx;
+      color: #333333;
+      line-height: 44rpx;
+      font-size: 30rpx;
+      border-left: 6rpx solid #2681FF;
+      padding-left: 26rpx;
+    }
+  
+    .form-view {
+      padding: 20rpx 0rpx 0 10rpx;
+  
+      .form-btn {
+        padding-top: 20rpx;
+      }
+    }
+  }
+  </style>