|
@@ -7,13 +7,11 @@
|
|
|
<el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" @click="handleQuery" :loading="state.loading" v-waves>
|
|
|
- <SvgIcon name="ele-Search" class="mr5" />查询
|
|
|
- </el-button>
|
|
|
- <el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
|
|
|
+ <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"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-table :data="state.tableData" @current-change="handleSelectionChange">
|
|
|
+ <el-table :data="state.tableData" @current-change="handleSelectionChange" max-height="500">
|
|
|
<el-table-column prop="phoneNo" label="重复件" width="70">
|
|
|
<template #default="scope">
|
|
|
<el-radio v-model="state.tableRadio" :label="scope.row.id" @change="handleRowChange(scope.row)"> </el-radio>
|
|
@@ -29,7 +27,20 @@
|
|
|
<el-table-column prop="currentStepName" label="当前环节" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column prop="statusText" label="状态" width="70" fixed="right" align="center">
|
|
|
<template #default="scope">
|
|
|
- <span style="color: var(--el-color-primary)">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 草稿 -->
|
|
|
+ <span style="color: var(--el-color-info)" v-if="scope.row.status === 0">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 待签收 -->
|
|
|
+ <span style="color: var(--el-color-success)" v-if="scope.row.status === 10">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 办理中 -->
|
|
|
+ <span style="color: var(--el-color-primary)" v-if="scope.row.status === 20">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 会签中 -->
|
|
|
+ <span style="color: var(--el-color-primary)" v-if="scope.row.status === 30">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 退回 -->
|
|
|
+ <span style="color: var(--el-color-danger)" v-if="scope.row.status === 40">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 办理完成 -->
|
|
|
+ <span style="color: var(--el-color-success)" v-if="scope.row.status === 50">{{ scope.row.statusText }}</span>
|
|
|
+ <!-- 已归档 -->
|
|
|
+ <span style="color: var(--el-color-info)" v-if="scope.row.status === 60">{{ scope.row.statusText }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<template #empty>
|
|
@@ -46,7 +57,7 @@
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
- <el-button class="default-button" @click="state.isShowDialog = false">关闭</el-button>
|
|
|
+ <el-button class="default-button" @click="state.isShowDialog = false">取 消</el-button>
|
|
|
<el-button type="primary" @click="selecConfrim" :disabled="!state.tableRadio">确 定</el-button>
|
|
|
</span>
|
|
|
</template>
|
|
@@ -103,6 +114,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
};
|
|
|
/** 获取历史工单 */
|
|
|
const getList = () => {
|
|
|
+ if (!state.ruleForm.fromPhone) return;
|
|
|
state.loading = true;
|
|
|
let request = {
|
|
|
...state.queryParams,
|