yangjun
/
hldy_yunwei_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加平台构建工单

This commit is contained in:
yangjun 2025-07-11 08:37:02 +08:00
parent dd18a1a720
commit 6c34662e5a
7 changed files with 439 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

192
src/views/admin/orginfo/components/OrgInfoForm.vue
View File

@ -8,10 +8,56 @@
<a-col :span="24">
<SectionDivider :title="'机构信息'" />
</a-col>
<a-col :span="12">
<a-form-item label="机构名称" v-bind="validateInfos.departName" id="WorkOrderForm-departName" name="departName">
{{formData.departName}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构编码" v-bind="validateInfos.orgCode" id="WorkOrderForm-orgCode" name="orgCode">
{{formData.orgCode}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
name="orgLeader">
{{formData.orgLeader}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
name="orgLeaderPhone">
{{formData.orgLeaderPhone}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
name="orgPropertyType">
{{formData.orgPropertyType}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea"
name="orgBuildingArea">
{{formData.orgBuildingArea}} ㎡
</a-form-item>
</a-col>
<!-- <a-col :span="12">
<a-form-item label="机构所在地">
{{cityViewValue}}
</a-form-item>
</a-col> -->
<a-col :span="12">
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
name="orgAddress">
{{formData.orgAddress}}
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<SectionDivider :title="'身份证'" />
<SectionDivider :title="'申请人身份证'" />
</a-col>
</a-row>
<a-row>
@ -21,72 +67,66 @@
<JImageUpload :fileMax="1" v-model:value="formData.cardZmPath" :disabled="true"></JImageUpload>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name">
<a-input v-model:value="formData.name" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex">
<a-input v-model:value="formData.sex" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national" name="national">
<a-input v-model:value="formData.national" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate"
name="birthDate">
<a-input placeholder="申请日期" v-model:value="formData.birthDate" style="width: 100%" readOnly />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress"
name="idCardAddress">
<a-input v-model:value="formData.idCardAddress" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard">
<a-input v-model:value="formData.idCard" :readOnly="true"></a-input>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-item label="身份证反面" v-bind="validateInfos.cardFmPath" id="OrgApplyInfoForm-cardFmPath"
name="cardFmPath">
<JImageUpload :fileMax="1" v-model:value="formData.cardFmPath" :disabled="true"></JImageUpload>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority" id="OrgApplyInfoForm-issuingAuthority"
name="issuingAuthority">
<a-input v-model:value="formData.issuingAuthority" :readOnly="true"></a-input>
<a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name">
{{formData.name}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex">
{{formData.sex}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard">
{{formData.idCard}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate"
name="birthDate">
{{formData.birthDate?formData.birthDate.substring(0,10):""}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-startTime"
name="startTime">
<a-input placeholder="申请日期" v-model:value="formData.startTime" style="width: 100%" readOnly />
{{formData.startTime?formData.startTime.substring(0,10):""}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-endTime" name="endTime">
<a-input placeholder="申请日期" v-model:value="formData.endTime" style="width: 100%" readOnly />
{{formData.endTime?formData.endTime.substring(0,10):""}}
</a-form-item>
</a-col>
<a-col :span="24">
<SectionDivider :title="'营业执照'" />
<a-col :span="12">
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national" name="national">
{{formData.national}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress"
name="idCardAddress">
{{formData.idCardAddress}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority" id="OrgApplyInfoForm-issuingAuthority"
name="issuingAuthority">
{{formData.issuingAuthority}}
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<SectionDivider :title="'营业执照'" />
</a-col>
<a-col :span="12">
<a-form-item label="营业执照照片" v-bind="validateInfos.comBusinessLicense"
id="OrgApplyInfoForm-comBusinessLicense" name="comBusinessLicense">
@ -97,73 +137,36 @@
<a-row>
<a-col :span="12">
<a-form-item label="企业名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName">
<a-input v-model:value="formData.comName" :readOnly="true"></a-input>
{{formData.comName}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="企业注册地址" v-bind="validateInfos.comRegisterAddress"
id="OrgApplyInfoForm-comRegisterAddress" name="comRegisterAddress">
<a-textarea v-model:value="formData.comRegisterAddress" :readOnly="true"></a-textarea>
{{formData.comRegisterAddress}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="企业信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode"
name="comCreditCode">
<a-input v-model:value="formData.comCreditCode" :readOnly="true"></a-input>
{{formData.comCreditCode}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson"
name="comLegalPerson">
<a-input v-model:value="formData.comLegalPerson" :readOnly="true"></a-input>
{{formData.comLegalPerson}}
</a-form-item>
</a-col>
<a-col :span="24">
<SectionDivider :title="'机构信息'" />
</a-col>
<a-col :span="12">
<a-form-item label="机构所在地">
<a-input v-model:value="cityViewValue" placeholder="请输入机构所在地" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
name="orgAddress">
<a-textarea v-model:value="formData.orgAddress" :readOnly="true"></a-textarea>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
name="orgLeader">
<a-input v-model:value="formData.orgLeader" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
name="orgLeaderPhone">
<a-input v-model:value="formData.orgLeaderPhone" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
name="orgPropertyType">
<a-input v-model:value="formData.orgPropertyType" :readOnly="true"></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea"
name="orgBuildingArea">
<a-input v-model:value="formData.orgBuildingArea" addon-after="平方米" style="width: 100%" readOnly />
</a-form-item>
</a-col>
<a-col :span="24">
<!-- <a-col :span="24">
<SectionDivider :title="'加盟审核'" />
</a-col>
<a-col :span="12">
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="OrgApplyInfoForm-tel" name="tel">
<a-input v-model:value="formData.tel" placeholder="请输入联系电话" :readOnly="true"></a-input>
{{formData.tel}}
</a-form-item>
</a-col>
</a-col> -->
</a-row>
<a-row>
<a-col :span="24">
@ -176,13 +179,12 @@
<JUpload v-model:value="formData.contract" :maxCount="1"></JUpload>
</a-form-item>
</a-col>
<a-col :span="12">
<!-- <a-col :span="12">
<a-form-item label="备注信息" v-bind="validateInfos.contractNote" id="OrgApplyInfoForm-contractNote"
name="contractNote">
<a-textarea :autosize="{ minRows: 3 }" maxlength="100" show-count v-model:value="formData.contractNote"
allow-clear placeholder="请填写备注信息"></a-textarea>
{{formData.contractNote}}
</a-form-item>
</a-col>
</a-col> -->
</a-row>
</a-form>
</template>

9
src/views/admin/workorder/WorkOrder.api.ts
View File

@ -70,3 +70,12 @@ export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({ url: url, params }, { isTransformResponse: false });
}
/**
* 接收
* @param params
*/
export const edit = (params) => {
return defHttp.post({ url: Api.edit, params }, { isTransformResponse: false });
}

15
src/views/admin/workorder/WorkOrder.data.ts
View File

@ -16,12 +16,22 @@ export const columns: BasicColumn[] = [
align: "center",
dataIndex: 'platType_dictText'
},
{
title: '工单类型',
align: "center",
dataIndex: 'workType_dictText'
},
{
title: '标题',
align: "center",
dataIndex: 'title',
width:260
},
{
title: '工单状态',
align: "center",
dataIndex: 'status_dictText'
},
{
title: '提交人',
align: "center",
@ -42,11 +52,6 @@ export const columns: BasicColumn[] = [
align: "center",
dataIndex: 'replyTime'
},
{
title: '工单状态',
align: "center",
dataIndex: 'status_dictText'
},
];
// 高级查询数据

87
src/views/admin/workorder/WorkOrderList.vue
View File

@ -11,12 +11,6 @@
<JInput v-model:value="queryParam.orgName" placeholder="请输入机构名称"/>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="orgId">
<template #label><span title="机构ID">机构ID</span></template>
<a-input placeholder="请输入机构ID" v-model:value="queryParam.orgId" allow-clear></a-input>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="orgCode">
<template #label><span title="机构编码">机构编码</span></template>
@ -26,14 +20,22 @@
<a-col :lg="6">
<a-form-item name="platType">
<template #label><span title="平台类型">平台类型</span></template>
<a-input placeholder="请输入平台类型" v-model:value="queryParam.platType" allow-clear></a-input>
<j-dict-select-tag type='list' v-model:value="queryParam.platType" dictCode="plat_type"
placeholder="请选平台类型" allow-clear />
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="status">
<template #label><span title="工单类型">工单类型</span></template>
<j-dict-select-tag type='list' v-model:value="queryParam.workType" dictCode="work_type"
placeholder="请选工单类型" allow-clear />
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="status">
<template #label><span title="工单状态">工单状态</span></template>
<a-input placeholder="请输入状态 0待接收 1处理中 3已解决 4工单异常 5外部原因" v-model:value="queryParam.status"
allow-clear></a-input>
<j-dict-select-tag type='list' v-model:value="queryParam.status" dictCode="work_order_status"
placeholder="请选工单状态" allow-clear />
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -52,29 +54,10 @@
<BasicTable @register="registerTable">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" v-auth="'workorder:nu_work_order:add'" @click="handleAdd"
preIcon="ant-design:plus-outlined"> 新增</a-button>
<a-button type="primary" v-auth="'workorder:nu_work_order:exportXls'" preIcon="ant-design:export-outlined"
@click="onExportXls"> 导出</a-button>
<j-upload-button type="primary" v-auth="'workorder:nu_work_order:importExcel'"
preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
<a-dropdown v-if="selectedRowKeys.length > 0">
<template #overlay>
<a-menu>
<a-menu-item key="1" @click="batchHandleDelete">
<Icon icon="ant-design:delete-outlined"></Icon>
删除
</a-menu-item>
</a-menu>
</template>
<a-button v-auth="'workorder:nu_work_order:deleteBatch'">批量操作
<Icon icon="mdi:chevron-down"></Icon>
</a-button>
</a-dropdown>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
<TableAction :actions="getTableAction(record)" />
</template>
<template v-slot:bodyCell="{ column, record, index, text }">
</template>
@ -89,17 +72,20 @@ import { ref, reactive } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { columns, superQuerySchema } from './WorkOrder.data';
import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './WorkOrder.api';
import { list, edit } from './WorkOrder.api';
import { downloadFile } from '/@/utils/common/renderUtils';
import WorkOrderModal from './components/WorkOrderModal.vue'
import { useUserStore } from '/@/store/modules/user';
import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
import { useMessage } from '/@/hooks/web/useMessage';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
const formRef = ref();
const queryParam = reactive<any>({});
const toggleSearchStatus = ref<boolean>(false);
const registerModal = ref();
const userStore = useUserStore();
const { createMessage } = useMessage();
//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
tableProps: {
@ -116,15 +102,6 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
return Object.assign(params, queryParam);
},
},
exportConfig: {
name: "工单表",
url: getExportUrl,
params: queryParam,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
});
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
const labelCol = reactive({
@ -183,20 +160,6 @@ function handleOrgDetail(record: Recordable) {
registerModal.value.orgDetail(record.orgCode);
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
}
/**
* 成功回调
*/
@ -217,26 +180,22 @@ function getTableAction(record) {
label: '机构详情',
onClick: handleOrgDetail.bind(null, record)
},
{
label: '接收',
onClick: handleOrgDetail.bind(null, record)
},
{
label: '反馈',
onClick: handleOrgDetail.bind(null, record)
onClick: handleQueren.bind(null, record),
ifShow: record.status == '0'
},
];
}
/**
* 下拉操作栏
* 接收
*/
function getDropDownAction(record) {
return [
]
function handleQueren(record) {
console.log("🚀 ~ handleQueren ~ record:", record)
registerModal.value.disableSubmit = false;
registerModal.value.orgFankui(record);
}
/**
* 查询
*/

221
src/views/admin/workorder/components/WorkOrderFankui.vue Normal file
View File

@ -0,0 +1,221 @@
<template>
<a-spin :spinning="confirmLoading">
<JFormContainer :disabled="disabled">
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="WorkOrderForm">
<div style="margin: 20px;">
<SectionDivider :title="'工单信息'" />
</div>
<a-row >
<a-col :span="12">
<a-form-item label="机构名称" v-bind="validateInfos.orgName" id="WorkOrderForm-orgName" name="orgName">
{{formData.orgName}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构编码" v-bind="validateInfos.orgCode" id="WorkOrderForm-orgCode" name="orgCode">
{{formData.orgCode}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="平台类型" v-bind="validateInfos.platType" id="WorkOrderForm-platType"
name="platType">
{{formData.platType_dictText}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="工单类型" v-bind="validateInfos.workType" id="WorkOrderForm-workType"
name="workType">
{{formData.workType_dictText}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="标题" v-bind="validateInfos.title" id="WorkOrderForm-title" name="title">
{{formData.title}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="描述" v-bind="validateInfos.content" id="WorkOrderForm-content" name="content">
{{formData.content}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="提交人" v-bind="validateInfos.createBy" id="WorkOrderForm-createBy" name="createBy">
{{formData.createBy}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="提交时间" v-bind="validateInfos.createTime" id="WorkOrderForm-createTime" name="createTime">
{{formData.createTime}}
</a-form-item>
</a-col>
</a-row>
<div style="margin: 20px;">
<SectionDivider :title="'反馈信息'" />
</div>
<a-row>
<a-col :span="12">
<a-form-item label="反馈内容" v-bind="validateInfos.replyContent" id="WorkOrderForm-replyContent" name="replyContent">
<a-textarea v-model:value="formData.replyContent" rows="4" placeholder="请输入反馈内容" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="反馈附件" v-bind="validateInfos.replyFile" id="WorkOrderForm-replyFile" name="replyFile">
<JUpload v-model:value="formData.replyFile" :maxCount="1"></JUpload>
</a-form-item>
</a-col>
</a-row>
</a-form>
</template>
</JFormContainer>
</a-spin>
</template>
<script lang="ts" setup>
import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
import { getValueType } from '/@/utils';
import { saveOrUpdate } from '../WorkOrder.api';
import { Form } from 'ant-design-vue';
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
import dayjs from 'dayjs';
import { useUserStore } from '/@/store/modules/user';
const props = defineProps({
formDisabled: { type: Boolean, default: false },
formData: { type: Object, default: () => ({}) },
formBpm: { type: Boolean, default: true }
});
const formRef = ref();
const useForm = Form.useForm;
const emit = defineEmits(['register', 'ok']);
const userStore = useUserStore();
const formData = reactive<Record<string, any>>({
id: '',
orgId: '',
orgCode: '',
orgName: '',
platType: '',
platType_dictText: '',
workType: '',
workType_dictText: '',
title: '',
content: '',
status: '',
status_dictText: '',
createBy: '',
createTime: '',
replyTime: '',
handleBy: '',
replyFile:'',
replyContent: '',
});
const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const confirmLoading = ref<boolean>(false);
//表单验证
const validatorRules = reactive({
replyContent: [{ required: true, message: '请输入反馈内容'},],
});
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
// 表单禁用
const disabled = computed(() => {
if (props.formBpm === true) {
if (props.formData.disabled === false) {
return false;
} else {
return true;
}
}
return props.formDisabled;
});
/**
* 编辑
*/
function open(record) {
nextTick(() => {
resetFields();
const tmpData = {};
Object.keys(formData).forEach((key) => {
if (record.hasOwnProperty(key)) {
tmpData[key] = record[key]
}
})
//赋值
Object.assign(formData, tmpData);
});
}
/**
* 提交数据
*/
async function submitForm() {
try {
// 触发表单验证
await validate();
} catch ({ errorFields }) {
if (errorFields) {
const firstField = errorFields[0];
if (firstField) {
formRef.value.scrollToField(firstField.name, { behavior: 'smooth', block: 'center' });
}
}
return Promise.reject(errorFields);
}
confirmLoading.value = true;
const isUpdate = ref<boolean>(false);
//时间格式化
let model = formData;
if (model.id) {
isUpdate.value = true;
}
//循环数据
for (let data in model) {
//如果该数据是数组并且是字符串类型
if (model[data] instanceof Array) {
let valueType = getValueType(formRef.value.getProps, data);
//如果是字符串类型的需要变成以逗号分割的字符串
if (valueType === 'string') {
model[data] = model[data].join(',');
}
}
}
model.replyTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
model.handleBy = userStore.getUserInfo.realname;
model.status = '3';
await saveOrUpdate(model, isUpdate.value)
.then((res) => {
if (res.success) {
createMessage.success(res.message);
emit('ok');
} else {
createMessage.warning(res.message);
}
})
.finally(() => {
confirmLoading.value = false;
});
}
defineExpose({
open,
submitForm,
});
</script>
<style lang="less" scoped>
.antd-modal-form {
padding: 14px;
}
</style>

56
src/views/admin/workorder/components/WorkOrderForm.vue
View File

@ -4,64 +4,76 @@
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="WorkOrderForm">
<a-row>
<a-col :span="12">
<a-form-item label="机构名称" v-bind="validateInfos.orgName" id="WorkOrderForm-orgName" name="orgName">
<a-input v-model:value="formData.orgName" placeholder="请输入机构名称" allow-clear></a-input>
</a-form-item>
</a-col>
<div style="margin: 20px;">
<SectionDivider :title="'工单信息'" />
</div>
<a-row style="border: 1px solid #e8e8e8;padding: 20px;margin:40px;border-radius: 4px;">
<a-col :span="12">
<a-form-item label="机构ID" v-bind="validateInfos.orgId" id="WorkOrderForm-orgId" name="orgId">
<a-input v-model:value="formData.orgId" placeholder="请输入机构ID" allow-clear></a-input>
<a-form-item label="机构名称" v-bind="validateInfos.orgName" id="WorkOrderForm-orgName" name="orgName">
{{formData.orgName}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="机构编码" v-bind="validateInfos.orgCode" id="WorkOrderForm-orgCode" name="orgCode">
<a-input v-model:value="formData.orgCode" placeholder="请输入机构编码" allow-clear></a-input>
{{formData.orgCode}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="平台类型" v-bind="validateInfos.platType" id="WorkOrderForm-platType"
name="platType">
<j-dict-select-tag v-model:value="formData.platType" dictCode="plat_type" placeholder="请选择平台类型" />
{{formData.platType_dictText}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="工单类型" v-bind="validateInfos.workType" id="WorkOrderForm-workType"
name="workType">
{{formData.workType_dictText}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="标题" v-bind="validateInfos.title" id="WorkOrderForm-title" name="title">
<a-textarea v-model:value="formData.title" placeholder="请输入标题" allow-clear></a-textarea>
{{formData.title}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="描述" v-bind="validateInfos.content" id="WorkOrderForm-content" name="content">
<a-textarea v-model:value="formData.content" placeholder="请输入描述" allow-clear></a-textarea>
{{formData.content}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="提交人" v-bind="validateInfos.createBy" id="WorkOrderForm-createBy" name="createBy">
<a-input v-model:value="formData.createBy" placeholder="请输入提交人" allow-clear></a-input>
{{formData.createBy}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="提交时间" v-bind="validateInfos.createTime" id="WorkOrderForm-createTime"
name="createTime">
<a-date-picker placeholder="请选择提交时间" v-model:value="formData.createTime" showTime
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" allow-clear />
{{formData.createTime}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="处理人" v-bind="validateInfos.handleBy" id="WorkOrderForm-handleBy" name="handleBy">
<a-input v-model:value="formData.handleBy" placeholder="请输入处理人" allow-clear></a-input>
{{formData.handleBy?formData.handleBy:'暂未处理'}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="回复时间" v-bind="validateInfos.replyTime" id="WorkOrderForm-replyTime" name="replyTime">
<a-date-picker placeholder="请选择回复时间" v-model:value="formData.replyTime" showTime
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" allow-clear />
{{formData.replyTime?formData.replyTime:'暂未处理'}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="工单状态" v-bind="validateInfos.status" id="WorkOrderForm-status" name="status">
<j-dict-select-tag v-model:value="formData.status" dictCode="work_order_status" placeholder="请选择工单状态" />
{{formData.status_dictText}}
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="回复附件" v-bind="validateInfos.replyFile" id="WorkOrderForm-replyFile" name="replyFile">
<JUpload v-model:value="formData.replyFile" :maxCount="1"></JUpload>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="回复内容" v-bind="validateInfos.replyContent" id="WorkOrderForm-replyContent" name="replyContent">
{{formData.replyContent}}
</a-form-item>
</a-col>
</a-row>
@ -95,13 +107,19 @@ const formData = reactive<Record<string, any>>({
orgCode: '',
orgName: '',
platType: '',
platType_dictText: '',
workType: '',
workType_dictText: '',
title: '',
content: '',
status: '',
status_dictText: '',
createBy: '',
createTime: '',
replyTime: '',
handleBy: '',
replyContent: '',
replyFile: '',
});
const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });

42
src/views/admin/workorder/components/WorkOrderModal.vue
View File

@ -10,11 +10,18 @@
</template>
<OrgInfoForm ref="orgDetailRef" :formDisabled="true" :formBpm="false" />
</j-modal>
<j-modal title="反馈" :width="'70vw'" :visible="orgFankuiVisible" @ok="handleFankuiOk" @cancel="handleOrgFankuiCancel" cancelText="关闭">
<!-- <template #footer>
<a-button @click="handleOrgFankuiCancel">关闭</a-button>
</template> -->
<WorkOrderFankui ref="orgFankuiRef" :formDisabled="false" @ok="handleOrgFankuiFankuiCancel" :formBpm="false" />
</j-modal>
</template>
<script lang="ts" setup>
import { ref, nextTick, defineExpose } from 'vue';
import WorkOrderForm from './WorkOrderForm.vue'
import WorkOrderFankui from './WorkOrderFankui.vue'
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
import OrgInfoForm from '/@/views/admin/orginfo/components/OrgInfoForm.vue'
@ -22,9 +29,11 @@ const title = ref<string>('');
const width = ref<number>(800);
const visible = ref<boolean>(false);
const orgDetailVisible = ref<boolean>(false);
const orgFankuiVisible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const orgDetailRef = ref();
const orgFankuiRef = ref();
const emit = defineEmits(['register', 'success']);
/**
@ -57,6 +66,8 @@ function handleOk() {
registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
@ -89,11 +100,42 @@ function handleOrgDetailCancel() {
orgDetailVisible.value = false;
}
/**
* 反馈信息
*/
function orgFankui(record) {
orgFankuiVisible.value = true;
nextTick(() => {
orgFankuiRef?.value?.open(record);
})
}
/**
* 反馈按钮点击事件
*/
function handleFankuiOk() {
orgFankuiRef.value.submitForm();
}
/**
* 关闭反馈页
*/
function handleOrgFankuiCancel() {
orgFankuiVisible.value = false;
}
function handleOrgFankuiFankuiCancel() {
handleOrgFankuiCancel();
emit('success');
}
defineExpose({
add,
edit,
disableSubmit,
orgDetail,
orgFankui,
});
</script>