|
@@ -12,71 +12,71 @@
|
|
|
<el-input v-model="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="工单编码" prop="No">
|
|
|
- <el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="生成时间" prop="scTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.scTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
- @change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="工单编码" prop="No">
|
|
|
+ <el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="是否会签" prop="IsCounterSign">
|
|
|
- <el-select v-model="state.queryParams.IsCounterSign" placeholder="请选择是否会签" @change="handleQuery" class="w100">
|
|
|
- <el-option label="是" value="true" />
|
|
|
- <el-option label="否" value="false" />
|
|
|
- </el-select>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="生成时间" prop="scTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.scTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="是否紧急" prop="IsUrgent">
|
|
|
- <el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option :value="true" label="紧急" />
|
|
|
- <el-option :value="false" label="不紧急" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="是否省工单" prop="IsProvince">
|
|
|
- <el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" @change="handleQuery" class="w100">
|
|
|
- <el-option label="是" value="true" />
|
|
|
- <el-option label="否" value="false" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="是否会签" prop="IsCounterSign">
|
|
|
+ <el-select v-model="state.queryParams.IsCounterSign" placeholder="请选择是否会签" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="是" value="true" />
|
|
|
+ <el-option label="否" value="false" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="是否紧急" prop="IsUrgent">
|
|
|
+ <el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable class="w100" @change="handleQuery">
|
|
|
+ <el-option :value="true" label="紧急" />
|
|
|
+ <el-option :value="false" label="不紧急" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="是否省工单" prop="IsProvince">
|
|
|
+ <el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="是" value="true" />
|
|
|
+ <el-option label="否" value="false" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="">
|
|
|
+ <div class="flex-end w100">
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
+ </el-button>
|
|
|
+ <el-button link type="primary" @click="closeSearch" :loading="state.loading">
|
|
|
+ {{ searchCol ? '展开' : '收起' }}
|
|
|
+ <SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- </transition>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="">
|
|
|
- <div class="flex-end w100">
|
|
|
- <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
- <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
- <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
- </el-button>
|
|
|
- <el-button link type="primary" @click="closeSearch" :loading="state.loading">
|
|
|
- {{ searchCol ? '展开' : '收起' }}
|
|
|
- <SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<!-- 表格 -->
|
|
@@ -290,7 +290,10 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
// 新增工单
|
|
|
const onAddOrder = () => {
|
|
|
router.push({
|
|
|
- name: 'orderAccept'
|
|
|
+ name: 'orderAccept',
|
|
|
+ query:{
|
|
|
+ timeStamp: new Date().getTime()
|
|
|
+ }
|
|
|
});
|
|
|
};
|
|
|
// 编辑工单
|
|
@@ -368,12 +371,12 @@ onMounted(() => {
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
.todo-order-container {
|
|
|
- .arrow {
|
|
|
- transition: transform var(--el-transition-duration);
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .arrow.is-reverse {
|
|
|
- transform: rotateZ(-180deg);
|
|
|
- }
|
|
|
+ .arrow {
|
|
|
+ transition: transform var(--el-transition-duration);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .arrow.is-reverse {
|
|
|
+ transform: rotateZ(-180deg);
|
|
|
+ }
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|