Commit 922632ac authored by 王向前's avatar 王向前

外协管理

parent 559bc83c
...@@ -11,17 +11,17 @@ ...@@ -11,17 +11,17 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> --> </div>-->
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app="app"></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <ViewButton ref="view" :app="app"></ViewButton>
<AddButton ref="add" :app='app'></AddButton> <AddButton ref="add" :app="app"></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton> <CopyButton ref="copy" :app="app"></CopyButton>
<EditButton ref="edit" :app='app'></EditButton> <EditButton ref="edit" :app="app"></EditButton>
<!-- <AttachFileButton :app='app' ></AttachFileButton> --> <!-- <AttachFileButton :app='app' ></AttachFileButton> -->
<FieldButton :app='app'></FieldButton> <FieldButton :app="app"></FieldButton>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app="app"></ExcelButton>
<!-- 额外按钮--> <!-- 额外按钮-->
<!-- 表头设置 --> <!-- 表头设置 -->
...@@ -29,67 +29,68 @@ ...@@ -29,67 +29,68 @@
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' <TablePager
@getRow='getRow'> @getData="getData"
:ref="'TablePager'"
</TablePager> :app="app"
:query="query"
@selectItem="selectItem"
@getRow="getRow"
></TablePager>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ /* 引入需要的接口*/
import { import { doQuery, doAdd, doUpdate, doDelete } from "@/api/daily/nros.js";
doQuery, /* edit页面*/
doAdd, import Edit from "./edit";
doUpdate, import { tableMixin } from "common";
doDelete export default {
} from '@/api/daily/nros.js';
/* edit页面*/
import Edit from './edit'
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin], mixins: [tableMixin],
name: 'nros', name: "nros",
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
this.$refs['TablePager'].pageQuery() this.$refs["TablePager"].pageQuery();
}, },
data() { data() {
return { return {
/*需要的额外参数 */ /*需要的额外参数 */
showDialog: false, showDialog: false,
DialogName: '', DialogName: "",
type: '', type: "",
DialogTitle: '', DialogTitle: "",
/* 基础url*/ /* 基础url*/
baseUrl: '/aqgl/rcgl/fcgzybz', baseUrl: "/aqgl/rcgl/fcgzybz",
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
info: '' info: ""
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{label: "作业活动", prop: "zyhd", fieldType: "ftString",width:300}, { label: "作业活动", prop: "zyhd", fieldType: "ftString", width: 300 },
{label: "事故后果", prop: "sghg", fieldType: "ftString",width:300}, { label: "事故后果", prop: "sghg", fieldType: "ftString", width: 300 },
{label: "风险登记", prop: "fxdj", fieldType: "ftString",width:100}, { label: "风险登记", prop: "fxdj", fieldType: "ftString", width: 100 },
{label: "作业地点", prop: "zydd", fieldType: "ftString",width:300}, { label: "作业地点", prop: "zydd", fieldType: "ftString", width: 300 },
// {label: "排查岗位ID", prop: "pcgwid", fieldType: "ftString",width:192}, // {label: "排查岗位ID", prop: "pcgwid", fieldType: "ftString",width:192},
{label: "排查岗位", prop: "pcgwName", fieldType: "ftString",width:192}, {
{label: "危害因素", prop: "whys", fieldType: "ftString",width:300}, label: "排查岗位",
{label: "管控措施", prop: "gkcs", fieldType: "ftString",width:300}, prop: "pcgwName",
{label: "备注", prop: "bz", fieldType: "ftString",width:300}, fieldType: "ftString",
{label: "维护人", prop: "whr", fieldType: "ftString"}, width: 192
{label: "维护时间", prop: "whsj", fieldType: "ftDateTime"} },
{ label: "危害因素", prop: "whys", fieldType: "ftString", width: 300 },
{ label: "管控措施", prop: "gkcs", fieldType: "ftString", width: 300 },
{ label: "备注", prop: "bz", fieldType: "ftString", width: 300 },
{ label: "维护人", prop: "whr", fieldType: "ftString" },
{ label: "维护时间", prop: "whsj", fieldType: "ftDateTime" }
] ]
} };
}, },
methods: { methods: {
/* 基础查询*/ /* 基础查询*/
query: doQuery, query: doQuery,
/* 基础增*/ /* 基础增*/
...@@ -99,18 +100,13 @@ ...@@ -99,18 +100,13 @@
/* 删除操作*/ /* 删除操作*/
apiDelete: doDelete, apiDelete: doDelete,
/* 初始化赋值操作*/ /* 初始化赋值操作*/
init() { init() {}
}
}, },
components: { components: {
Edit, Edit
}
} }
};
</script> </script>
<style scoped> <style scoped>
</style> </style>
...@@ -73,8 +73,8 @@ export default { ...@@ -73,8 +73,8 @@ export default {
return { return {
codeUrl: "", codeUrl: "",
loginForm: { loginForm: {
username: "visitor", username: "superuser",
password: "visitor", password: "123456",
rememberMe: false, rememberMe: false,
code: "", code: "",
uuid: "" uuid: ""
...@@ -142,7 +142,6 @@ export default { ...@@ -142,7 +142,6 @@ export default {
Cookies.remove('rememberMe'); Cookies.remove('rememberMe');
} }
this.$store.dispatch("Login", this.loginForm).then(() => { this.$store.dispatch("Login", this.loginForm).then(() => {
debugger
this.$router.push({path:'index'}) this.$router.push({path:'index'})
// this.$router.push({ path: this.redirect || "/" }).catch(()=>{}); // this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
}).catch(() => { }).catch(() => {
......
<template> <template>
<RelDialog
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border"> :type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容,slot=form必写--> <!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules"> <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh"> <el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input> <el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="名称" prop="mc"> <el-form-item label="名称" prop="name">
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位类型" prop="type"> <el-form-item label="单位类型" prop="type">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input> <RelSelect
src="/aqgl/wxgl/wxdwsb/init/dwlx"
:match="{value:'id',label:'bmmc'}"
v-model="form.dwlx"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw"> <el-form-item label="管理责任单位" prop="glzrdw">
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input> <RelSelect
style="width: 100%;"
src="kzzx/bm/query"
:readonly="readonly"
:match="{value:'id',label:'bmmc'}"
v-model="form.zrdwid"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="负责人" prop="fzr"> <el-form-item label="负责人" prop="fzr">
<el-input :readonly="readonly" v-model="form.fzr"></el-input> <personSelector :label="form.userName||form.userid||'暂无'" @selected="userSelected"></personSelector>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位地址" prop="dwdz"> <el-form-item label="单位地址" prop="address">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input> <el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电子信箱" prop="mail"> <el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.mail"></el-input> <el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -57,6 +72,18 @@ ...@@ -57,6 +72,18 @@
<el-input :readonly="readonly" v-model="form.lxr"></el-input> <el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right">
<el-form-item label="申报日期" ref="sbrq" prop="sbrq">
<el-date-picker
v-model="form.sbrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
...@@ -65,67 +92,86 @@ ...@@ -65,67 +92,86 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- 按钮重写, --> <!-- 按钮重写, -->
<!-- <div slot="reFooter"> <!-- <div slot="reFooter">
<span slot="footer"> <span slot="footer">
重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义 重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span> </span>
</div> --> </div>-->
</RelDialog> </RelDialog>
</template> </template>
<script> <script>
import {editMixin} from 'common' import { editMixin } from "common";
export default { import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin], mixins: [editMixin],
/* 存放index页面传递的额外参数*/ /* 存放index页面传递的额外参数*/
mounted() { mounted() {},
},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化,根据需求*/ /* 额外初始化,根据需求*/
systemType: [], systemType: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/ /* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: { form: {
roleid: '', code: "",
rolename: '', name: "",
bz: "", sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
}, },
/* form提交时的规则,具体规则参考官网*/ /* form提交时的规则,具体规则参考官网*/
rules: { rules: {
roleid: [{ email:[
required: true, { required: true, message: '请输入邮箱地址', trigger: 'blur' },
trigger: 'blur' { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
}, ], ]
rolename: [{ },
required: true, dwlxArray: []
trigger: 'blur' };
}, ]
}
}
}, },
methods: { methods: {
userSelected(row) {
} this.form.fzrid = row.id;
},
init() {}
},
mounted() {
this.init();
} }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
$color-border-grey:#c0c4cc; $color-border-grey: #c0c4cc;
.table-form-border { .table-form-border {
.el-form{ ::v-deep .el-form-item__error{
z-index: 99;
right: 10px!important;
top: 25%;
left: auto;
}
.el-form {
border-top: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
} }
.el-row .el-form-item{ .el-row .el-form-item {
border-bottom: 1px solid $color-border-grey; border-bottom: 1px solid $color-border-grey;
margin-bottom:0; margin-bottom: 0;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-left: 1px solid $color-border-grey;
...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc; ...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc;
background: #eee; background: #eee;
} }
::v-deep .el-input__inner{ ::v-deep .el-input__inner {
border:none border: none;
} }
} }
.el-row .el-col:nth-child(2n+1){ .el-row .el-col:nth-child(2n + 1) {
padding-right: 0!important padding-right: 0 !important;
} }
.el-row .el-col:nth-child(2n){ .el-row .el-col:nth-child(2n) {
padding-left: 0!important padding-left: 0 !important;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ .el-row .el-col.padding-right {
padding-right: 10px!important; padding-right: 10px!important;
padding-left: 10px!important
} }
.el-row:last-child .el-col,
.el-row:first-child .el-col {
padding-right: 10px !important;
padding-left: 10px !important;
} }
}
</style> </style>
<template> <template>
<RelDialog
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border"> :type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容,slot=form必写--> <!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules"> <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh"> <el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input> <el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="名称" prop="mc"> <el-form-item label="名称" prop="name">
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位类型" prop="type"> <el-form-item label="单位类型" prop="type">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input> <RelSelect
src="/aqgl/wxgl/wxdwsb/init/dwlx"
:match="{value:'id',label:'bmmc'}"
v-model="form.dwlx"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw"> <el-form-item label="管理责任单位" prop="glzrdw">
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input> <RelSelect
style="width: 100%;"
src="kzzx/bm/query"
:readonly="readonly"
:match="{value:'id',label:'bmmc'}"
v-model="form.zrdwid"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="负责人" prop="fzr"> <el-form-item label="负责人" prop="fzr">
<el-input :readonly="readonly" v-model="form.fzr"></el-input> <personSelector :label="form.userName||form.userid||'暂无'" @selected="userSelected"></personSelector>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位地址" prop="dwdz"> <el-form-item label="单位地址" prop="address">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input> <el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电子信箱" prop="mail"> <el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.mail"></el-input> <el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -57,6 +72,18 @@ ...@@ -57,6 +72,18 @@
<el-input :readonly="readonly" v-model="form.lxr"></el-input> <el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right">
<el-form-item label="申报日期" ref="sbrq" prop="sbrq">
<el-date-picker
v-model="form.sbrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
...@@ -65,67 +92,86 @@ ...@@ -65,67 +92,86 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- 按钮重写, --> <!-- 按钮重写, -->
<!-- <div slot="reFooter"> <!-- <div slot="reFooter">
<span slot="footer"> <span slot="footer">
重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义 重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span> </span>
</div> --> </div>-->
</RelDialog> </RelDialog>
</template> </template>
<script> <script>
import {editMixin} from 'common' import { editMixin } from "common";
export default { import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin], mixins: [editMixin],
/* 存放index页面传递的额外参数*/ /* 存放index页面传递的额外参数*/
mounted() { mounted() {},
},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化,根据需求*/ /* 额外初始化,根据需求*/
systemType: [], systemType: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/ /* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: { form: {
roleid: '', code: "",
rolename: '', name: "",
bz: "", sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
}, },
/* form提交时的规则,具体规则参考官网*/ /* form提交时的规则,具体规则参考官网*/
rules: { rules: {
roleid: [{ email:[
required: true, { required: true, message: '请输入邮箱地址', trigger: 'blur' },
trigger: 'blur' { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
}, ], ]
rolename: [{ },
required: true, dwlxArray: []
trigger: 'blur' };
}, ]
}
}
}, },
methods: { methods: {
userSelected(row) {
} this.form.fzrid = row.id;
},
init() {}
},
mounted() {
this.init();
} }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
$color-border-grey:#c0c4cc; $color-border-grey: #c0c4cc;
.table-form-border { .table-form-border {
.el-form{ ::v-deep .el-form-item__error{
z-index: 99;
right: 10px!important;
top: 25%;
left: auto;
}
.el-form {
border-top: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
} }
.el-row .el-form-item{ .el-row .el-form-item {
border-bottom: 1px solid $color-border-grey; border-bottom: 1px solid $color-border-grey;
margin-bottom:0; margin-bottom: 0;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-left: 1px solid $color-border-grey;
...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc; ...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc;
background: #eee; background: #eee;
} }
::v-deep .el-input__inner{ ::v-deep .el-input__inner {
border:none border: none;
} }
} }
.el-row .el-col:nth-child(2n+1){ .el-row .el-col:nth-child(2n + 1) {
padding-right: 0!important padding-right: 0 !important;
} }
.el-row .el-col:nth-child(2n){ .el-row .el-col:nth-child(2n) {
padding-left: 0!important padding-left: 0 !important;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ .el-row .el-col.padding-right {
padding-right: 10px!important; padding-right: 10px!important;
padding-left: 10px!important
} }
.el-row:last-child .el-col,
.el-row:first-child .el-col {
padding-right: 10px !important;
padding-left: 10px !important;
} }
}
</style> </style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="min_full"> <div class="min_full">
<!-- 查询条件--> <!-- 查询条件-->
<div class="search" v-condition> <div class="search" v-condition>
<SearchButton :app='app'></SearchButton> <SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1"> <el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
v-for="(item,index) in options" v-for="(item,index) in options"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
</el-option> ></el-option>
</el-select> </el-select>
</div> </div>
</el-col> </el-col>
...@@ -33,154 +33,202 @@ ...@@ -33,154 +33,202 @@
</div> </div>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app="app"></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <ViewButton ref="view" :app="app"></ViewButton>
<FieldButton :app='app'></FieldButton> <FieldButton :app="app"></FieldButton>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app="app"></ExcelButton>
<!-- 额外按钮--> <!-- 额外按钮-->
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData" <TablePager
@getRow='getRow'> @getData="getData"
<template slot="tabCustom"> :ref="'TablePager'"
</template> :app="app"
:query="query"
@selectItem="selectItem"
:delButton="false"
@getRow="getRow"
>
<template slot="tabCustom"></template>
</TablePager> </TablePager>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ /* 引入需要的接口*/
import { import {
QueryKzzxRole, doQuery,
QueryApptype, doAdd,
AddKzzxRole, doUpdate,
DeleteKzzxRole, doDelete,initDwlx
UpdateKzzxRole, } from "@/api/outsourcingDirector/wxdwsb";
QtKzzxRole /* edit页面*/
} from "common/src/api/system/dmgSystem.js"; import Edit from "./edit";
/* edit页面*/
import Edit from './edit'
import { import { tableMixin } from "common";
tableMixin export default {
} from 'common'
export default {
mixins: [tableMixin], mixins: [tableMixin],
name: 'appVersion', name: "appVersion",
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
await this.$asRun(
[initDwlx(),
res => {
var data = res['data']['records'];
let typeMap = []
for (var i in data) {
typeMap[data[i].id] = data[i].name
}
this.systemType = data
this.typeMap = typeMap
}
]
)
this.$refs['TablePager'].pageQuery() this.$refs['TablePager'].pageQuery()
}, },
data() { data() {
return { return {
allData:[{xh:"1"}],
/*需要的额外参数 */ /*需要的额外参数 */
systemType:[],
showDialog: false, showDialog: false,
DialogName: '', DialogName: "",
type: '', type: "",
DialogTitle: '', DialogTitle: "",
powerList: [{ readonly: true,
name: '分配' powerList: [
}, { {
name: '复制' name: "分配"
}, { },
name: '查看' {
}], name: "复制"
},
{
name: "查看"
}
],
/* 基础url*/ /* 基础url*/
baseUrl: 'kzzx/role', baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
xh: '', code: "",
dwmc:'', name: "",
type:'' dwlx: ""
}, },
options: [{
value: 'all',
label: '(空)'
}, {
value: 'A',
label: 'A类'
}, {
value: 'B',
label: 'B类'
}, {
value: 'C',
label: 'C类'
}, {
value: 'D',
label: 'D类'
}],
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [{ tableTitle: [
prop: 'xh', {
label: '档案编号', prop: "ztName",
width: '120' label: "状态",
width: "120",
show:false
},
{
prop: "code",
label: "档案编号",
width: "120"
},
{
prop: "name",
label: "名称",
width: "160"
},
{
prop: "sbrq",
label: "申报日期",
width: "160",
fieldType: "ftDate"
},
{
prop: "dwlx",
label: "单位类型",
width: "160",
show: false
}, },
{ {
prop: 'mc', prop: "dwlxName",
label: '名称', label: "单位类型",
width: '160' width: "160"
}, },
{ {
prop: 'dwlx', prop: "zrdwid",
label: '单位类型', label: "责任单位ID",
width: '160' width: "160",
show: false
}, },
{ {
prop: 'rolename', prop: "zrbmName",
label: '管理责任单位', label: "责任单位",
width: '160' width: "160"
}, },
{ {
prop: 'rolename', prop: "pgdwid",
label: '负责人', label: "评估单位ID",
width: '160' width: "160",
show: false
}, },
{ {
prop: 'rolename', prop: "pgbmName",
label: '单位地址', label: "评估单位",
width: '160' width: "160"
}, },
{ {
prop: 'rolename', prop: "fzrid",
label: '电子邮箱', label: "负责人",
width: '160' width: "160",
show: false
}, },
{ {
prop: 'telephone', prop: "fzrName",
label: '联系电话', label: "负责人",
width: '120', width: "160"
}, },
{ {
prop: 'bz', prop: "address",
label: '备注', label: "单位地址",
width: "160"
},
{
prop: "email",
label: "电子邮箱",
width: "160"
},
{
prop: "lxr",
label: "联系人",
width: "120"
},
{
prop: "phone",
label: "联系电话",
width: "120"
},
{
prop: "bz",
label: "备注"
} }
], ],
form: {}
} };
}, },
methods: { methods: {
/* 基础查询*/ /* 基础查询*/
query: QueryKzzxRole, query: doQuery,
/* 基础增*/ apiAdd: doAdd,
apiUpdate: doUpdate,
/* 初始化赋值操作*/ apiDelete: doDelete,
init() { init() {},
getRow(currentRow, oldCurrentRow){
}, this.form=currentRow;
}
}, },
components: { components: {
Edit, Edit
}
} }
};
</script> </script>
<style scoped> <style scoped>
</style> </style>
<template> <template>
<RelDialog
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border"> :type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容,slot=form必写--> <!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules"> <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh"> <el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input> <el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="名称" prop="mc"> <el-form-item label="名称" prop="name">
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位类型" prop="type"> <el-form-item label="单位类型" prop="type">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input> <RelSelect
src="/aqgl/wxgl/wxdwsb/init/dwlx"
:match="{value:'id',label:'bmmc'}"
v-model="form.dwlx"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw"> <el-form-item label="管理责任单位" prop="glzrdw">
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input> <RelSelect
style="width: 100%;"
src="kzzx/bm/query"
:readonly="readonly"
:match="{value:'id',label:'bmmc'}"
v-model="form.zrdwid"
></RelSelect>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="负责人" prop="fzr"> <el-form-item label="负责人" prop="fzr">
<el-input :readonly="readonly" v-model="form.fzr"></el-input> <personSelector :label="form.userName||form.userid||'暂无'" @selected="userSelected"></personSelector>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="单位地址" prop="dwdz"> <el-form-item label="单位地址" prop="address">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input> <el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电子信箱" prop="mail"> <el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.mail"></el-input> <el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -57,6 +72,18 @@ ...@@ -57,6 +72,18 @@
<el-input :readonly="readonly" v-model="form.lxr"></el-input> <el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right">
<el-form-item label="申报日期" ref="sbrq" prop="sbrq">
<el-date-picker
v-model="form.sbrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
...@@ -65,67 +92,86 @@ ...@@ -65,67 +92,86 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- 按钮重写, --> <!-- 按钮重写, -->
<!-- <div slot="reFooter"> <!-- <div slot="reFooter">
<span slot="footer"> <span slot="footer">
重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义 重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span> </span>
</div> --> </div>-->
</RelDialog> </RelDialog>
</template> </template>
<script> <script>
import {editMixin} from 'common' import { editMixin } from "common";
export default { import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin], mixins: [editMixin],
/* 存放index页面传递的额外参数*/ /* 存放index页面传递的额外参数*/
mounted() { mounted() {},
},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化,根据需求*/ /* 额外初始化,根据需求*/
systemType: [], systemType: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/ /* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: { form: {
roleid: '', code: "",
rolename: '', name: "",
bz: "", sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
}, },
/* form提交时的规则,具体规则参考官网*/ /* form提交时的规则,具体规则参考官网*/
rules: { rules: {
roleid: [{ email:[
required: true, { required: true, message: '请输入邮箱地址', trigger: 'blur' },
trigger: 'blur' { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
}, ], ]
rolename: [{ },
required: true, dwlxArray: []
trigger: 'blur' };
}, ]
}
}
}, },
methods: { methods: {
userSelected(row) {
} this.form.fzrid = row.id;
},
init() {}
},
mounted() {
this.init();
} }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
$color-border-grey:#c0c4cc; $color-border-grey: #c0c4cc;
.table-form-border { .table-form-border {
.el-form{ ::v-deep .el-form-item__error{
z-index: 99;
right: 10px!important;
top: 25%;
left: auto;
}
.el-form {
border-top: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
} }
.el-row .el-form-item{ .el-row .el-form-item {
border-bottom: 1px solid $color-border-grey; border-bottom: 1px solid $color-border-grey;
margin-bottom:0; margin-bottom: 0;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-left: 1px solid $color-border-grey;
...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc; ...@@ -134,20 +180,24 @@ $color-border-grey:#c0c4cc;
background: #eee; background: #eee;
} }
::v-deep .el-input__inner{ ::v-deep .el-input__inner {
border:none border: none;
} }
} }
.el-row .el-col:nth-child(2n+1){ .el-row .el-col:nth-child(2n + 1) {
padding-right: 0!important padding-right: 0 !important;
} }
.el-row .el-col:nth-child(2n){ .el-row .el-col:nth-child(2n) {
padding-left: 0!important padding-left: 0 !important;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ .el-row .el-col.padding-right {
padding-right: 10px!important; padding-right: 10px!important;
padding-left: 10px!important
} }
.el-row:last-child .el-col,
.el-row:first-child .el-col {
padding-right: 10px !important;
padding-left: 10px !important;
} }
}
</style> </style>
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="编号" ref="code" prop="code">
<el-input :readonly="readonly" v-model="form.code" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="名称" ref="name" prop="name">
<el-input :readonly="readonly" v-model="form.name" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="申报日期" ref="sbrq" prop="sbrq">
<el-date-picker style="width: 100%;" :readonly="readonly" type="date"
v-model="form.sbrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="单位类型" ref="dwlx" prop="dwlx">
<el-input :readonly="readonly" v-model="form.dwlx" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="责任单位" ref="zrdwid" prop="zrdwid">
<el-input :readonly="readonly" v-model="form.zrdwid" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="负责人" ref="fzrid" prop="fzrid">
<el-input :readonly="readonly" v-model="form.fzrid" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="评估单位" ref="pgdwid" prop="pgdwid">
<el-input :readonly="readonly" v-model="form.pgdwid" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单位地址" ref="address" prop="address">
<el-input :readonly="readonly" v-model="form.address" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="电子邮箱" ref="email" prop="email">
<el-input :readonly="readonly" v-model="form.email" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="联系电话" ref="phone" prop="phone">
<el-input :readonly="readonly" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系人" ref="lxr" prop="lxr">
<el-input :readonly="readonly" v-model="form.lxr" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注" ref="bz" prop="bz">
<el-input :readonly="readonly" v-model="form.bz" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="附件数" ref="attachcount" prop="attachcount">
<el-input :readonly="readonly" v-model="form.attachcount" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="工作流状态" ref="wfpname" prop="wfpname">
<el-input :readonly="readonly" v-model="form.wfpname" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: "aqglWxdwsbEdit",
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化,根据需求*/
systemType: [],
bmList: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: {
//ID
id:'',
//编号
code:'',
//名称
name:'',
//申报日期
sbrq:new Date().getTime(),
//单位类型
dwlx:'',
//责任单位
zrdwid:'',
//负责人
fzrid:'',
//评估单位
pgdwid:'',
//单位地址
address:'',
//电子邮箱
email:'',
//联系电话
phone:'',
//联系人
lxr:'',
//备注
bz:'',
//附件数
attachcount:'',
//状态
zt:'',
//工作流ID
wfid:'',
//工作流实例号
wfinstid:'',
//工作流状态ID
wfpid:'',
//工作流状态
wfpname:'',
//待处理人id
wfwuserid:'',
//待处理人
wfwusername:'',
//已处理人id
wfhuserid:'',
//已处理人
wfhusername:'',
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
</style>
<template>
<div class="min_full">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app='app'></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="12" class="search-col">
<div class="search-item">
<span class="search-span">名称:</span>
<el-input v-model="queryParams.info"></el-input>
</div>
</el-col>
</el-row>
</div>
<!-- 按钮操作-->
<el-row class="tool-bar">
<PrintButton :app='app'></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton>
<AddButton ref="add" :app='app'></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton>
<EditButton ref="edit" :app='app'></EditButton>
<AttachFileButton :app='app' ></AttachFileButton>
<FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton>
<!-- 额外按钮-->
<!-- 表头设置 -->
<!-- 权限-->
</el-row>
<!-- 表格-->
<div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
@getRow='getRow'>
</TablePager>
</div>
</div>
</template>
<script>
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete
} from '@/api/outsourcingDirector/wxdwsb.js';
/* edit页面*/
import Edit from './edit'
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'aqglWxdwsb',
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
/* 基础url*/
baseUrl: '/aqgl/wxgl/wxdwsb',
/* 查询参数*/
queryParams: {
info: ''
},
/* 表格标题对应参数*/
tableTitle: [
{label: "编号", prop: "code", fieldType: "ftString",width:120},
{label: "名称", prop: "name", fieldType: "ftString",width:300},
{label: "申报日期", prop: "sbrq", fieldType: "ftDateTime"},
{label: "单位类型", prop: "dwlxName", fieldType: "ftString",width:60},
{label: "责任单位", prop: "zrbmName", fieldType: "ftString",width:192},
{label: "负责人", prop: "fzrid", fieldType: "ftString",width:192},
{label: "评估单位", prop: "pgbmName", fieldType: "ftString",width:192},
{label: "单位地址", prop: "address", fieldType: "ftString",width:300},
{label: "电子邮箱", prop: "email", fieldType: "ftString",width:240},
{label: "联系电话", prop: "phone", fieldType: "ftString",width:66},
{label: "联系人", prop: "lxr", fieldType: "ftString",width:120},
{label: "备注", prop: "bz", fieldType: "ftString",width:300},
{label: "附件数", prop: "attachcount", fieldType: "int"},
{label: "状态", prop: "ztName", fieldType: "ftString",width:6},
{label: "工作流状态", prop: "wfpname", fieldType: "ftString",width:300},
]
}
},
methods: {
/* 基础查询*/
query: doQuery,
/* 基础增*/
apiAdd: doAdd,
/* 基础更新*/
apiUpdate: doUpdate,
/* 删除操作*/
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {
}
},
components: {
Edit,
}
}
</script>
<style scoped>
</style>
<template> <template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'> <RelDialog
:type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容,slot=form必写--> <!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules"> <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="标题" ref="roleid" prop="roleid"> <el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-model="form.roleid"></el-input> <el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="12">
<el-form-item label="内容" ref="roleid" prop="roleid"> <el-form-item label="名称" prop="name">
<el-input :readonly="readonly" type="textarea" v-model="form.roleid"></el-input> <el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型" prop="type">
<RelSelect
src="/aqgl/wxgl/wxdwsb/init/dwlx"
:match="{value:'id',label:'bmmc'}"
v-model="form.dwlx"
></RelSelect>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw">
<RelSelect
style="width: 100%;"
src="kzzx/bm/query"
:readonly="readonly"
:match="{value:'id',label:'bmmc'}"
v-model="form.zrdwid"
></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="fzr">
<personSelector :label="form.userName||form.userid||'暂无'" @selected="userSelected"></personSelector>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="address">
<el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="有效期至"> <el-form-item label="联系电话" prop="phone">
<el-date-picker style="width: 100%;" <el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人" prop="lxr">
<el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right">
<el-form-item label="申报日期" ref="sbrq" prop="sbrq">
<el-date-picker
v-model="form.sbrq"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> </el-row>
<el-form-item label="编制单位"> <el-row :gutter="20">
<el-select placeholder="请选择" style="width: 100%;" > <el-col :span="24">
</el-select> <el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- 按钮重写, --> <!-- 按钮重写, -->
<!-- <div slot="reFooter"> <!-- <div slot="reFooter">
<span slot="footer"> <span slot="footer">
重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义 重写按钮写在这里,根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span> </span>
</div> --> </div>-->
</RelDialog> </RelDialog>
</template> </template>
<script> <script>
import {editMixin} from 'common' import { editMixin } from "common";
export default { import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin], mixins: [editMixin],
/* 存放index页面传递的额外参数*/ /* 存放index页面传递的额外参数*/
mounted() { mounted() {},
},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化,根据需求*/ /* 额外初始化,根据需求*/
systemType: [], systemType: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/ /* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: { form: {
roleid: '', code: "",
rolename: '', name: "",
bz: "", sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
}, },
/* form提交时的规则,具体规则参考官网*/ /* form提交时的规则,具体规则参考官网*/
rules: { rules: {
roleid: [{ email:[
required: true, { required: true, message: '请输入邮箱地址', trigger: 'blur' },
trigger: 'blur' { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
}, ], ]
rolename: [{ },
required: true, dwlxArray: []
trigger: 'blur' };
}, ]
}
}
}, },
methods: { methods: {
userSelected(row) {
} this.form.fzrid = row.id;
},
init() {}
},
mounted() {
this.init();
} }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
$color-border-grey: #c0c4cc;
.table-form-border {
::v-deep .el-form-item__error{
z-index: 99;
right: 10px!important;
top: 25%;
left: auto;
}
.el-form {
border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey;
}
.el-row .el-form-item {
border-bottom: 1px solid $color-border-grey;
margin-bottom: 0;
::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey;
padding: 0;
text-align: center;
background: #eee;
}
::v-deep .el-input__inner {
border: none;
}
}
.el-row .el-col:nth-child(2n + 1) {
padding-right: 0 !important;
}
.el-row .el-col:nth-child(2n) {
padding-left: 0 !important;
}
.el-row .el-col.padding-right {
padding-right: 10px!important;
}
.el-row:last-child .el-col,
.el-row:first-child .el-col {
padding-right: 10px !important;
padding-left: 10px !important;
}
}
</style> </style>
<template> <template>
<div class="min_full" style="height: 140vh;"> <div class="min_full" style="height: 100vh;">
<div class="min_full" style="height: 50%;">
<div class="min_full" style="height: 40%;">
<!-- 查询条件--> <!-- 查询条件-->
<div class="search" v-condition> <div class="search" v-condition>
<SearchButton :app='app'></SearchButton> <SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1"> <el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">计划年份:</span> <span class="search-span">档案编号:</span>
<el-input style="width:60% ;"></el-input> <el-input v-model="queryParams.xh"></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">计划月份:</span> <span class="search-span">单位名称:</span>
<el-input></el-input> <el-input v-model="queryParams.dwmc"></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">授课人:</span> <span class="search-span">单位类型:</span>
<el-input></el-input> <el-select v-model="queryParams.type" placeholder="请选择">
<el-option
v-for="(item,index) in options"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div> </div>
</el-col> </el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">培训方式:</span>
<el-select></el-select>
</div>
</el-col>
</el-row> </el-row>
</div> </div>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app="app"></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <ViewButton ref="view" :app="app"></ViewButton>
<AddButton ref="add" :app='app'></AddButton> <AddButton ref="add" :app="app"></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton> <CopyButton ref="copy" :app="app"></CopyButton>
<EditButton ref="edit" :app='app'></EditButton> <EditButton ref="edit" :app="app"></EditButton>
<AttachFileButton :app='app'></AttachFileButton> <AttachFileButton :app="app"></AttachFileButton>
<FieldButton :app='app'></FieldButton> <FieldButton :app="app"></FieldButton>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app="app"></ExcelButton>
<!-- 额外按钮--> <!-- 额外按钮-->
<!-- 表头设置 --> <!-- 表头设置 -->
...@@ -51,151 +49,186 @@ ...@@ -51,151 +49,186 @@
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' <TablePager
@getRow='getRow'> @getData="getData"
:ref="'TablePager'"
</TablePager> :app="app"
:query="query"
@selectItem="selectItem"
@getRow="getRow"
></TablePager>
</div> </div>
</div> </div>
<div class="min_full" style="height: 60%;padding: 10px;"> <div class="min_full" style="height: 50%;padding: 10px;">
<el-tabs v-model="activeName" > <el-tabs v-model="activeName">
<el-tab-pane label="隐患记录" name="first" > <el-tab-pane label="隐患记录" name="first">
<Participants /> <Participants ref="prar" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="教育培训记录" name="second"> <el-tab-pane label="教育培训记录" name="second">
<Content /> <Content ref="content" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="三违记录" name="third"> <el-tab-pane label="三违记录" name="third">
<PersonLiable /> <PersonLiable ref="preson"/>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ /* 引入需要的接口*/
import { import {
QueryKzzxRole, doQuery,
QueryApptype, doAdd,
AddKzzxRole, doUpdate,
DeleteKzzxRole, doDelete,
UpdateKzzxRole, initDwlx
QtKzzxRole } from "@/api/outsourcingDirector/wxdwsb";
} from "common/src/api/system/dmgSystem.js"; /* edit页面*/
/* edit页面*/ import Edit from "./edit";
import Edit from './edit' import Participants from "./participants.vue";
import Participants from './participants.vue' import Content from "./content.vue";
import Content from './content.vue' import PersonLiable from "./personLiable.vue";
import PersonLiable from './personLiable.vue' import { tableMixin } from "common";
import { export default {
tableMixin
} from 'common'
export default {
mixins: [tableMixin], mixins: [tableMixin],
name: 'appVersion', name: "process",
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
this.$refs['TablePager'].pageQuery() await this.$asRun([
initDwlx(),
res => {
var data = res["data"]["records"];
let typeMap = [];
for (var i in data) {
typeMap[data[i].id] = data[i].name;
}
this.systemType = data;
this.typeMap = typeMap;
}
]);
this.$refs["TablePager"].pageQuery();
}, },
data() { data() {
return { return {
activeName: 'first', activeName: "first",
/*需要的额外参数 */ /*需要的额外参数 */
showDialog: false, showDialog: false,
DialogName: '', DialogName: "",
type: '', type: "",
DialogTitle: '', DialogTitle: "",
/* 基础url*/ /* 基础url*/
baseUrl: 'kzzx/role', baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
ksrq: '', code: "",
jsrq: '' name: "",
dwlx: ""
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{ {
prop: 'whsj', prop: "ztName",
label: '计划年份', label: "状态",
show:false, width: "120"
fieldType:'ftDateTime',
width: '100',
align:'left'
}, },
{ {
prop: 'whsj', prop: "code",
label: '计划月份', label: "档案编号",
...this.$common('ftDateTime') width: "120"
}, },
{ {
prop: 'whr', prop: "name",
label: '培训项目', label: "名称",
width: '100' width: "160"
}, },
{ {
prop: 'whr', prop: "sbrq",
label: '培训人数', label: "申报日期",
width: '100' width: "160",
fieldType: "ftDate"
}, },
{ {
prop: 'whr', prop: "dwlx",
label: '培训目标', label: "单位类型",
width: '100' width: "160",
show: false
}, },
{ {
prop: 'whr', prop: "dwlxName",
label: '培训方式', label: "单位类型",
width: '100' width: "160"
}, },
{ {
prop: 'whr', prop: "zrdwid",
label: '培训时间', label: "责任单位ID",
width: '100' width: "160",
show: false
}, },
{ {
prop: 'whr', prop: "zrbmName",
label: '培训课时', label: "责任单位",
width: '100' width: "160"
}, },
{ {
prop: 'whr', prop: "pgdwid",
label: '授课人', label: "评估单位ID",
width: '100' width: "160",
show: false
}, },
{ {
prop: 'whr', prop: "pgbmName",
label: '培训单位', label: "评估单位",
width: '100' width: "160"
}, },
{ {
prop: 'whr', prop: "fzrid",
label: '备注', label: "负责人",
width: '100' width: "160",
show: false
}, },
] {
prop: "fzrName",
label: "负责人",
width: "160"
},
{
prop: "address",
label: "单位地址",
width: "160"
},
{
prop: "email",
label: "电子邮箱",
width: "160"
},
{
prop: "lxr",
label: "联系人",
width: "120"
},
{
prop: "phone",
label: "联系电话",
width: "120"
},
{
prop: "bz",
label: "备注"
} }
]
};
}, },
methods: { methods: {
handleClick(val){ query: doQuery,
}, apiAdd: doAdd,
/* 基础查询*/ apiUpdate: doUpdate,
query: QueryKzzxRole, apiDelete: doDelete,
/* 基础增*/
apiAdd: AddKzzxRole,
/* 基础更新*/
apiUpdate: UpdateKzzxRole,
/* 删除操作*/
apiDelete: DeleteKzzxRole,
/* 初始化赋值操作*/ /* 初始化赋值操作*/
init() { init() {},
getRow(val) {
},
}
}, },
components: { components: {
...@@ -204,14 +237,12 @@ ...@@ -204,14 +237,12 @@
PersonLiable, PersonLiable,
Content Content
} }
};
}
</script> </script>
<style scoped> <style scoped>
/deep/.el-tabs__item { /deep/.el-tabs__item {
font-size: 13px; font-size: 13px;
color: #666; color: #666;
} }
</style> </style>
...@@ -4,9 +4,6 @@ ...@@ -4,9 +4,6 @@
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app='app'></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <ViewButton ref="view" :app='app'></ViewButton>
<AddButton ref="add" :app='app'></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton>
<EditButton ref="edit" :app='app'></EditButton>
<FieldButton :app='app'></FieldButton> <FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app='app'></ExcelButton>
</el-row> </el-row>
...@@ -87,7 +84,7 @@ ...@@ -87,7 +84,7 @@
}, },
/* 注册组件*/ /* 注册组件*/
components: { components: {
Edit Edit
} }
} }
</script> </script>
......
...@@ -110,8 +110,6 @@ ...@@ -110,8 +110,6 @@
} }
}, },
methods: { methods: {
query: doQuery, query: doQuery,
/* 基础增*/ /* 基础增*/
apiAdd: doAdd, apiAdd: doAdd,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment