|
|
@@ -2,28 +2,58 @@
|
|
|
<div class="business-publish-todo-container layout-pd">
|
|
|
<!-- 搜索 -->
|
|
|
<el-card shadow="never">
|
|
|
- <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
- <el-form-item label="关键词" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="归档类型" prop="FiledType">
|
|
|
- <el-select v-model="state.queryParams.FiledType" placeholder="请选择归档类型" @change="handleQuery">
|
|
|
- <el-option label="中心归档" value="10" />
|
|
|
- <el-option label="部门归档" value="20" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否会签" prop="IsCountersign">
|
|
|
- <el-select v-model="state.queryParams.IsCountersign" placeholder="请选择是否会签" @change="handleQuery">
|
|
|
- <el-option label="是" value="true" />
|
|
|
- <el-option label="否" value="false" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <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-form-item>
|
|
|
+ <div class="flex-center-align mb20" v-auth="'business:publish:todo:querySelf'">
|
|
|
+ <span class="fast-search-label">数据范围</span>
|
|
|
+ <el-radio-group v-model="state.queryParams.QuerySelf" @change="handleQuery">
|
|
|
+ <el-radio-button label="true">我的</el-radio-button>
|
|
|
+ <el-radio-button label="false">全部</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="工单标题" prop="Keyword">
|
|
|
+ <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="FiledType">
|
|
|
+ <el-select v-model="state.queryParams.FiledType" placeholder="请选择归档类型" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="中心归档" value="10" />
|
|
|
+ <el-option label="部门归档" value="20" />
|
|
|
+ </el-select>
|
|
|
+ </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-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>
|
|
|
</el-card>
|
|
|
<el-card shadow="never">
|
|
|
@@ -77,15 +107,23 @@ const state = reactive({
|
|
|
// 查询条件
|
|
|
PageIndex: 1,
|
|
|
PageSize: 10,
|
|
|
- Keyword: null, // 关键词
|
|
|
+ OrderTitle: null, // 关键词
|
|
|
+ No: null,
|
|
|
FiledType: null, // 归档类型
|
|
|
IsCountersign: null, // 是否会签
|
|
|
+ Keyword: null, // 标题
|
|
|
+ QuerySelf: true, // 是否只查询自己的待发布工单
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
});
|
|
|
const proTableRef = ref<RefType>(); // 表格ref
|
|
|
+const searchCol = ref(true); // 展开/收起
|
|
|
+// 展开/收起
|
|
|
+const closeSearch = () => {
|
|
|
+ searchCol.value = !searchCol.value;
|
|
|
+};
|
|
|
const selectable = (row: any) => {
|
|
|
//设置省工单和会签工单不可选（不可批量发布）
|
|
|
return !row.isProvince && row.counterSignType === null;
|
|
|
@@ -150,6 +188,7 @@ const queryList = () => {
|
|
|
const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
+ state.queryParams.QuerySelf = true;
|
|
|
queryList();
|
|
|
};
|
|
|
// 批量发布
|
|
|
@@ -186,3 +225,14 @@ onMounted(() => {
|
|
|
queryList();
|
|
|
});
|
|
|
</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.business-publish-todo-container {
|
|
|
+ .arrow {
|
|
|
+ transition: transform var(--el-transition-duration);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .arrow.is-reverse {
|
|
|
+ transform: rotateZ(-180deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zhangchong