工作经历编辑

api/resume.js

@@ -97,20 +97,30 @@ export const getResumeWorkExp = async () => {
   })
 }
 
-// // 删除-工作经历
-// export const deleteResumeWorkExp = async (id) => {
-//   return await request.delete({
-//     url: '/app-api/menduner/system/person/resume/work/exp/remove?id=' + id
-//   })
-// }
+// 删除-工作经历
+export const deleteResumeWorkExp = async (id) => {
+  return request({
+    url: '/app-api/menduner/system/person/resume/work/exp/remove?id=' + id,
+    method: 'DELETE',
+    custom: {
+      auth: true,
+      showLoading: false
+    }
+  })
+}
 
-// // 保存-工作经历
-// export const saveResumeWorkExp = async (data) => {
-//   return await request.post({
-//     url: '/app-api/menduner/system/person/resume/work/exp/save',
-//     data
-//   })
-// }
+// 保存-工作经历
+export const saveResumeWorkExp = async (data) => {
+  return request({
+    url: '/app-api/menduner/system/person/resume/work/exp/save',
+    method: 'POST',
+    data,
+    custom: {
+      showLoading: false,
+      auth: true
+    }
+  })
+}
 
 // // 保存项目经历
 // export const saveResumeProjectExp = async (data) => {
@@ -236,13 +246,18 @@ export const schoolSearchByName = async (params) => {
   })
 }
 
-// // 根据企业名称模糊搜索
-// export const enterpriseSearchByName = async (params) => {
-//   return await request.get({
-//     url: '/app-api/menduner/system/enterprise/search/by/name',
-//     params
-//   })
-// }
+// 根据企业名称模糊搜索
+export const enterpriseSearchByName = async (params) => {
+  return request({
+    url: '/app-api/menduner/system/enterprise/search/by/name',
+    params,
+    method: 'GET',
+    custom: {
+      showLoading: false,
+      auth: true
+    }
+  })
+}
 
 // // 保存附件
 // export const savePersonResumeCv = async (data) => {

pages.json

@@ -80,6 +80,12 @@
 						"navigationBarTitleText": "教育经历"
 					}
 				},
+				{
+					"path": "resumeOnline/workExperience",
+					"style": {
+						"navigationBarTitleText": "工作经验"
+					}
+				},
 				{
 					"path": "resume/index",
 					"style": {

pagesA/resumeOnline/index.vue

@@ -145,6 +145,7 @@
           color="#666"
           custom-prefix="iconfont"
           size="18"
+          @tap="handleTo('workExperience')"
         ></uni-icons>
       </view>
       <view class="content">
@@ -152,6 +153,7 @@
           v-for="work in workExp"
           :key="work.id"
           class="content-item"
+          @tap="handleTo('workExperience', work.id)"
         >
           <view class="content-title">
             <view class="name">{{ work.enterpriseName }}</view>
@@ -317,7 +319,7 @@ async function getWorkExp () {
   workExp.value = data.map(e => {
     return {
       ...e,
-      time: `${timesTampChange(e.startTime ,'Y')}-${e.endTime ? timesTampChange(e.endTime ,'Y') : '至今'} `
+      time: `${timesTampChange(e.startTime ,'Y-M')}-${e.endTime ? timesTampChange(e.endTime ,'Y-M') : '至今'} `
     }
   })
 }

pagesA/resumeOnline/workExperience.vue

@@ -1,9 +1,175 @@
-<!--  -->
+<!-- 工作经历 -->
 <template>
-  <view>工作经历</view>
+  <view class="ss-m-x-30 ss-m-y-30">
+    <uni-forms ref="form" :modelValue="formData" :rules="rules" validateTrigger="bind" label-width="90px">
+      <uni-forms-item label="企业名称" name="enterpriseName" required>
+				<uni-combox :candidates="enterpriseData" placeholder="企业名称" v-model="formData.enterpriseName" @input="handleSearchEnterprise"></uni-combox>
+			</uni-forms-item>
+      <uni-forms-item label="职位名称" name="positionName" required>
+				<uni-combox :candidates="positionData" placeholder="职位名称" v-model="formData.positionName"></uni-combox>
+			</uni-forms-item>
+      <uni-forms-item label="开始时间" name="startTime" required>
+				<picker mode="date" :value="formData.startTime" fields="month" :end="endDate" @change="e => formData.startTime = e.detail.value">
+					<view class="uni-input ss-m-t-20">{{ formData.startTime }}</view>
+				</picker>
+			</uni-forms-item>
+      <uni-forms-item label="结束时间" name="endTime" required>
+				<view class="d-flex">
+          <picker mode="date" :value="formData.endTime" :disabled="endDisabled" fields="month" :end="endDate" @change="e => formData.endTime = e.detail.value">
+            <view class="uni-input ss-m-t-20" :style="{'opacity': endDisabled ? '0.5' : '1'}">{{ formData.endTime }}</view>
+          </picker>
+          <uni-data-checkbox selectedColor="#00897B" class="ss-m-l-50 ss-m-t-14" multiple v-model="sofar" :localdata="[{ text: '至今', value: 1 }]" @change="handleChangeSofar"></uni-data-checkbox>
+        </view>
+			</uni-forms-item>
+      <uni-forms-item label="工作内容" name="content" required>
+				<uni-easyinput type="textarea" v-model="formData.content" autoHeight  placeholder="请输入内容"></uni-easyinput>
+			</uni-forms-item>
+    </uni-forms>
+    <view class="f-horizon-center">
+      <button v-if="editId" size="default" class="delete-button commonBtnStyle" @click="handleDelete">删 除</button>
+      <button size="default" :class="{'save-button': editId, 'commonBtnStyle': editId, 'send-button': !editId}"  @click="submit">保 存</button>
+    </view>
+  </view>
 </template>
 
 <script setup>
+import { ref, unref } from 'vue'
+import { convertYearMonthToTimestamp, timesTampChange } from '@/utils/date.js'
+import { enterpriseSearchByName, saveResumeWorkExp, deleteResumeWorkExp, getResumeWorkExp } from '@/api/resume.js'
+import { onLoad } from '@dcloudio/uni-app'
+import { cloneDeep } from 'lodash-es'
+import { getDict } from '@/hooks/useDictionaries.js'
+
+let formData = ref({
+  startTime: '2014-01',
+  endTime: '2018-01'
+})
+const sofar = ref([])
+const endDisabled = ref(false)
+const editId = ref(null)
+const enterpriseData = ref([])
+const positionData = ref([])
+const form = ref()
+const date = new Date()
+const endDate = date.getFullYear() + '-' + (date.getMonth() + 1) // 不可选时间
+const searchData = ref({
+  enterprise: [],
+  position: []
+})
+
+const rules = {
+	enterpriseName:{
+		rules: [{required: true, errorMessage: '请输入企业名称' }]
+	},
+	positionName:{
+		rules: [{required: true, errorMessage: '请输入职位名称' }]
+	},
+	startTime:{
+		rules: [{required: true, errorMessage: '请选择开始时间' }]
+	},
+  content:{
+		rules: [{required: true, errorMessage: '请输入工作内容' }]
+	}
+}
+const getExp = async (id) => {
+  const { data } = await getResumeWorkExp()
+  if (!data || !data.length) {
+    return
+  }
+  const obj = data.find(e => e.id == id)
+  formData.value = cloneDeep(obj)
+  formData.value.startTime = timesTampChange(obj.startTime, 'Y-M')
+  if (!obj.endTime) {
+    endDisabled.value = true
+    formData.value.endTime = '2018-01'
+    sofar.value = [1]
+  } else formData.value.endTime = timesTampChange(obj.endTime, 'Y-M')
+  handleSearchEnterprise(obj.enterpriseName)
+}
+
+onLoad((options) => {
+  if (options.id) {
+    editId.value = options.id
+    getExp(options.id)
+  }
+})
+
+// 企业搜索
+const handleSearchEnterprise = (e) => {
+  if (!e) return enterpriseData.value = []
+  enterpriseSearchByName({ name: e }).then(res => {
+    searchData.value.enterprise = res.data
+    enterpriseData.value = res.data && res.data?.length ? res.data.map(e => e.value) : []
+  })
+}
+
+let positionTreeChildrenData = []
+getDict('positionTreeData', null, 'positionTreeData').then(({ data }) => {
+  data = data.data?.length && data.data || []
+  data.forEach(e => {
+    if (e?.children?.length) positionTreeChildrenData = positionTreeChildrenData.concat(e.children)
+  })
+  searchData.value.position = positionTreeChildrenData
+  positionData.value = positionTreeChildrenData.map(e => e.nameCn)
+})
+
+// 至今
+const handleChangeSofar = (e) => {
+  const value = e.detail.value.length ? e.detail.value[0] : ''
+  endDisabled.value = value ? true : false
+}
+
+// 保存
+const submit = async () => {
+  const valid = await unref(form).validate()
+  if (!valid) return
+  formData.value.enterpriseId = searchData.value.enterprise.find(e => e.value === formData.value.enterpriseName)?.key
+  formData.value.positionId = searchData.value.position.find(e => e.nameCn === formData.value.positionName)?.id
+  formData.value.startTime = convertYearMonthToTimestamp(formData.value.startTime)
+  formData.value.endTime = sofar.value.length ? null : convertYearMonthToTimestamp(formData.value.endTime)
+  if (!formData.value.endTime && !sofar.value.length) return uni.showToast({ icon: 'none', title: '请选择结束时间' })
+  try {
+    await saveResumeWorkExp(formData.value)
+    uni.showToast({
+			icon: 'success',
+			title: '保存成功'
+		})
+		setTimeout(() => {
+      editId.value = null
+      uni.navigateBack({
+        delta: 1
+      })
+    }, 1000)
+  } catch (err) {
+		uni.showToast({
+			icon: 'none',
+			title: err.msg
+		})
+	}
+}
+
+// 删除
+const handleDelete = async () => {
+	try {
+		await deleteResumeWorkExp(editId.value)
+		uni.showToast({
+			icon: 'success',
+			title: '删除成功'
+		})
+		setTimeout(() => {
+			editId.value = null
+			uni.navigateBack({
+				delta: 1
+			})
+		}, 1000)
+	} catch (err) {
+		uni.showToast({
+			icon: 'none',
+			title: err.msg
+		})
+	}
+}
 </script>
+
 <style lang="scss" scoped>
 </style>