From 7d78205b5944dedef0d9a8b9cab16cad85d376ee Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Wed, 29 May 2024 15:30:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E6=89=B9=E6=B5=81=E7=A8=8B=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=96=B9=E5=BC=8F=E6=9B=B4=E6=96=B0=EF=BC=8C=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E8=A7=86=E5=9B=BE=E9=A1=B5=E9=9D=A2=E5=8F=8A=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BF=AE=E6=94=B9=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/oa_Initiate/edit.vue         |   4 +-
 src/views/oa_Initiate/form/qt/tysp.vue |  66 +++++++++++
 src/views/oa_Initiate/form/rs/lz.vue   | 128 ++++++++++++++++++++++
 src/views/oa_Initiate/form/rs/rz.vue   | 121 +++++++++++++++++++++
 src/views/oa_Initiate/form/rs/zg.vue   | 145 +++++++++++++++++++++++++
 src/views/oa_Initiate/form/rs/zpxq.vue | 125 +++++++++++++++++++++
 src/views/oa_Initiate/form/rs/zz.vue   | 113 +++++++++++++++++++
 7 files changed, 700 insertions(+), 2 deletions(-)
 create mode 100644 src/views/oa_Initiate/form/qt/tysp.vue
 create mode 100644 src/views/oa_Initiate/form/rs/lz.vue
 create mode 100644 src/views/oa_Initiate/form/rs/rz.vue
 create mode 100644 src/views/oa_Initiate/form/rs/zg.vue
 create mode 100644 src/views/oa_Initiate/form/rs/zpxq.vue
 create mode 100644 src/views/oa_Initiate/form/rs/zz.vue

diff --git a/src/views/oa_Initiate/edit.vue b/src/views/oa_Initiate/edit.vue
index b3a8711..0915bf4 100644
--- a/src/views/oa_Initiate/edit.vue
+++ b/src/views/oa_Initiate/edit.vue
@@ -6,7 +6,7 @@
                     审批内容
                 </template>
                 <!-- <generateForm :config="formData.data" :extend="extend" :form-data="formData.extends" :type="type"> -->
-                <jk></jk>
+                <tysp></tysp>
                 <!-- </generateForm> -->
             </el-card>
             <oaFlow :form-data="formData" :flow_cate="formData.id"></oaFlow>
@@ -19,7 +19,7 @@ import generateForm from './../../components/generateForm/index.vue'
 import Popup from "@/components/popup/index.vue";
 import { apiOaoaApproveAdd } from "@/api/oa_Initiate"
 
-import jk from './form/jk/jk.vue'
+import tysp from './form/qt/tysp.vue'
 
 
 
diff --git a/src/views/oa_Initiate/form/qt/tysp.vue b/src/views/oa_Initiate/form/qt/tysp.vue
new file mode 100644
index 0000000..a6891c2
--- /dev/null
+++ b/src/views/oa_Initiate/form/qt/tysp.vue
@@ -0,0 +1,66 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="审批内容" prop="jyr">
+                    <el-input v-model="formData.jyr" clearable placeholder="请输入审批内容" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="紧急程度" prop="jjlx">
+                    <el-select v-model="formData.jjlx" placeholder="请选择紧急程度" class="flex-1">
+                        <el-option :label="item" :value="index" v-for="(item, index) in qjlxList" :key="index">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="详细描述" prop="bz1">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入详细描述" type="textarea" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item label="附件">
+                    <uploadAnnex :form-data="formData"></uploadAnnex>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw", 'lwrq1', 'jjlx', 'bz1']
+
+const qjlxList = reactive(['普通', '紧急', '特急'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+
+</script>
\ No newline at end of file
diff --git a/src/views/oa_Initiate/form/rs/lz.vue b/src/views/oa_Initiate/form/rs/lz.vue
new file mode 100644
index 0000000..cc46ded
--- /dev/null
+++ b/src/views/oa_Initiate/form/rs/lz.vue
@@ -0,0 +1,128 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="员工姓名" prop="jyr">
+                    <el-input v-model="formData.jyr" clearable placeholder="请输入借用人" @click="userclick('jyr')" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="入职时间" prop="lwrq">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择入职时间">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="所在部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="担任职务" prop="drzw">
+                    <el-select v-model="formData.drzw" placeholder="请选择担任职务" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+                <el-form-item label="申请离职日期" prop="lwrq1">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq1" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择申请离职日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="预计离职日期" prop="lwrq2">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq2" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择预计离职日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="离职原因" prop="bz1">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入离职原因" type="textarea" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item label="附件">
+                    <uploadAnnex :form-data="formData"></uploadAnnex>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+import { deptLists } from "@/api/org/department";
+import { jobsLists } from '@/api/org/post'
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw", 'lwrq1', 'lwrq2', 'bz1']
+
+const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+
+const deptList = ref([])
+const getDeptList = async () => {
+    const res = await deptLists()
+    deptList.value = res.lists
+}
+getDeptList()
+
+
+const zwlist = ref([])
+const getzwlist = async () => {
+    const res = await jobsLists()
+    zwlist.value = res.lists
+}
+getzwlist()
+
+
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+let value
+const userclick = async (val) => {
+    showPerDialog.value = true
+    value = val
+    await nextTick()
+    personnel.value.open()
+}
+const submituser = (e) => {
+    formData[value] = e.name
+    formData[value + "_id"] = e.id
+    showPerDialog.value = false
+}
+</script>
\ No newline at end of file
diff --git a/src/views/oa_Initiate/form/rs/rz.vue b/src/views/oa_Initiate/form/rs/rz.vue
new file mode 100644
index 0000000..39e7a9e
--- /dev/null
+++ b/src/views/oa_Initiate/form/rs/rz.vue
@@ -0,0 +1,121 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="员工姓名" prop="jyr">
+                    <el-input v-model="formData.jyr" clearable placeholder="请输入借用人" @click="userclick('jyr')" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="入职时间" prop="lwrq">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择入职时间">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="手机号码" prop="wjmc">
+                    <el-input v-model="formData.wjmc" clearable placeholder="请输入借款金额" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="性别" prop="sex">
+                    <el-select v-model="formData.sex" placeholder="请选择性别" class="flex-1">
+                        <el-option label="男" value="1"></el-option>
+                        <el-option label="女" value="0"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="入职部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="担任职务" prop="drzw">
+                    <el-select v-model="formData.drzw" placeholder="请选择担任职务" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="备注">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+import { deptLists } from "@/api/org/department";
+import { jobsLists } from '@/api/org/post'
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw"]
+
+const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+
+const deptList = ref([])
+const getDeptList = async () => {
+    const res = await deptLists()
+    deptList.value = res.lists
+}
+getDeptList()
+
+
+const zwlist = ref([])
+const getzwlist = async () => {
+    const res = await jobsLists()
+    zwlist.value = res.lists
+}
+getzwlist()
+
+
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+let value
+const userclick = async (val) => {
+    showPerDialog.value = true
+    value = val
+    await nextTick()
+    personnel.value.open()
+}
+const submituser = (e) => {
+    formData[value] = e.name
+    formData[value + "_id"] = e.id
+    showPerDialog.value = false
+}
+</script>
\ No newline at end of file
diff --git a/src/views/oa_Initiate/form/rs/zg.vue b/src/views/oa_Initiate/form/rs/zg.vue
new file mode 100644
index 0000000..102bfb6
--- /dev/null
+++ b/src/views/oa_Initiate/form/rs/zg.vue
@@ -0,0 +1,145 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="员工姓名" prop="jyr">
+                    <el-input v-model="formData.jyr" clearable placeholder="请输入借用人" @click="userclick('jyr')" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="入职时间" prop="lwrq">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择入职时间">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="当前所在部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="担任职务" prop="drzw">
+                    <el-select v-model="formData.drzw" placeholder="请选择担任职务" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="转岗后所在部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm1" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="转刚后职务" prop="drzw">
+                    <el-select v-model="formData.drzw1" placeholder="请选择担任职务" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+
+
+            <el-col :span="8">
+                <el-form-item label="申请转岗日期" prop="lwrq1">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq1" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择申请离职日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="预计转刚日期" prop="lwrq2">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq2" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择预计离职日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="转刚原因" prop="bz1">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入离职原因" type="textarea" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item label="附件">
+                    <uploadAnnex :form-data="formData"></uploadAnnex>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+import { deptLists } from "@/api/org/department";
+import { jobsLists } from '@/api/org/post'
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw", 'lwrq1', 'lwrq2', 'bz1', 'rzbm1', 'drzw1']
+
+const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+
+const deptList = ref([])
+const getDeptList = async () => {
+    const res = await deptLists()
+    deptList.value = res.lists
+}
+getDeptList()
+
+
+const zwlist = ref([])
+const getzwlist = async () => {
+    const res = await jobsLists()
+    zwlist.value = res.lists
+}
+getzwlist()
+
+
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+let value
+const userclick = async (val) => {
+    showPerDialog.value = true
+    value = val
+    await nextTick()
+    personnel.value.open()
+}
+const submituser = (e) => {
+    formData[value] = e.name
+    formData[value + "_id"] = e.id
+    showPerDialog.value = false
+}
+</script>
\ No newline at end of file
diff --git a/src/views/oa_Initiate/form/rs/zpxq.vue b/src/views/oa_Initiate/form/rs/zpxq.vue
new file mode 100644
index 0000000..7691704
--- /dev/null
+++ b/src/views/oa_Initiate/form/rs/zpxq.vue
@@ -0,0 +1,125 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="招聘部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="期望到岗日期" prop="lwrq1">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq1" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择期望到岗日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="招聘岗位" prop="drzw">
+                    <el-select v-model="formData.drzw" placeholder="请选择招聘岗位" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="招聘人数" prop="bz1">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入招聘人数" />
+                </el-form-item>
+            </el-col>
+
+
+            <el-col :span="8">
+                <el-form-item label="岗位职责" prop="gwzz">
+                    <el-input v-model="formData.gwzz" clearable placeholder="请输入岗位职责" type="textarea" />
+                </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+                <el-form-item label="任职要求" prop="rzyq">
+                    <el-input v-model="formData.rzyq" clearable placeholder="请输入任职要求" type="textarea" />
+                </el-form-item>
+            </el-col>
+
+
+
+
+            <el-col :span="24">
+                <el-form-item label="附件">
+                    <uploadAnnex :form-data="formData"></uploadAnnex>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+import { deptLists } from "@/api/org/department";
+import { jobsLists } from '@/api/org/post'
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw", 'lwrq1', 'lwrq2', 'bz1', 'gwzz', 'rzyq']
+
+const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+
+const deptList = ref([])
+const getDeptList = async () => {
+    const res = await deptLists()
+    deptList.value = res.lists
+}
+getDeptList()
+
+
+const zwlist = ref([])
+const getzwlist = async () => {
+    const res = await jobsLists()
+    zwlist.value = res.lists
+}
+getzwlist()
+
+
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+let value
+const userclick = async (val) => {
+    showPerDialog.value = true
+    value = val
+    await nextTick()
+    personnel.value.open()
+}
+const submituser = (e) => {
+    formData[value] = e.name
+    formData[value + "_id"] = e.id
+    showPerDialog.value = false
+}
+</script>
\ No newline at end of file
diff --git a/src/views/oa_Initiate/form/rs/zz.vue b/src/views/oa_Initiate/form/rs/zz.vue
new file mode 100644
index 0000000..8096ae7
--- /dev/null
+++ b/src/views/oa_Initiate/form/rs/zz.vue
@@ -0,0 +1,113 @@
+<template>
+    <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
+        <el-row>
+            <el-col :span="8">
+                <el-form-item label="员工姓名" prop="jyr">
+                    <el-input v-model="formData.jyr" clearable placeholder="请输入借用人" @click="userclick('jyr')" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="转正日期" prop="lwrq">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择转正日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="所在部门" prop="rzbm">
+                    <el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in deptList">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="担任职务" prop="drzw">
+                    <el-select v-model="formData.drzw" placeholder="请选择担任职务" class="flex-1">
+                        <el-option :label="item.name" :value="item.id" v-for="item in zwlist">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="试用期评价">
+                    <el-input v-model="formData.bz1" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item label="附件">
+                    <uploadAnnex :form-data="formData"></uploadAnnex>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div v-if="showPerDialog">
+            <personnelselector ref="personnel" @confirm="submituser" type="1">
+            </personnelselector>
+        </div>
+    </el-form>
+</template>
+
+<script setup>
+import { deptLists } from "@/api/org/department";
+import { jobsLists } from '@/api/org/post'
+
+let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw"]
+
+const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
+const formData = reactive({})
+const formRef = ref(null)
+
+
+
+const deptList = ref([])
+const getDeptList = async () => {
+    const res = await deptLists()
+    deptList.value = res.lists
+}
+getDeptList()
+
+
+const zwlist = ref([])
+const getzwlist = async () => {
+    const res = await jobsLists()
+    zwlist.value = res.lists
+}
+getzwlist()
+
+
+
+
+// 表单验证
+const formRules = reactive({
+})
+
+const setRules = () => {
+    list.forEach(item => {
+        formRules[item] = [{
+            required: true,
+            message: '不可为空',
+            trigger: ['blur']
+        }]
+    })
+}
+
+setRules()
+
+
+
+const showPerDialog = ref(false)
+const personnel = ref(null)
+
+let value
+const userclick = async (val) => {
+    showPerDialog.value = true
+    value = val
+    await nextTick()
+    personnel.value.open()
+}
+const submituser = (e) => {
+    formData[value] = e.name
+    formData[value + "_id"] = e.id
+    showPerDialog.value = false
+}
+</script>
\ No newline at end of file