|
@@ -9,6 +9,13 @@
|
|
|
<el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="queryList" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
+ <el-form-item label="延期状态" prop="DelayState">
|
|
|
+ <el-select v-model="state.queryParams.DelayState" placeholder="请选择延期状态" class="w100">
|
|
|
+ <el-option v-for="item in delayStateOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
<el-form-item label=" ">
|
|
|
<div class="w100">
|
|
@@ -123,13 +130,12 @@
|
|
|
</template>
|
|
|
<script setup lang="ts" name="orderDelay">
|
|
|
import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
|
|
|
-import { hotSpotType, listBaseData } from '/@/api/business/order';
|
|
|
import { ElButton, ElMessage, ElMessageBox, FormInstance } from 'element-plus';
|
|
|
import { auth } from '/@/utils/authFunction';
|
|
|
import { throttle } from '/@/utils/tools';
|
|
|
import { formatDate } from '/@/utils/formatTime';
|
|
|
import { useRouter } from 'vue-router';
|
|
|
-import { candelayList} from "/@/api/business/delay";
|
|
|
+import { candelayList,delayBaseData} from "/@/api/business/delay";
|
|
|
// 引入组件
|
|
|
const OrderDetail = defineAsyncComponent(() => import('/@/views/business/order/components/Order-detail.vue')); // 工单详情
|
|
|
const AuditRecord = defineAsyncComponent(() => import('/@/components/AuditRecord/index.vue')); // 审核记录
|
|
@@ -141,29 +147,21 @@ const state = reactive(<any>{
|
|
|
PageIndex: 1,
|
|
|
PageSize: 10,
|
|
|
Keyword: '', // 关键字
|
|
|
+ DelayState:''
|
|
|
},
|
|
|
tableData: [], //表格
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
- channelOptions: [], // 来源频道
|
|
|
- emergencyLevelOptions: [], // 紧急程度
|
|
|
- orderStatusOptions: [], // 工单状态
|
|
|
- orgsOptions: [], // 部门
|
|
|
- pushTypeOptions: [], //推送分类
|
|
|
- orgData: [], // 机构数据
|
|
|
currentRow:{},// 当前行
|
|
|
});
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
const OrderDetailRef = ref<RefType>(); // 工单详情ref
|
|
|
const router = useRouter(); // 路由
|
|
|
// 获取查询条件基础信息
|
|
|
+const delayStateOptions = ref<EmptyArrayType>([]); // 延期状态
|
|
|
const getBaseData = async () => {
|
|
|
- const res: any = await listBaseData();
|
|
|
- state.channelOptions = res.result?.channelOptions ?? [];
|
|
|
- state.emergencyLevelOptions = res.result?.emergencyLevelOptions ?? [];
|
|
|
- state.orgsOptions = res.result?.orgsOptions ?? [];
|
|
|
- state.pushTypeOptions = res.result?.pushTypeOptions ?? [];
|
|
|
- state.orderStatusOptions = res.result?.orderStatusOptions ?? [];
|
|
|
+ const res: any = await delayBaseData();
|
|
|
+ delayStateOptions.value = res.result?.delayState ?? [];
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
const queryList = throttle(() => {
|