longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化工单

Browse Source
This commit is contained in:
龙运模 2024-08-21 16:03:12 +08:00
parent 9060ca1166
commit 850597c9a9
5 changed files with 191 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/api/model/orders.js
View File

@ -120,6 +120,27 @@ export default {
return await http.post(this.url,params);
}
},
info:{
url: `${config.API_URL}/maintenance.order.detail`,
name: "维保工单详情",
post: async function (params) {
return await http.post(this.url,params);
}
},
delete:{
url: `${config.API_URL}/maintenance.order.delete`,
name: "删除维保工单",
post: async function (params) {
return await http.post(this.url,params);
}
},
field:{
url: `${config.API_URL}/maintenance.order.field.list`,
name: "维保工单检索",
post: async function (params) {
return await http.post(this.url,params);
}
}
},
sock: {

37
src/style/order.scss
View File

@ -1,14 +1,45 @@
.orderMain{
background: none;
padding: 0;
.cardBox{
margin-bottom: 10px;
.headerView{
display: flex;justify-content: space-between;
border-bottom: 1px solid #e8e8e8;
display: flex;justify-content: space-between;align-items: center;
padding: 0 0 15px 0;
}
.title{
margin-bottom: 10px;
font-weight: 500;
font-size: 13px;
}
.cardBody{
padding: 15px 0 0 0;
display: flex;flex-direction: column;
.el-row{
padding: 12px 0;
.el-col{
.label{
width: 100px;
display: inline-block;
text-align: right;
color: #303133;
}
.text{
color: #222;
}
}
}
}
}
.footerCard{
min-height: 800px;
margin-top: 10px;
.cardItem{
margin-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
padding: 0 0 10px 0;
}
.cardItem:last-child{
border-bottom: 0;
}
}
}

148
src/views/order/create-order.vue
View File

@ -7,19 +7,19 @@
<div class="title">工作时间</div>
<div class="boxCom">
<el-row>
<!-- <el-col :span="8" :lg="6">-->
<!-- <el-form-item label="创建时间">-->
<!-- <el-date-picker class="input" type="date" value-format="YYYY-MM-DD" placeholder="请选择创建时间"></el-date-picker>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="8" :lg="6">
<el-form-item label="创建时间">
<el-date-picker class="input" type="date" placeholder="请选择创建时间"></el-date-picker>
<el-form-item label="PE确认时间" prop="pe_confirmation_time">
<el-date-picker class="input" v-model="form.pe_confirmation_time" type="date" value-format="YYYY-MM-DD" placeholder="请选择PE确认时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="PE确认时间">
<el-date-picker class="input" type="date" placeholder="请选择PE确认时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="过保时间">
<el-date-picker class="input" type="date" placeholder="请选择过保时间"></el-date-picker>
<el-form-item label="过保时间" prop="warranty_end_date">
<el-date-picker class="input" v-model="form.warranty_end_date" type="date" value-format="YYYY-MM-DD" placeholder="请选择过保时间"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
@ -29,11 +29,11 @@
<div class="title">维保单号</div>
<div class="boxCom">
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="维修单ID">
<el-input class="input" type="text" placeholder="请输入维修单ID"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8" :lg="6">-->
<!-- <el-form-item label="维修单ID">-->
<!-- <el-input class="input" type="text" placeholder="请输入维修单ID"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="8" :lg="6">
<el-form-item label="维修单号">
<el-input class="input" type="text" placeholder="请输入维修单号"></el-input>
@ -47,41 +47,41 @@
<div class="boxCom">
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="维修单等级">
<el-input class="input" type="text" placeholder="请输入维修等级"></el-input>
<el-form-item label="维修单等级" prop="maintenance_level">
<el-input class="input" v-model="form.maintenance_level" type="text" placeholder="请输入维修等级"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="故障类型">
<el-select class="input" placeholder="请选择故障类型">
<el-form-item label="故障类型" prop="fault_type">
<el-select class="input" v-model="form.fault_type" placeholder="请选择故障类型">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="故障内容">
<el-input class="input" type="text" placeholder="请输入维修单号"></el-input>
<el-form-item label="故障内容" prop="fault_description">
<el-input class="input" v-model="form.fault_description" type="text" placeholder="请输入维修单号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<!-- <el-col :span="8" :lg="6">-->
<!-- <el-form-item label="当前状态">-->
<!-- <el-select class="input" placeholder="请选择当前状态">-->
<!-- <el-option></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="8" :lg="6">
<el-form-item label="当前状态">
<el-select class="input" placeholder="请选择当前状态">
<el-form-item label="维保等级" prop="maintenance_plan">
<el-select class="input" v-model="form.maintenance_plan" placeholder="请选择维保等级">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="维保等级">
<el-select class="input" placeholder="请选择维保等级">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="是否关机">
<el-select class="input" placeholder="请选择是否关机">
<el-form-item label="是否关机" prop="requires_shutdown">
<el-select class="input" v-model="form.requires_shutdown" placeholder="请选择是否关机">
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
</el-select>
@ -95,15 +95,15 @@
<div class="boxCom">
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="机房城市">
<el-select class="input" placeholder="请选择机房城市">
<el-form-item label="机房城市" prop="city">
<el-select class="input" v-model="form.city" placeholder="请选择机房城市">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="园区">
<el-select class="input" placeholder="请选择园区">
<el-form-item label="园区" prop="park_name">
<el-select class="input" v-model="form.park_name" placeholder="请选择园区">
<el-option></el-option>
</el-select>
</el-form-item>
@ -111,75 +111,77 @@
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="机房/IDC">
<el-input class="input" type="text" placeholder="请输入机房/IDC"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="机架位">
<el-input class="input" type="text" placeholder="请输入机架位"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="整机SN/Se">
<el-select class="input" placeholder="请选择整机SN/Se">
<el-form-item label="机房/IDC" prop="data_center_name">
<el-select class="input" v-model="form.data_center_name" placeholder="请选择机房/IDC">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="整体厂商">
<el-input class="input" type="text" placeholder="请输入整体厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="整体型号">
<el-input class="input" type="text" placeholder="请输入整体型号"></el-input>
<el-form-item label="机架位" prop="rack_position">
<el-input class="input" v-model="form.rack_position" type="text" placeholder="请输入机架位"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="部件SN/Sp">
<el-select class="input" placeholder="请选择部件SN/Se">
<el-form-item label="整机SN/Se" prop="device_sn">
<el-select class="input" v-model="form.device_sn" placeholder="请选择整机SN/Se">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="部件厂商">
<el-input class="input" type="text" placeholder="请输入部件厂商"></el-input>
<el-form-item label="整体厂商" prop="device_manufacturer">
<el-input class="input" v-model="form.device_manufacturer" type="text" placeholder="请输入整体厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="部件型号">
<el-input class="input" type="text" placeholder="请输入部件型号"></el-input>
<el-form-item label="整体型号" prop="device_model">
<el-input class="input" v-model="form.device_model" type="text" placeholder="请输入整体型号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="部件PN/Sp">
<el-input class="input" type="text" placeholder="请输入部件SN/Sp"></el-input>
<el-form-item label="部件SN/Sp" prop="component_serial_no">
<el-select class="input" v-model="form.component_serial_no" placeholder="请选择部件SN/Se">
<el-option></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="SLA截止时间">
<el-date-picker class="input" type="date" placeholder="请选择SLA截止时间"></el-date-picker>
<el-form-item label="部件厂商" prop="component_manufacturer">
<el-input class="input" v-model="form.component_manufacturer" type="text" placeholder="请输入部件厂商"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="剩余BD数">
<el-input class="input" type="text" placeholder="请输入剩余BD数"></el-input>
<el-form-item label="部件型号" prop="component_model">
<el-input class="input" v-model="form.component_model" type="text" placeholder="请输入部件型号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<el-form-item label="部件PN/Sp" prop="component_pn">
<el-input class="input" v-model="form.component_pn" type="text" placeholder="请输入部件SN/Sp"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="SLA截止时间" prop="sla_expiration">
<el-date-picker class="input" v-model="form.sla_expiration" type="date" value-format="YYYY-MM-DD" placeholder="请选择SLA截止时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" :lg="6">
<el-form-item label="剩余BD数" prop="bd_backup_count">
<el-input class="input" v-model="form.bd_backup_count" type="text" placeholder="请输入剩余BD数"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="btnBox">
<el-button type="primary">保 存</el-button>
<el-button type="primary" @click="save">保 存</el-button>
</div>
</el-form>
</el-scrollbar>
@ -209,11 +211,11 @@ export default {
component_manufacturer: "234", // 部件厂商
component_model: "234", // 部件型号
component_pn: "234", // 部件零件PN号
sla_expiration: "234", // SLA到期时间
sla_expiration: "2024-08-21", // SLA到期时间
bd_backup_count: "234", // 剩余BD数
pe_confirmation_time: "234", // PE确认时间
pe_confirmation_time: "2024-08-21", // PE确认时间
warranty_end_date: "234", // 保修期结束
maintenance_plan: "234" // 维保等级：1-铜牌；常量维护项
maintenance_plan: '' // 维保等级：1-铜牌；常量维护项
}
}
},
@ -221,9 +223,11 @@ export default {
},
methods:{
save(){
}
}
}
</script>
<style scoped lang="scss">

70
src/views/order/order-info.vue
View File

@ -7,22 +7,22 @@
<div class="title">工单时间</div>
<div class="status">
<span class="name">当前状态：</span>
<span class="text">待审核</span>
<span class="text">{{info.business_status}}</span>
</div>
</div>
<div class="cardBody">
<el-row>
<el-col :span="8" :lg="6">
<span class="label">创建时间：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.created_at}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">PE确认时间：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.pe_confirmation_time}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">过保时间：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.warranty_end_date}}</span>
</el-col>
</el-row>
</div>
@ -31,10 +31,8 @@
<div class="cardItem">
<div class="title">流程进度</div>
<div class="cardBody">
<el-steps style="" :active="2" align-center>
<el-step title="Step 1" description="Some description" />
<el-step title="Step 2" description="Some description" />
<el-step title="Step 3" description="Some description" />
<el-steps :active="2" align-center>
<el-step :status="item.node?'error':'finish'" v-for="item in info.process_engine" :key="item" :title="item.description" />
</el-steps>
</div>
</div>
@ -42,13 +40,9 @@
<div class="title">维保单号</div>
<div class="cardBody">
<el-row>
<el-col :span="8" :lg="6">
<span class="label">维修单ID：</span>
<span class="text">2024-03-27</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">维修单号：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.repair_order_no}}</span>
</el-col>
</el-row>
</div>
@ -59,25 +53,25 @@
<el-row>
<el-col :span="8" :lg="6">
<span class="label">维修等级：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.maintenance_plan}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">故障类型：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.fault_type}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">故障内容：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.fault_description}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<span class="label">维保等级：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.maintenance_plan}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">是否关机：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.requires_shutdown}}</span>
</el-col>
</el-row>
</div>
@ -88,63 +82,63 @@
<el-row>
<el-col :span="8" :lg="6">
<span class="label">机房城市：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.city}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">园区：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.park_name}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<span class="label">机房：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.data_center_name}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">机架位：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.rack_position}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<span class="label">整机SN：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.device_sn}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">整机厂商：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.device_manufacturer}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">整机型号：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.device_model}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<span class="label">部件SN/Sp：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.component_serial_no}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">部件厂商：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.component_manufacturer}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">部件型号：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.component_model}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :lg="6">
<span class="label">部件PN/Sp：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.component_pn}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">SLA截止时间：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.sla_expiration}}</span>
</el-col>
<el-col :span="8" :lg="6">
<span class="label">剩余BD数：</span>
<span class="text">2024-03-27</span>
<span class="text">{{info.bd_backup_count}}</span>
</el-col>
</el-row>
</div>
@ -160,14 +154,22 @@ export default {
name: "order-info",
data(){
return{
params:{
order_id:Number(this.$route.query.id)
},
info:{}
}
},
mounted() {
this.getData();
},
methods:{
async getData() {
const res = await this.$API.orders.order.maintenance.info.post(this.params);
if(res.code == 200){
this.info = res.data;
}
}
}
}
</script>

36
src/views/order/orderList/index.vue
View File

@ -88,16 +88,28 @@ export default {
exportShow:false,
searchShow:false,
searchList:[
{name:'生产日期',type:'date',code:'activation_date',show:true},
{name:'反厂日期',type:'date',code:'activation_date',show:true},
{name:'处理时间',type:'date',code:'activation_date',show:true},
{name:'客户名称',type:'multiple',code:'id', data:[], placeholder:"请选择公司名称",show:false},
{name:'状态',type:'select',code:'active_status', data:[], placeholder:"请选择状态",show:false},
{name:'工单号',type:'text',code:['mobile'],placeholder:"请输入手机号",isOpen:true,show:false},
{name:'邮件地址',type:'text',code:['email'],placeholder:"请输入邮箱地址",isOpen:true,show:false},
{name:'公司地址',type:'text',code:['address'],placeholder:"请输入公司地址",isOpen:true,show:false},
{name:'负责人',type:'text',code:['owner'],placeholder:"请输入负责人",isOpen:true,show:false},
{name:'关键字',type:'text',code:['domain','name'],keyword:true,show:true},
{name:'PE确认时间',type:'date',code:'pe_confirmation_time',show:true},
{name:'保修到期',type:'date',code:'warranty_end_date',show:true},
{name:'SLA到期时间',type:'date',code:'sla_expiration',show:true},
{name:'维修单号',type:'text',code:['repair_order_no'],placeholder:"请输入维修单号",isOpen:true,show:false},
{name:'维修等级',type:'select',code:'maintenance_level', data:[], placeholder:"请选择维修等级",show:false},
{name:'园区名称',type:'select',code:['park_name'],data:[],placeholder:"请输入园区名称",isOpen:true,show:false},
{name:'整机型号',type:'text',code:['device_model'],placeholder:"请输入整机型号",isOpen:true,show:false},
{name:'故障类型',type:'multiple',code:'fault_type', data:[], placeholder:"请选择公司名称",show:false},
{name:'部件型号',type:'text',code:['component_model'],placeholder:"请输入部件型号",isOpen:true,show:false},
{name:'部件序列号',type:'text',code:['component_serial_no'],placeholder:"请输入部件序列号",isOpen:true,show:false},
{name:'整机厂商',type:'text',code:['device_manufacturer'],placeholder:"请输入整机厂商",isOpen:true,show:false},
{name:'是否需要关机',type:'select',code:['requires_shutdown'],placeholder:"请选择是否关机",isOpen:true,show:false},
{name:'机房城市',type:'select',code:['city'],data:[],placeholder:"请输入机房城市",isOpen:true,show:false},
{name:'机房/IDC名称',type:'select',code:['data_center_name'],data:[],placeholder:"请输入机房/IDC名称",isOpen:true,show:false},
{name:'机架位置',type:'text',code:['rack_position'],placeholder:"请输入机架位置",isOpen:true,show:false},
{name:'整机SN',type:'select',code:['device_sn'],data:[],placeholder:"请输入整机SN",isOpen:true,show:false},
{name:'部件厂商',type:'text',code:['component_manufacturer'],placeholder:"请输入部件厂商",isOpen:true,show:false},
{name:'部件零件PN号',type:'text',code:['component_pn'],placeholder:"请输入部件零件PN号",isOpen:true,show:false},
{name:'剩余BD数',type:'text',code:['bd_backup_count'],placeholder:"请输入剩余BD数",isOpen:true,show:false},
{name:'维保等级',type:'select',code:['maintenance_plan'],data:[],placeholder:"请输入维保等级",isOpen:true,show:false},
{name:'业务状态',type:'select',code:['business_status'],data:[],placeholder:"请选择业务状态",isOpen:true,show:false},
{name:'关键字',type:'text',code:['fault_description'],keyword:true,show:true},
],
params: {},
}
@ -197,8 +209,8 @@ export default {
this.$confirm(`确定删除 ${row.name} 吗？`, '提示', {
type: 'warning'
}).then(async () => {
const reqData = {id: row.id};
const res = await this.$API.system.company.delete.post(reqData);
const reqData = {order_ids: [row.id]};
const res = await this.$API.orders.order.maintenance.delete.post(reqData);
if(res.code == 200){
this.$refs.table.refresh()
this.$message.success("删除成功")