zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

opl页面调整

This commit is contained in:
caoqianming 2022-10-11 18:02:33 +08:00
parent dc7b9e2f91
commit 553e29de5c
11 changed files with 5550 additions and 5025 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/scOpl/scFire.vue
View File

@ -229,7 +229,7 @@
</el-table-column> -->
</scTable>
</el-card>
<el-card header="气体检测记录" style="margin-top: 8px" shadow="hover">
<el-card header="气体检测记录" style="margin-top: 8px" shadow="hover" v-show="oplcateCode=='fire'||oplcateCode=='space'||oplcateCode=='cooler'">
<scTable
ref="gasTable"
:data="gasData"
@ -316,7 +316,7 @@
risks_checked: [],
},
initForm: {},
oplcateCode: "",
oplcateCode: 'fire',
operationId: "",
oplId: "",
leveloptions: [
@ -371,6 +371,7 @@
this.$API.opm.opl.read.req(this.oplId).then((res) => {
this.mainLoading = false
this.form = res;
this.oplcateCode = res.cate_code
// this.oplcateId = res.cate;
// this.operationId = res.operation;
// this.getOperation();

1703
src/views/opm/clear.vue
View File

File diff suppressed because it is too large Load Diff

1397
src/views/opm/cooler.vue
View File

File diff suppressed because it is too large Load Diff

117
src/views/opm/fire.vue
View File

@ -25,7 +25,7 @@
:model="form"
:rules="rules"
label-width="110px"
style="margin: 40px 40px 40px 40px"
style="margin: 40px 40px 0px 40px"
>
<el-row>
<el-col :md="12" :sm="12" :xs="24">
@ -47,7 +47,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业开始时间">
<el-form-item label="作业开始时间" prop="start_time">
<el-date-picker
v-model="form.start_time"
type="datetime"
@ -56,7 +56,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业结束时间">
<el-form-item label="作业结束时间" prop="end_time">
<el-date-picker
v-model="form.end_time"
type="datetime"
@ -65,7 +65,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业级别">
<el-form-item label="作业级别" prop="level">
<el-select v-model="form.level" placeholder="选择作业级别">
<el-option
v-for="item in leveloptions"
@ -77,8 +77,8 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业部门">
<el-col :md="12" :sm="12" :xs="24" >
<el-form-item label="作业部门" prop="dept_do">
<el-cascader
placeholder="选择作业部门"
getCheckedNodes="true"
@ -96,7 +96,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业负责人">
<el-form-item label="作业负责人" prop="charger">
<el-input
v-model="form.charger_name"
style="width:200px"
@ -114,7 +114,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业监护人">
<el-form-item label="作业监护人" prop="monitor">
<el-input
v-model="form.monitor_name"
style="width:200px"
@ -124,7 +124,7 @@
</el-form-item>
</el-col>
<el-col :md="24" :sm="12" :xs="24">
<el-form-item label="风险选择">
<el-form-item label="风险选择" prop="risks_checked">
<el-checkbox-group v-model="form.risks_checked">
<el-checkbox
v-for="(item, index) in risklist"
@ -146,7 +146,7 @@
</el-form-item>
</el-col>
<el-col :md="24" :sm="12" :xs="24">
<el-form-item label="措施选择">
<el-form-item label="措施选择" prop="measures_checked">
<el-checkbox-group v-model="form.measures_checked">
<el-checkbox
v-for="(item, index) in measurelist"
@ -177,16 +177,12 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :md="24" :sm="12" :xs="24">
<el-form-item>
<el-button style="margin-top: 12px" type="primary" plain @click="handleNextStep"
</el-form>
<div style="margin-bottom: 20px; text-align:center">
<el-button type="primary" plain @click="handleNextStep"
>下一步
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</el-main>
<!--作业人员!-->
@ -205,7 +201,7 @@
hidePagination
stripe
hideDo
style="height: 200px;"
style="height: 300px;"
>
<el-table-column
label="#"
@ -333,8 +329,9 @@
:data="apigasObj"
row-key="id"
hidePagination
hideDo
stripe
style="height: 200px;"
style="height: 300px;"
>
<el-table-column
label="#"
@ -377,11 +374,6 @@
{{ scope.row.checker_.name }}
</template>
</el-table-column>
<el-table-column
label="创建时间"
prop="create_time"
width="150"
></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="200">
<template #default="scope">
@ -396,7 +388,7 @@
</template>
</el-table-column>
</scTable>
<sc-dialog v-model="gasdialog" draggable title="气体检测记录">
<el-dialog v-model="gasdialog" draggable title="气体检测记录">
<el-form
ref="gasForm"
:model="formgas"
@ -484,7 +476,7 @@
<el-button @click="dialoggase = false">取 消</el-button>
<el-button type="primary" @click="submitgas">确 定</el-button>
</template>
</sc-dialog>
</el-dialog>
<div style="margin-top:20px;text-align:center">
<el-button @click="handleLastStep" style="margin-right:4px">上一步</el-button>
<el-button
@ -528,12 +520,13 @@
const defaultformworker = {
id: "",
worker: null,
duty: null,
duty: "作业人员",
certificates: [],
opl: "",
};
const defaultformgas = {
id: "",
is_ok: true,
check_time: null,
opl: "",
};
@ -592,7 +585,33 @@
true: "正常",
false: "不正常",
},
tLoading: false
tLoading: false,
rules: {
start_time: [
{required: true, message: '请选择'}
],
end_time: [
{required: true, message: '请选择'}
],
level: [
{required: true, message: '请选择'}
],
dept_do: [
{required: true, message: '请选择'}
],
charger: [
{required: true, message: '请选择'}
],
monitor: [
{required: true, message: '请选择'}
],
risks_checked: [
{required: true, message: '请选择'}
],
measures_checked: [
{required: true, message: '请选择'}
],
}
};
},
mounted() {
@ -634,7 +653,7 @@
getData() {
this.$API.opm.opl.read.req(this.oplId).then((res) => {
this.form = res;
this.oplId = res.id;
this.oplcateId = res.cate;
this.operationId = res.operation;
this.getOperation();
@ -686,9 +705,11 @@
},
//组件点击下一步
handleNextStep() {
if (this.active == 0) {
// console.log(this.oplId);
//如果是创建许可证书
this.$refs.dialogForm.validate((valid) => {
if (valid) {
//如果是创建许可证书
if (this.oplId == "") {
//基本信息提交
debugger;
@ -704,8 +725,8 @@
this.active = 1;
this.oplId = res.id;
this.getworkerList(res.id);
this.getgasList(res.id);
this.getworkerList();
this.getgasList();
return res;
})
.catch((err) => {
@ -717,14 +738,22 @@
this.$message.success("基本修改成功！");
this.issave = true;
this.active = 1;
this.getgasList(this.oplId);
this.getworkerList(this.oplId);
this.getgasList();
this.getworkerList();
});
} else {
this.active = 1;
}
}
})
} else {
if (this.active==1){
if(this.apiworkerObj.length==0){
this.$message.warning("请添加作业人员");
return
}
}
this.active = 2;
}
@ -742,8 +771,8 @@
},
//作业人员列表
getworkerList(id) {
this.$API.opm.worker.list.req({opl: id, page: 0}).then((res) => {
getworkerList() {
this.$API.opm.worker.list.req({opl: this.oplId, page: 0}).then((res) => {
this.apiworkerObj = res;
console.log(res);
});
@ -761,7 +790,7 @@
.req(row.id)
.then((res) => {
this.$message.success("作业人员删除成功");
this.$refs.workerTable.refresh();
this.getworkerList()
return res;
})
.catch((err) => {
@ -777,7 +806,7 @@
.req(this.formworker)
.then((res) => {
this.$message.success("创建作业人员成功");
this.getworkerList(this.oplId);
this.getworkerList();
this.workerdialog = false;
})
.catch((err) => {
@ -787,8 +816,8 @@
},
//气体检测记录列表
getgasList(id) {
this.$API.opm.gas.list.req({opl: id, page: 0}).then((res) => {
getgasList() {
this.$API.opm.gas.list.req({opl: this.oplId, page: 0}).then((res) => {
this.apigasObj = res;
console.log(res);
});
@ -809,7 +838,7 @@
.req(this.formgas)
.then((res) => {
this.$message.success("创建气体检测记录成功");
this.getgasList(this.oplId);
this.getgasList();
this.gasdialog = false;
})
@ -826,7 +855,7 @@
.req(row.id)
.then((res) => {
this.$message.success("气体检测记录删除成功");
this.$refs.gasTable.refresh();
this.getgasList()
return res;
})
.catch((err) => {

1305
src/views/opm/high.vue
View File

File diff suppressed because it is too large Load Diff

1305
src/views/opm/hoisting.vue
View File

File diff suppressed because it is too large Load Diff

284
src/views/opm/opl.vue
View File

@ -22,17 +22,17 @@
</el-descriptions-item>
<el-descriptions-item label="属地部门:">
<span v-if="operationObj.dept_ter_">{{
operationObj.dept_ter_.name
operationObj.dept_ter_.name
}}</span>
</el-descriptions-item>
<el-descriptions-item label="业务部门:">
<span v-if="operationObj.dept_bus_">{{
operationObj.dept_bus_.name
operationObj.dept_bus_.name
}}</span>
</el-descriptions-item>
<el-descriptions-item label="协调员:">
<span v-if="operationObj.coordinator_">{{
operationObj.coordinator_.name
operationObj.coordinator_.name
}}</span>
</el-descriptions-item>
</el-descriptions>
@ -40,91 +40,50 @@
<el-card header="许可证" style="margin-top: 8px">
<div class="left-panel">
<el-button
icon="el-icon-plus"
style="margin: 3px 0px 0px 10px"
v-for="(item, index) in oplcateList"
:key="index"
:title="item.name"
type="primary"
v-auth="'opl.create'"
@click="addFire(item.id, item.name)"
>
<el-button icon="el-icon-plus" style="margin: 3px 0px 0px 10px" v-for="(item, index) in oplcateList"
:key="index" :title="item.name" type="primary" v-auth="'opl.create'" @click="addOpl(item.id, item.code)">
{{ item.name }}
</el-button>
</div>
<el-divider />
<scTable
ref="table"
:data="apiObj"
row-key="id"
@selection-change="selectionChange"
stripe
hidePagination
hideRefresh
@resetQuery="resetQuery"
>
<scTable ref="table" :data="apiObj" row-key="id" @selection-change="selectionChange" stripe hidePagination
hideRefresh @resetQuery="resetQuery">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column
label="作业许可编号"
prop="number"
width="150"
></el-table-column>
<el-table-column label="作业许可编号" prop="number" width="150"></el-table-column>
<el-table-column label="作业级别" prop="level"></el-table-column>
<el-table-column label="许可证种类" prop="cate_name"></el-table-column>
<el-table-column label="流程状态" width="160">
<template #default="scope">
<span v-if="scope.row.ticket">{{ scope.row.ticket_.state_.name }}
-{{act_states[scope.row.ticket_.act_state]}}
</span>
-{{act_states[scope.row.ticket_.act_state]}}
</span>
</template>
</el-table-column>
<el-table-column label="预计开始" prop="start_time" width="150"></el-table-column>
<el-table-column label="作业部门" prop="dept_do"
><template #default="scope">
<el-table-column label="作业部门" prop="dept_do"><template #default="scope">
{{ scope.row.dept_do_.name }}
</template></el-table-column
>
<el-table-column label="作业负责人" prop="charger"
><template #default="scope">
</template></el-table-column>
<el-table-column label="作业负责人" prop="charger"><template #default="scope">
{{ scope.row.charger_.name }}
</template></el-table-column
>
<el-table-column label="作业监护人" prop="monitor"
><template #default="scope">
</template></el-table-column>
<el-table-column label="作业监护人" prop="monitor"><template #default="scope">
{{ scope.row.monitor_.name }}
</template></el-table-column
>
</template></el-table-column>
<el-table-column label="操作" fixed="right" width="80">
<template #default="scope">
<el-button-group>
<el-button
text
type="primary"
size="small"
@click="table_show(scope.row, scope.$index)"
>查看
<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看
</el-button>
<el-button
v-if="operationObj.state === 10"
text
type="warning"
size="small"
v-auth="'opl.update'"
@click="table_edit(scope.row, scope.$index)"
>编辑
<el-button v-if="operationObj.state === 10" text type="warning" size="small" v-auth="'opl.update'"
@click="table_edit(scope.row, scope.$index)">编辑
</el-button>
</el-button-group>
</template>
</el-table-column>
</scTable>
</el-card>
<el-drawer
:size="'50%'"
v-model="showLimited"
:title="oplName + '作业许可证详情'"
>
<el-drawer :size="'50%'" v-model="showLimited" :title="oplName + '作业许可证详情'">
<sc-fire :id="oplId"></sc-fire>
</el-drawer>
</el-main>
@ -159,14 +118,14 @@ export default {
40: "进行中",
50: "已完成",
},
act_states: {
0: "草稿中",
1: "进行中",
2: "被退回",
3: "被撤回",
4: "已完成",
5: "已关闭",
},
act_states: {
0: "草稿中",
1: "进行中",
2: "被退回",
3: "被撤回",
4: "已完成",
5: "已关闭",
},
};
},
@ -206,181 +165,30 @@ export default {
},
//点击作业类型，创建作业许可证添加
addFire(id, name) {
switch (name) {
case "动火":
this.$router.push({
name: "fire",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "有限空间":
this.$router.push({
name: "space",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "清库":
this.$router.push({
name: "clear",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "高处":
this.$router.push({
name: "high",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "吊装":
this.$router.push({
name: "hoisting",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "预热器清堵":
this.$router.push({
name: "preheat",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "篦冷机清大块":
this.$router.push({
name: "cooler",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "动土":
this.$router.push({
name: "soil",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
case "临时用电":
this.$router.push({
name: "usecl",
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
break;
}
addOpl(id, code) {
this.$router.push({
name: code,
query: {
operationid: this.$route.query.id, //作业ID
oplcateId: id, //许可证类型ID
oplId: "", //许可证ID
},
});
},
//编辑
table_edit(row) {
switch (row.cate_name) {
case "动火":
this.$router.push({
name: "fire",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "有限空间":
this.$router.push({
name: "space",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "清库":
this.$router.push({
name: "clear",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "高处":
this.$router.push({
name: "high",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "吊装":
this.$router.push({
name: "hoisting",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "预热器清堵":
this.$router.push({
name: "preheat",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "篦冷机清大块":
this.$router.push({
name: "cooler",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "动土":
this.$router.push({
name: "soil",
query: {
oplId: row.id, //许可证ID
},
});
break;
case "临时用电":
this.$router.push({
name: "usecl",
query: {
oplId: row.id, //许可证ID
},
});
break;
}
this.$router.push({
name: row.cate_code,
query: {
oplId: row.id, //许可证ID
},
});
},
//查看
table_show(row) {
this.showLimited = true;
this.oplId = row.id;
this.oplCode = row.cate_code;
this.oplName = row.cate_name;
this.workId = row.workers[0];
},
@ -417,7 +225,7 @@ export default {
loading.close();
this.$message.success("操作成功");
})
.catch(() => {});
.catch(() => { });
},
//表格选择后回调事件
selectionChange(selection) {
@ -434,7 +242,7 @@ export default {
}, 500);
},
//搜索
handleQuery() {},
handleQuery() { },
//根据ID获取树结构
filterTree(id) {
var target = null;

1255
src/views/opm/preheat.vue
View File

File diff suppressed because it is too large Load Diff

1241
src/views/opm/soil.vue
View File

File diff suppressed because it is too large Load Diff

1720
src/views/opm/space.vue
View File

File diff suppressed because it is too large Load Diff

115
src/views/opm/usecl.vue
View File

@ -25,13 +25,13 @@
:model="form"
:rules="rules"
label-width="110px"
style="margin: 40px 40px 40px 40px"
style="margin: 40px 40px 0px 40px"
>
<el-row>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="关联作业">
<el-input
v-model="operationId"
v-model="form.name"
type="text"
:disabled="true"
></el-input>
@ -47,7 +47,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业开始时间">
<el-form-item label="作业开始时间" prop="start_time">
<el-date-picker
v-model="form.start_time"
type="datetime"
@ -56,7 +56,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业结束时间">
<el-form-item label="作业结束时间" prop="end_time">
<el-date-picker
v-model="form.end_time"
type="datetime"
@ -67,7 +67,7 @@
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业部门">
<el-form-item label="作业部门" prop="dept_do">
<el-cascader
placeholder="选择作业部门"
getCheckedNodes="true"
@ -86,7 +86,7 @@
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="作业监护人">
<el-form-item label="作业监护人" prop="monitor">
<el-select v-model="form.monitor" placeholder="选择作业监护人">
<el-option
v-for="item in useroptions"
@ -98,7 +98,7 @@
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="供电制式">
<el-form-item label="供电制式" >
<el-select v-model="form.level" placeholder="选择供电制式">
<el-option
v-for="item in leveloptions"
@ -152,18 +152,6 @@
placeholder="选择开始时间"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="验收人签名">
<el-select v-model="form.charger" placeholder="选择验收人签名">
<el-option
v-for="item in useroptions"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="12" :xs="24">
<el-form-item label="用电功率">
@ -272,16 +260,12 @@
</el-col>
!-->
</el-row>
<el-row>
<el-col :md="24" :sm="12" :xs="24">
<el-form-item>
<el-button style="margin-top: 12px" @click="handleNextStep"
>下一步</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="margin-bottom: 20px; text-align:center">
<el-button type="primary" plain @click="handleNextStep"
>下一步
</el-button>
</div>
</el-main>
<!--作业人员!-->
@ -340,7 +324,7 @@
</template>
</el-table-column>
</scTable>
<sc-dialog v-model="workerdialog" draggable title="选择作业人员">
<el-dialog v-model="workerdialog" draggable title="选择作业人员">
<el-form
ref="workerForm"
:model="formworker"
@ -407,11 +391,21 @@
<el-button @click="dialogcart = false">取 消</el-button>
<el-button type="primary" @click="submitWorker">确 定</el-button>
</template>
</sc-dialog>
<el-button style="margin-top: 12px" @click="handleLastStep"
>上一步</el-button
>
<el-button style="margin-top: 12px" @click="submitOut">退出</el-button>
</el-dialog>
<div style="margin-top:20px;text-align:center">
<el-button @click="handleLastStep" style="margin-right:4px">上一步</el-button>
<el-button
:loading="tLoading"
v-for=" item in initForm.transitions"
:key="item.id"
type="primary"
@click="submitTicketCreate(item.id)"
style="margin-right:4px"
>{{item.name}}
</el-button>
<el-button @click="submitOut" type="warning">退出</el-button>
</div>
</el-main>
@ -441,7 +435,7 @@ import { genTree } from "@/utils/verificate";
const defaultformworker = {
id: "",
worker: null,
duty: null,
duty: "作业人员",
certificates: [],
opl: "",
};
@ -473,7 +467,7 @@ export default {
cate: "",
risks_checked: [],
},
initForm: {},
operationId: "",
oplcateId: "",
oplId: "",
@ -507,6 +501,32 @@ export default {
true: "正常",
false: "不正常",
},
rules: {
start_time: [
{required: true, message: '请选择'}
],
end_time: [
{required: true, message: '请选择'}
],
level: [
{required: true, message: '请选择'}
],
dept_do: [
{required: true, message: '请选择'}
],
charger: [
{required: true, message: '请选择'}
],
monitor: [
{required: true, message: '请选择'}
],
risks_checked: [
{required: true, message: '请选择'}
],
measures_checked: [
{required: true, message: '请选择'}
],
}
};
},
mounted() {
@ -514,9 +534,8 @@ export default {
this.oplcateId = this.$route.query.oplcateId; //作业许可证种类ID
this.oplId = this.$route.query.oplId; //许可证ID
this.getoplData();
this.getInit();
this.getDept();
this.getUser();
},
methods: {
@ -685,7 +704,27 @@ export default {
});
},
//渲染工单提交按钮
getInit() {
this.$API.wf.workflow.initkey.req('opl_usecl').then((res) => {
this.initForm = res;
});
},
//提交,创建工单
submitTicketCreate(id) {
let ticket = {};
ticket.workflow = this.initForm.workflow;
ticket.ticket_data = {opl: this.oplId};
ticket.transition = id;
ticket.title = this.form.name + '-申请';
this.tLoading = true
this.$API.wf.ticket.create.req(ticket).then((res) => {
this.tLoading = false
this.$message.success("提交成功");
this.submitOut()
}).catch(e=>{this.tLoading=false});
},
//退出界面
submitOut(){
this.$router.push({