修改了报修页面

This commit is contained in:
chenze 2024-08-07 17:41:39 +08:00
parent bcb33f3de8
commit 2a81739c90
6 changed files with 71 additions and 21 deletions

View File

@ -68,4 +68,11 @@ export function selectWorkerIdByTypeId (parameter) {
}) })
} }
export function selectDispatcher () {
return axios({
url: api.repair + '/selectDispatcher',
method: 'get'
})
}
export const repairExport = api.repair + '/export' export const repairExport = api.repair + '/export'

View File

@ -38,10 +38,13 @@
> >
<span slot='dataType' slot-scope='text,record'> <span slot='dataType' slot-scope='text,record'>
<a-tag v-if='record.dataType == 1' color='pink'> <a-tag v-if='record.dataType == 1' color='pink'>
企业员工 维修员
</a-tag> </a-tag>
<a-tag v-if='record.dataType == 2' color='green'> <a-tag v-if='record.dataType == 2' color='green'>
临时访客 派单员
</a-tag>
<a-tag v-if='record.dataType == 3' color='green'>
网格长
</a-tag> </a-tag>
</span> </span>
<span slot='action' slot-scope='text, record'> <span slot='action' slot-scope='text, record'>
@ -94,10 +97,14 @@ export default {
dataIndex: 'mobile' dataIndex: 'mobile'
}, },
{ {
title: '数据类型', title: '角色类型',
dataIndex: 'dataType', dataIndex: 'dataType',
scopedSlots: { customRender: 'dataType' } scopedSlots: { customRender: 'dataType' }
}, },
{
title: '创建时间',
dataIndex: 'createTime'
},
{ {
title: '操作', title: '操作',
width: '200px', width: '200px',

View File

@ -32,6 +32,9 @@
:columns="columns" :columns="columns"
:data="loadData" :data="loadData"
> >
<span slot="worker" slot-scope="text, record">
<a @click="seeWorKerList(record.id,record.workerList)">{{record.workerNames}}</a>
</span>
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a v-if="editEnabel" @click="handleEdit(record)">编辑</a> <a v-if="editEnabel" @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
@ -39,6 +42,9 @@
</span> </span>
</s-table> </s-table>
<repairType-modal ref="modal" @ok="handleOk"/> <repairType-modal ref="modal" @ok="handleOk"/>
<a-modal v-model='workerVisible' title='维修人员' width='700px' >
<a-table :row-selection="rowSelection" :columns="workerColumns" :data-source="data" />
</a-modal>
</a-card> </a-card>
</template> </template>
@ -71,12 +77,23 @@
advanced: false, advanced: false,
// //
queryParam: {}, queryParam: {},
workerVisible: false,
// //
columns: [ columns: [
{ {
title: '名称', title: '名称',
dataIndex: 'name' dataIndex: 'name'
}, },
{
title: '负责人',
dataIndex: 'staffName'
},
{
title: '维修人员',
dataIndex: 'workerNames',
scopedSlots: { customRender: 'worker' }
},
{ {
title: '备注', title: '备注',
dataIndex: 'remark' dataIndex: 'remark'
@ -88,6 +105,15 @@
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' }
} }
], ],
workerColumns: [
{
title: '人员名称',
dataIndex: 'username'
}
],
data: [],
rowSelection: [],
// Promise // Promise
loadData: parameter => { loadData: parameter => {
return getRepairTypeList(Object.assign(parameter, this.queryParam)) return getRepairTypeList(Object.assign(parameter, this.queryParam))
@ -104,6 +130,11 @@
created () { created () {
}, },
methods: { methods: {
seeWorKerList (id, list){
this.workerVisible = true
this.data = list
},
onSelectChange (selectedRowKeys, selectedRows) { onSelectChange (selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys this.selectedRowKeys = selectedRowKeys
this.selectedRows = selectedRows this.selectedRows = selectedRows

View File

@ -14,6 +14,9 @@
<a-form-item style="display:none"> <a-form-item style="display:none">
<a-input v-decorator="['version']"/> <a-input v-decorator="['version']"/>
</a-form-item> </a-form-item>
<a-form-item style="display:none">
<a-input v-decorator="['addressId']"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="楼层"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="楼层">
<a-input placeholder="楼层" v-decorator="['name']"/> <a-input placeholder="楼层" v-decorator="['name']"/>
</a-form-item> </a-form-item>
@ -67,7 +70,7 @@
this.edit({ addressId: addressId }) this.edit({ addressId: addressId })
}, },
edit (record) { edit (record) {
this.mdl = Object.assign(record) this.mdl = Object.assign({}, record)
this.visible = true this.visible = true
this.$nextTick(() => { this.$nextTick(() => {
this.form.setFieldsValue(pick(this.mdl, 'id', 'name', 'remark', 'deleteFlag', 'createBy', 'createTime', 'updateBy', 'updateTime', 'tenantId', 'parkId', 'addressId')) this.form.setFieldsValue(pick(this.mdl, 'id', 'name', 'remark', 'deleteFlag', 'createBy', 'createTime', 'updateBy', 'updateTime', 'tenantId', 'parkId', 'addressId'))

View File

@ -99,6 +99,8 @@ import { checkPermission } from '@/utils/permissions'
show (addressId) { show (addressId) {
this.visible = true this.visible = true
this.addressId = addressId this.addressId = addressId
this.queryParam.addressId = addressId
this.$refs.table && this.$refs.table.refresh(true) this.$refs.table && this.$refs.table.refresh(true)
}, },
onSelectChange (selectedRowKeys, selectedRows) { onSelectChange (selectedRowKeys, selectedRows) {

View File

@ -14,33 +14,25 @@
<a-form-item style="display:none"> <a-form-item style="display:none">
<a-input v-decorator="['version']"/> <a-input v-decorator="['version']"/>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类别名称">
<a-input placeholder="名称" v-decorator="['name']"/> <a-input placeholder="名称" v-decorator="['name']"/>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="派单员">
<a-select v-decorator="['staffId', {rules: [{ required: true, message: '派单员' }]}]"
>
<a-select-option v-for="item in staffLists" :key="item.id">{{ item.name }}--{{ item.mobile}}</a-select-option>
</a-select>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
<a-input placeholder="备注" v-decorator="['remark']"/> <a-input placeholder="备注" v-decorator="['remark']"/>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="删除标志">
<a-input placeholder="删除标志" v-decorator="['deleteFlag']"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="创建者">
<a-input placeholder="创建者" v-decorator="['createBy']"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="更新者">
<a-input placeholder="更新者" v-decorator="['updateBy']"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="租户ID">
<a-input placeholder="租户ID" v-decorator="['tenantId']"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="园区ID">
<a-input placeholder="园区ID" v-decorator="['parkId']"/>
</a-form-item>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
<script> <script>
import {saveRepairType} from '@/api/admin/repair/repairType' import {saveRepairType} from '@/api/admin/repair/repairType'
import pick from 'lodash.pick' import pick from 'lodash.pick'
import { selectDispatcher } from '@/api/admin/repair'
export default { export default {
name: 'RepairTypeModal', name: 'RepairTypeModal',
@ -61,14 +53,22 @@
}, },
confirmLoading: false, confirmLoading: false,
mdl: {}, mdl: {},
form: this.$form.createForm(this) form: this.$form.createForm(this),
staffLists: []
} }
}, },
beforeCreate () { beforeCreate () {
}, },
created () { created () {
this.staffList()
}, },
methods: { methods: {
staffList(){
// id
selectDispatcher().then(res =>{
this.staffLists =res.data
})
},
add () { add () {
this.form.resetFields() this.form.resetFields()
this.edit({ id: 0 }) this.edit({ id: 0 })