feat: 添加开始时间搜索条件

src/views/taskManage/edit.vue

@@ -78,7 +78,7 @@
         ></el-date-picker>
         ></el-date-picker>
       </el-form-item>
       </el-form-item>
       <br />
       <br />
-      <el-form-item label="工单标题">
+      <el-form-item label="工单标题" required>
         <el-input
         <el-input
           style="width: 732px"
           style="width: 732px"
           v-model="editForm.title"
           v-model="editForm.title"
@@ -167,6 +167,9 @@ export default {
   methods: {
   methods: {
     onSubmit() {
     onSubmit() {
       this.$refs.editForm.validate((v) => {
       this.$refs.editForm.validate((v) => {
+        if (!this.editForm.content) {
+          return this.$message.warning('请输入工单内容')
+        }
         if (v) {
         if (v) {
           let url = ''
           let url = ''
           if (this.isEdit) {
           if (this.isEdit) {

src/views/taskManage/index.vue

@@ -37,7 +37,18 @@
         ref="form"
         ref="form"
         class="search_form"
         class="search_form"
       >
       >
-        <el-form-item label="创建时间">
+        <el-form-item>
+          <el-select
+            v-model="searchForm.prop"
+            placeholder="请选择"
+            clearable
+            style="width:100px"
+          >
+          <el-option label="开始时间" value="startTime"></el-option>
+          <el-option label="创建时间" value="createTime"></el-option>
+        </el-select>
+        </el-form-item>
+        <el-form-item>
           <choose-time-period
           <choose-time-period
             v-model="periodTime"
             v-model="periodTime"
           ></choose-time-period>
           ></choose-time-period>
@@ -387,7 +398,7 @@
       <el-form size="mini">
       <el-form size="mini">
         <el-form-item label="预计完成时间">
         <el-form-item label="预计完成时间">
           <el-date-picker
           <el-date-picker
-            style="width:100%"
+            style="width: 100%"
             v-model="estimateCompleteTime"
             v-model="estimateCompleteTime"
             value-format="yyyy-MM-dd HH:mm:ss"
             value-format="yyyy-MM-dd HH:mm:ss"
             type="datetime"
             type="datetime"
@@ -397,10 +408,15 @@
         </el-form-item>
         </el-form-item>
       </el-form>
       </el-form>
       <span slot="footer">
       <span slot="footer">
-        <el-button size="small" @click="completeVisible = false"
+        <el-button
+          size="small"
+          @click="completeVisible = false"
           >取消</el-button
           >取消</el-button
         >
         >
-        <el-button size="small" type="primary" @click="submitTime"
+        <el-button
+          size="small"
+          type="primary"
+          @click="submitTime"
           >确认</el-button
           >确认</el-button
         >
         >
       </span>
       </span>
@@ -463,7 +479,7 @@ export default {
       selections: [],
       selections: [],
       is_tab: '1',
       is_tab: '1',
       statusCode: 'PRE_HANDLING',
       statusCode: 'PRE_HANDLING',
-      searchForm: { timeProp: 'create_time' },
+      searchForm: { timeProp: 'create_time', leader: '', prop: 'createTime' },
       isEdit: false,
       isEdit: false,
       sourceData: [],
       sourceData: [],
       currentRowId: '',
       currentRowId: '',
@@ -497,7 +513,7 @@ export default {
     )
     )
   },
   },
   computed: {
   computed: {
-    ...mapState(['deptStaff']),
+    ...mapState(['deptStaff', 'userInfo']),
     tableColumns() {
     tableColumns() {
       // const employeeId = this.employeeId
       // const employeeId = this.employeeId
       return [
       return [
@@ -550,7 +566,12 @@ export default {
           label: '描述',
           label: '描述',
           key: 'content',
           key: 'content',
           render: (item) => {
           render: (item) => {
-            return <div domPropsInnerHTML={item.content}></div>
+            return (
+              <div
+                class="description"
+                domPropsInnerHTML={item.content}
+              ></div>
+            )
           },
           },
         },
         },
         {
         {
@@ -783,6 +804,9 @@ export default {
       }
       }
     },
     },
     handleNodeClick(data) {
     handleNodeClick(data) {
+      if (data.statusCode !== 'IN_PROGRESS') {
+        this.searchForm.leader = ''
+      }
       this.statusCode = data.statusCode
       this.statusCode = data.statusCode
       this.getlist()
       this.getlist()
     },
     },
@@ -836,9 +860,7 @@ export default {
         return
         return
       }
       }
       try {
       try {
-        const res = await completeWorkOrder(
-          item.id,
-        )
+        const res = await completeWorkOrder(item.id)
         if (res.code === 200) {
         if (res.code === 200) {
           this.getlist()
           this.getlist()
           this.getOrderTree()
           this.getOrderTree()
@@ -852,7 +874,10 @@ export default {
         return this.$message.warning('请选择预计完成时间')
         return this.$message.warning('请选择预计完成时间')
       }
       }
       try {
       try {
-        const res = await startWorder(this.rowId, this.estimateCompleteTime)
+        const res = await startWorder(
+          this.rowId,
+          this.estimateCompleteTime,
+        )
         if (res.code === 200) {
         if (res.code === 200) {
           this.getlist()
           this.getlist()
           this.getOrderTree()
           this.getOrderTree()
@@ -900,6 +925,19 @@ export default {
       this.textarea = ''
       this.textarea = ''
     },
     },
   },
   },
+  watch: {
+    statusCode(val) {
+      if (val === 'IN_PROGRESS') {
+        this.$set(
+          this.searchForm,
+          'leader',
+          this.userInfo.id,
+        )
+      } else {
+        this.$set(this.searchForm, 'leader', '')
+      }
+    },
+  },
 }
 }
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
@@ -1194,4 +1232,12 @@ export default {
     }
     }
   }
   }
 }
 }
+
+.description {
+  display: flex;
+
+  & p:not(:first-child) {
+    margin-left: 6px;
+  }
+}
 </style>
 </style>