输入框样式修改

src/views/flow/task/cc.vue

@@ -3,14 +3,20 @@
 		<div class="layout-padding-auto layout-padding-view">
 			<el-row shadow="hover" v-show="showSearch" class="ml10">
 				<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
-					<el-form-item label="发起时间" prop="taskTime">
-						<el-date-picker type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" v-model="state.queryForm.taskTime" is-range range-separator="To" />
+					<el-form-item style="width: 450px" label="发起时间" prop="taskTime">
+						<el-date-picker
+							type="datetimerange"
+							value-format="YYYY-MM-DD HH:mm:ss"
+							v-model="state.queryForm.taskTime"
+							is-range
+							range-separator="To"
+						/>
 					</el-form-item>
 					<el-form-item>
 						<el-button icon="search" type="primary" @click="getDataList">
-							{{ $t('common.queryBtn') }}
+							{{ $t("common.queryBtn") }}
 						</el-button>
-						<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
 					</el-form-item>
 				</el-form>
 			</el-row>
@@ -49,8 +55,7 @@
 				</el-table-column>
 			</el-table>
 
-      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                  v-bind="state.pagination"></pagination>
+			<pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"></pagination>
 		</div>
 		<!--			右侧抽屉-->
 		<el-drawer v-model="rightDrawerVisible" direction="rtl" size="400px">
@@ -74,59 +79,56 @@
 </template>
 
 <script setup lang="ts">
-import FormRender from '/@/views/flow/form/render/FormRender.vue';
-import FlowNodeFormat from '/@/views/flow/form/tools/FlowNodeFormatData.vue';
-
-import {queryMineCC, queryMineCCDetail} from '/@/api/flow/task';
-import { BasicTableProps, useTable } from '/@/hooks/table';
+import FormRender from "/@/views/flow/form/render/FormRender.vue"
+import FlowNodeFormat from "/@/views/flow/form/tools/FlowNodeFormatData.vue"
 
+import { queryMineCC, queryMineCCDetail } from "/@/api/flow/task"
+import { BasicTableProps, useTable } from "/@/hooks/table"
 
 const state: BasicTableProps = reactive<BasicTableProps>({
-  pageList: queryMineCC,
-  queryForm: {
-    taskTime: undefined,
-  },
-});
+	pageList: queryMineCC,
+	queryForm: {
+		taskTime: undefined,
+	},
+})
 
-const { tableStyle ,getDataList, currentChangeHandle,
-  sortChangeHandle,
-  sizeChangeHandle, } = useTable(state);
+const { tableStyle, getDataList, currentChangeHandle, sortChangeHandle, sizeChangeHandle } = useTable(state)
 
-const rightDrawerVisible = ref(false);
+const rightDrawerVisible = ref(false)
 
-const loading = ref(false);
-const showSearch = ref(true);
-const queryRef = ref();
-const currentData = ref();
+const loading = ref(false)
+const showSearch = ref(true)
+const queryRef = ref()
+const currentData = ref()
 /**
  * 点击开始处理
  * @param row
  */
 const deal = (row) => {
-	currentData.value = row;
+	currentData.value = row
 
 	queryMineCCDetail({ id: row.id }).then((res) => {
-		currentOpenFlowForm.value = res.data.formItems;
-		rightDrawerVisible.value = true;
-	});
-};
-const currentOpenFlowForm = ref();
+		currentOpenFlowForm.value = res.data.formItems
+		rightDrawerVisible.value = true
+	})
+}
+const currentOpenFlowForm = ref()
 
 // 清空搜索条件
 const resetQuery = () => {
-	queryRef.value.resetFields();
-	getDataList();
-};
+	queryRef.value.resetFields()
+	getDataList()
+}
 
 onMounted(() => {
-	getDataList();
-});
+	getDataList()
+})
 
 const formValue = computed(() => {
-  const obj = {};
-  for (const item of currentOpenFlowForm.value) {
-		obj[item.id] = item.props.value;
+	const obj = {}
+	for (const item of currentOpenFlowForm.value) {
+		obj[item.id] = item.props.value
 	}
-	return obj;
-});
+	return obj
+})
 </script>

src/views/flow/task/completed.vue

@@ -3,14 +3,20 @@
 		<div class="layout-padding-auto layout-padding-view">
 			<el-row shadow="hover" v-show="showSearch" class="ml10">
 				<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
-					<el-form-item label="发起时间" prop="taskTime">
-						<el-date-picker type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" v-model="state.queryForm.taskTime" is-range range-separator="To" />
+					<el-form-item style="width: 450px" label="发起时间" prop="taskTime">
+						<el-date-picker
+							type="datetimerange"
+							value-format="YYYY-MM-DD HH:mm:ss"
+							v-model="state.queryForm.taskTime"
+							is-range
+							range-separator="To"
+						/>
 					</el-form-item>
 					<el-form-item>
 						<el-button icon="search" type="primary" @click="getDataList">
-							{{ $t('common.queryBtn') }}
+							{{ $t("common.queryBtn") }}
 						</el-button>
-						<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
 					</el-form-item>
 				</el-form>
 			</el-row>
@@ -48,8 +54,7 @@
 				</el-table-column>
 			</el-table>
 
-      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                  v-bind="state.pagination"></pagination>
+			<pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"></pagination>
 		</div>
 		<!--			右侧抽屉-->
 		<el-drawer v-model="rightDrawerVisible" direction="rtl" size="400px">
@@ -72,67 +77,64 @@
 	</div>
 </template>
 <script setup lang="ts">
-import FormRender from '/@/views/flow/form/render/FormRender.vue';
-import FlowNodeFormat from '/@/views/flow/form/tools/FlowNodeFormatData.vue';
+import FormRender from "/@/views/flow/form/render/FormRender.vue"
+import FlowNodeFormat from "/@/views/flow/form/tools/FlowNodeFormatData.vue"
 
-import {queryMineEndTask, queryTask, stopProcessInstance} from '/@/api/flow/task';
+import { queryMineEndTask, queryTask, stopProcessInstance } from "/@/api/flow/task"
 
-import { BasicTableProps, useTable } from '/@/hooks/table';
+import { BasicTableProps, useTable } from "/@/hooks/table"
 
 function stop(row) {
 	stopProcessInstance({
 		processInstanceId: row.processInstanceId,
 	}).then((res) => {
-		getDataList();
-	});
+		getDataList()
+	})
 }
 
 const state: BasicTableProps = reactive<BasicTableProps>({
-  pageList: queryMineEndTask,
-  queryForm: {
-    taskTime: undefined,
-  },
-});
+	pageList: queryMineEndTask,
+	queryForm: {
+		taskTime: undefined,
+	},
+})
 
-const { tableStyle ,getDataList, currentChangeHandle,
-  sortChangeHandle,
-  sizeChangeHandle, } = useTable(state);
+const { tableStyle, getDataList, currentChangeHandle, sortChangeHandle, sizeChangeHandle } = useTable(state)
 
-const rightDrawerVisible = ref(false);
+const rightDrawerVisible = ref(false)
 
-const loading = ref(false);
-const showSearch = ref(true);
-const queryRef = ref();
-const currentData = ref();
+const loading = ref(false)
+const showSearch = ref(true)
+const queryRef = ref()
+const currentData = ref()
 /**
  * 点击开始处理
  * @param row
  */
 const deal = (row) => {
-	currentData.value = row;
+	currentData.value = row
 	queryTask(row.taskId, true).then((res) => {
-		currentOpenFlowForm.value = res.data.formItems;
-		rightDrawerVisible.value = true;
-	});
-};
-const currentOpenFlowForm = ref();
-
+		currentOpenFlowForm.value = res.data.formItems
+		rightDrawerVisible.value = true
+	})
+}
+const currentOpenFlowForm = ref()
 
 // 清空搜索条件
 const resetQuery = () => {
-	queryRef.value.resetFields();
-	getDataList();
-};
+	queryRef.value.resetFields()
+	getDataList()
+}
 
 onMounted(() => {
-	getDataList();
-});
+	getDataList()
+})
 
 const formValue = computed(() => {
-  const obj = {};
-  for (const item of currentOpenFlowForm.value) {
-		obj[item.id] = item.props.value;
+	const obj = {}
+	for (const item of currentOpenFlowForm.value) {
+		obj[item.id] = item.props.value
 	}
-	return obj;
-});
+	return obj
+})
 </script>

src/views/flow/task/pending.vue

@@ -6,7 +6,7 @@
 					<el-form-item label="流程" prop="processName">
 						<el-input placeholder="请输入流程名称" v-model="state.queryForm.processName" />
 					</el-form-item>
-					<el-form-item label="发起时间" prop="taskTime">
+					<el-form-item style="width: 450px" label="发起时间" prop="taskTime">
 						<el-date-picker
 							type="datetimerange"
 							value-format="YYYY-MM-DD HH:mm:ss"

src/views/flow/task/started.vue

@@ -9,7 +9,7 @@
 							<el-option :key="2" label="已结束" :value="2" />
 						</el-select>
 					</el-form-item>
-					<el-form-item label="发起时间" prop="taskTime">
+					<el-form-item style="width: 450px" label="发起时间" prop="taskTime">
 						<el-date-picker
 							type="datetimerange"
 							value-format="YYYY-MM-DD HH:mm:ss"