任务表单

src/api/task.ts

@@ -15,3 +15,7 @@ export function apiTaskCreat(params: any) {
 export function apiTaskAdd(params: any) {
   return request.post({ url: "/task.task/add", params });
 }
+//任务排期-任务添加  
+export function apiTaskScheduling(params: any) {
+  return request.post({ url: "/task_scheduling.task_scheduling/add", params });
+}

src/views/task/Taskform.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="edit-popup">
-    <el-form ref="formRef" :model="formData" label-width="84px">
+  <el-card class="edit-popup">
+    <el-form :rules="rules" ref="formRef" :model="formData" label-width="84px">
       <el-col class="pt-6 !border-none">
         <el-row>
-          <el-col :span="10">
+          <el-col :span="18">
             <el-form-item label="任务主题" prop="title">
               <el-input
                 v-model="formData.title"
@@ -14,10 +14,10 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="10">
-            <el-form-item label="金额" prop="price">
+          <el-col :span="18">
+            <el-form-item label="金额" prop="money">
               <el-input
-                v-model="formData.price"
+                v-model="formData.money"
                 placeholder="请输入金额"
                 clearable
               ></el-input>
@@ -25,9 +25,20 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="24">
+          <el-col :span="18">
+            <el-form-item label="状态" prop="state">
+              <el-input
+                v-model="formData.state"
+                placeholder="请选择负责人"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="18">
             <el-form-item label="任务类型" prop="type">
-              <el-select v-model="formData.type" placeholder="请选任务类型">
+              <el-select v-model="formData.type" placeholder="请选择工作类型">
                 <el-option
                   v-for="item in datalist"
                   :key="item.label"
@@ -38,70 +49,67 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row> </el-row>
         <el-row>
-          <el-col :span="10">
-            <el-form-item label="状态" prop="state">
-              <el-input
-                v-model="formData.state"
-                placeholder="请选择负责人"
-                clearable
-              ></el-input>
+          <el-col :span="18">
+            <el-form-item label="任务描述" prop="describe">
+              <editor v-model="formData.describe" :height="400" /> 
+            </el-form-item></el-col
+          >
+        </el-row>
+      </el-col>
+       <el-row>
+          <el-col :span="18">
+            <el-form-item >
+          <el-button @click="handleSubmit" type="primary">提交</el-button>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row> </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="任务描述" prop="describe">
-              <editor
-                v-model="formData.describe"
-                :height="500"
-              /> </el-form-item
-          ></el-col>
-        </el-row>
-      </el-col>
-      <el-button @click="handleSubmit" type="primary">提交</el-button>
+      
     </el-form>
-  </div>
+  </el-card>
 </template>
 
-<script lang="ts" setup name="taskEidt">
-import type { FormInstance } from "element-plus";
+<script lang="ts" setup>
+import { ref } from "vue";
+import { dictDataLists } from "@/api/setting/dict";
 import { apiTaskAdd } from "@/api/task";
-import { reactive, onMounted, type PropType, ref } from "vue";
-import { dictTypeLists } from "../../api/setting/dict";
-let datalist = ref([]);
-//任务类型接口
-dictTypeLists({}).then((res) => {
-  datalist = res.lists;
-  console.log(datalist);
+const rules = reactive({
+  title: { required: true, message: "请输入标题", trigger: "blur" },
+  money: { required: true, message: "请输入金额", trigger: "blur" },
+  type: { required: true, message: "请输入类型", trigger: "blur" },
+  state: { required: true, message: "请输入状态", trigger: "blur" },
 });
-const props = defineProps({
-  dictData: {
-    type: Object as PropType<Record<string, any[]>>,
-    default: () => ({}),
-  },
-  dateValue: {
-    type: Date,
-    default: () => null,
-  },
-});
-onMounted(() => {});
-// 表单数据
-let formData = reactive({
-  id: "",
-  title: "", //任务主题
-  price: "", //任务金额
-  type: "", //任务类型
-  state: "", //任务状态
-  describe: "", //任务描述
+const formData = ref({
+  title: "",
+  money: "",
+  type: "",
+  state: "",
+  describe: "",
+  status: "",
+  template_id: "",
+  company_id: "",
+  start_time: "",
+  end_time: "",
+  director_uid: "",
+  content: "",
+  extend: "",
 });
 
-// 提交按钮
-let handleSubmit = () => {
-  console.log(formData);
-  //     apiTaskAdd().then(res=>{
+const datalist = ref([]);
+dictDataLists({ type_id: 10 }).then((res) => {
+  datalist.value = res.lists;
+});
 
-  //    })
-};
+const formRef = ref(null);
+
+function handleSubmit() {
+  formRef.value.validate((re) => {
+    if (re) {
+      apiTaskAdd({ ...formData.value }).then((res) => {});
+    }
+  });
+}
 </script>
+
+<style scoped lang="scss"></style>