Skip to content

S
sgaqgl-vue
Commit 922632ac authored by 王向前's avatar 王向前
Browse files
Options

外协管理

parent 559bc83c
Hide whitespace changes
Inline Side-by-side
Showing with 1904 additions and 1997 deletions
src/views/daily/nros/index.vue
View file @ 922632ac
<template>
<div class="min_full">
<!-- 查询条件-->
<!-- <div class="search" v-condition>
<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">
......@@ -11,106 +11,102 @@
</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>
<!-- 额外按钮-->
<!-- 表头设置 -->
</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>
<!-- 权限-->
</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/daily/nros.js';
/* edit页面*/
import Edit from './edit'
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'nros',
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
/* 基础url*/
baseUrl: '/aqgl/rcgl/fcgzybz',
/* 查询参数*/
queryParams: {
info: ''
},
/* 表格标题对应参数*/
tableTitle: [
{label: "作业活动", prop: "zyhd", fieldType: "ftString",width:300},
{label: "事故后果", prop: "sghg", fieldType: "ftString",width:300},
{label: "风险登记", prop: "fxdj", fieldType: "ftString",width:100},
{label: "作业地点", prop: "zydd", fieldType: "ftString",width:300},
// {label: "排查岗位ID", prop: "pcgwid", fieldType: "ftString",width:192},
{label: "排查岗位", prop: "pcgwName", fieldType: "ftString",width:192},
{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: {
/* 基础查询*/
query: doQuery,
/* 基础增*/
apiAdd: doAdd,
/* 基础更新*/
apiUpdate: doUpdate,
/* 删除操作*/
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {
/* 引入需要的接口*/
import { doQuery, doAdd, doUpdate, doDelete } from "@/api/daily/nros.js";
/* edit页面*/
import Edit from "./edit";
import { tableMixin } from "common";
export default {
mixins: [tableMixin],
name: "nros",
}
},
components: {
Edit,
}
}
/* 初始额外赋值*/
async mounted() {
this.$refs["TablePager"].pageQuery();
},
data() {
return {
/*需要的额外参数 */
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
/* 基础url*/
baseUrl: "/aqgl/rcgl/fcgzybz",
/* 查询参数*/
queryParams: {
info: ""
},
/* 表格标题对应参数*/
tableTitle: [
{ label: "作业活动", prop: "zyhd", fieldType: "ftString", width: 300 },
{ label: "事故后果", prop: "sghg", fieldType: "ftString", width: 300 },
{ label: "风险登记", prop: "fxdj", fieldType: "ftString", width: 100 },
{ label: "作业地点", prop: "zydd", fieldType: "ftString", width: 300 },
// {label: "排查岗位ID", prop: "pcgwid", fieldType: "ftString",width:192},
{
label: "排查岗位",
prop: "pcgwName",
fieldType: "ftString",
width: 192
},
{ 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: {
/* 基础查询*/
query: doQuery,
/* 基础增*/
apiAdd: doAdd,
/* 基础更新*/
apiUpdate: doUpdate,
/* 删除操作*/
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {}
},
components: {
Edit
}
};
</script>
<style scoped>
</style>
src/views/login.vue
View file @ 922632ac
......@@ -73,8 +73,8 @@ export default {
return {
codeUrl: "",
loginForm: {
username: "visitor",
password: "visitor",
username: "superuser",
password: "123456",
rememberMe: false,
code: "",
uuid: ""
......@@ -142,7 +142,6 @@ export default {
Cookies.remove('rememberMe');
}
this.$store.dispatch("Login", this.loginForm).then(() => {
debugger
this.$router.push({path:'index'})
// this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
}).catch(() => {
......
src/views/outsourcingDirector/approve/edit.vue
View file @ 922632ac
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border">
<RelDialog
:type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input>
<el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
<el-form-item label="名称" prop="name">
<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">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input>
<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-row :gutter="20">
<el-col :span="12">
<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-col>
<el-col :span="12">
<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-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="dwdz">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input>
<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="mail">
<el-input :readonly="readonly" v-model="form.mail"></el-input>
<el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
......@@ -57,6 +72,18 @@
<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"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
......@@ -65,89 +92,112 @@
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 按钮重写， -->
<!-- <div slot="reFooter">
<span slot="footer">
重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span>
</div> -->
</div>-->
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: 'roleManagementEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
import { editMixin } from "common";
import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {},
/* 组件名称*/
name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
roleid: '',
rolename: '',
bz: "",
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
code: "",
name: "",
sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
},
/* form提交时的规则,具体规则参考官网*/
rules: {
email:[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
dwlxArray: []
};
},
methods: {
userSelected(row) {
this.form.fzrid = row.id;
},
methods: {
}
init() {}
},
mounted() {
this.init();
}
};
</script>
<style scoped lang="scss">
$color-border-grey:#c0c4cc;
.table-form-border {
.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:last-child .el-col,.el-row:first-child .el-col{
padding-right: 10px!important;
padding-left: 10px!important
}
}
$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>
src/views/outsourcingDirector/approve/index.vue
View file @ 922632ac
<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="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.dwmc"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<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>
</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>
<workFlowButton :app='app'></workFlowButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<el-row class="full">
<el-col :span="12" class="full-h">
<div class="tablePagers full" style="border-right:1px solid #eee">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData"
@getRow='getRow'>
<template slot="tabCustom">
</template>
</TablePager>
</div>
</el-col>
<el-col :span="12" class="full-h">
<div class="tablePagers full table-form-border">
<h5 style="text-align:center">外协单位准入申报</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px">
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="档案编号" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型" prop="type">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw">
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="fzr">
<el-input :readonly="readonly" v-model="form.fzr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="dwdz">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" prop="mail">
<el-input :readonly="readonly" v-model="form.mail"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<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-sm padding-left-sm">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="评价单位" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报日期" prop="sbrq">
<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-sm padding-left-sm">
<div class="" style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col>
</el-row>
</el-form>
<el-form slot="form" ref="form" :model="form" label-width="120px" class="declare-table-right">
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</el-col>
</el-row>
</div>
<div class="min_full">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.code"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.name"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<el-select v-model="queryParams.dwlx" clearable placeholder="请选择">
<el-option
v-for="item in systemType"
:key="item.id"
:label="item.bmmc"
:value="item.id">
</el-option>
</el-select>
</div>
</el-col>
</el-row>
</div>
<!-- 按钮操作-->
<el-row class="tool-bar">
<PrintButton :app="app"></PrintButton>
<ViewButton ref="view" :app="app"></ViewButton>
<AttachFileButton :app="app"></AttachFileButton>
<FieldButton :app="app"></FieldButton>
<ExcelButton :app="app"></ExcelButton>
<workFlowButton :app="app"></workFlowButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<div class="tablePagers">
<el-row :gutter="20" style="height:100%">
<el-col :span="16" class="full-h">
<div class="grid-content bg-purple full-h">
<TablePager
@getData="getData"
:ref="'TablePager'"
:app="app"
:query="query"
@selectItem="selectItem"
:delButton="false"
@getRow="getRow"
>
<template slot="tabCustom"></template>
</TablePager>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="table-form-border">
<h5 style="text-align:center">外协单位准入审批</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px">
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="档案编号" >
<el-input :readonly="readonly" v-model="form.code"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" >
<el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型">
<el-input :readonly="readonly" v-model="form.dwlx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="责任单位">
<el-input :readonly="readonly" v-model="form.zrbmName"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.fzr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址">
<el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人">
<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-sm padding-left-sm">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="评价单位" >
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报日期">
<el-input :readonly="readonly" v-model="form.sbrq"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<div class style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col>
</el-row>
</el-form>
<el-form
slot="form"
ref="form"
:model="form"
label-width="120px"
class="declare-table-right"
>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item :label="form.zrbmName">
<el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
/* 引入需要的接口*/
import {
QueryKzzxRole,
QueryApptype,
AddKzzxRole,
DeleteKzzxRole,
UpdateKzzxRole,
QtKzzxRole
} from "common/src/api/system/dmgSystem.js";
/* edit页面*/
import Edit from './edit'
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete,initDwlx
} from "@/api/outsourcingDirector/wxdwsb";
/* edit页面*/
import Edit from "./edit";
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'appVersion',
import { tableMixin } from "common";
export default {
mixins: [tableMixin],
name: "appVersion",
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
allData:[{xh:"1"}],
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
readonly:true,
powerList: [{
name: '分配'
}, {
name: '复制'
}, {
name: '查看'
}],
/* 基础url*/
baseUrl: 'kzzx/role',
/* 查询参数*/
queryParams: {
xh: '',
dwmc:'',
type:''
},
options: [{
value: 'all',
label: '（空）'
}, {
value: 'A',
label: 'A类'
}, {
value: 'B',
label: 'B类'
}, {
value: 'C',
label: 'C类'
}, {
value: 'D',
label: 'D类'
}],
/* 表格标题对应参数*/
tableTitle: [{
prop: 'xh',
label: '档案编号',
width: '120'
},
{
prop: 'mc',
label: '名称',
width: '160'
},
{
prop: 'dwlx',
label: '单位类型',
width: '160'
},
{
prop: 'rolename',
label: '管理责任单位',
width: '160'
},
{
prop: 'rolename',
label: '负责人',
width: '160'
},
{
prop: 'rolename',
label: '单位地址',
width: '160'
},
{
prop: 'rolename',
label: '电子邮箱',
width: '160'
},
{
prop: 'telephone',
label: '联系电话',
width: '120',
},
{
prop: 'bz',
label: '备注',
}
],
form:{
}
}
},
methods: {
/* 基础查询*/
query: QueryKzzxRole,
/* 基础增*/
/* 初始化赋值操作*/
init() {
},
},
components: {
Edit,
}
}
/* 初始额外赋值*/
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()
},
data() {
return {
/*需要的额外参数 */
systemType:[],
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
readonly: true,
powerList: [
{
name: "分配"
},
{
name: "复制"
},
{
name: "查看"
}
],
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsp",
/* 查询参数*/
queryParams: {
code: "",
name: "",
dwlx: ""
},
/* 表格标题对应参数*/
tableTitle: [
{
prop: "ztName",
label: "状态",
width: "120"
},
{
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: "dwlxName",
label: "单位类型",
width: "160"
},
{
prop: "zrdwid",
label: "责任单位ID",
width: "160",
show: false
},
{
prop: "zrbmName",
label: "责任单位",
width: "160"
},
{
prop: "pgdwid",
label: "评估单位ID",
width: "160",
show: false
},
{
prop: "pgbmName",
label: "评估单位",
width: "160"
},
{
prop: "fzrid",
label: "负责人",
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: "备注"
}
],
form: {}
};
},
methods: {
/* 基础查询*/
query: doQuery,
apiAdd: doAdd,
apiUpdate: doUpdate,
apiDelete: doDelete,
init() {},
getRow(currentRow, oldCurrentRow){
this.form=currentRow;
}
},
components: {
Edit
}
};
</script>
<style scoped lang="scss">
.full{
width: 100%;
height: 100%;
.full {
width: 100%;
height: 100%;
}
.full-h{
height: 100%;
.full-h {
height: 100%;
}
.marin-top-10{
margin-top: 10px
.marin-top-10 {
margin-top: 10px;
}
.padding-left-sm{
padding-left: 10px!important
.padding-left-sm {
padding-left: 10px !important;
}
.padding-right-sm{
padding-right: 10px!important;
.padding-right-sm {
padding-right: 10px !important;
}
.declare-table-right{
height: calc(100% - 420px);
overflow-y: auto;
overflow-x: hidden
.declare-table-right {
height: calc(100% - 420px);
overflow-y: auto;
overflow-x: hidden;
}
$color-border-grey: #c0c4cc;
.table-form-border {
.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 + 1).padding-right-sm {
padding-right: 10px !important;
}
.el-row .el-col:nth-child(2n) {
padding-left: 0 !important;
}
}
$color-border-grey:#c0c4cc;
.table-form-border {
.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+1).padding-right-sm{
padding-right: 10px!important
}
.el-row .el-col:nth-child(2n){
padding-left: 0!important
}
}
</style>
src/views/outsourcingDirector/archives/edit.vue
View file @ 922632ac
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border">
<RelDialog
:type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input>
<el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
<el-form-item label="名称" prop="name">
<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">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input>
<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-row :gutter="20">
<el-col :span="12">
<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-col>
<el-col :span="12">
<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-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="dwdz">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input>
<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="mail">
<el-input :readonly="readonly" v-model="form.mail"></el-input>
<el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
......@@ -57,6 +72,18 @@
<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"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
......@@ -65,89 +92,112 @@
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 按钮重写， -->
<!-- <div slot="reFooter">
<span slot="footer">
重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span>
</div> -->
</div>-->
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: 'roleManagementEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
import { editMixin } from "common";
import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {},
/* 组件名称*/
name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
roleid: '',
rolename: '',
bz: "",
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
code: "",
name: "",
sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
},
/* form提交时的规则,具体规则参考官网*/
rules: {
email:[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
dwlxArray: []
};
},
methods: {
userSelected(row) {
this.form.fzrid = row.id;
},
methods: {
}
init() {}
},
mounted() {
this.init();
}
};
</script>
<style scoped lang="scss">
$color-border-grey:#c0c4cc;
.table-form-border {
.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:last-child .el-col,.el-row:first-child .el-col{
padding-right: 10px!important;
padding-left: 10px!important
}
}
$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>
src/views/outsourcingDirector/archives/index.vue
View file @ 922632ac
<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="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.dwmc"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<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>
</el-col>
</el-row>
</div>
<!-- 按钮操作-->
<el-row class="tool-bar">
<PrintButton :app='app'></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton>
<FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData"
@getRow='getRow'>
<template slot="tabCustom">
</template>
</TablePager>
</div>
</div>
<div class="min_full">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.dwmc"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<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>
</el-col>
</el-row>
</div>
<!-- 按钮操作-->
<el-row class="tool-bar">
<PrintButton :app="app"></PrintButton>
<ViewButton ref="view" :app="app"></ViewButton>
<FieldButton :app="app"></FieldButton>
<ExcelButton :app="app"></ExcelButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<div class="tablePagers">
<TablePager
@getData="getData"
:ref="'TablePager'"
:app="app"
:query="query"
@selectItem="selectItem"
:delButton="false"
@getRow="getRow"
>
<template slot="tabCustom"></template>
</TablePager>
</div>
</div>
</template>
<script>
/* 引入需要的接口*/
import {
QueryKzzxRole,
QueryApptype,
AddKzzxRole,
DeleteKzzxRole,
UpdateKzzxRole,
QtKzzxRole
} from "common/src/api/system/dmgSystem.js";
/* edit页面*/
import Edit from './edit'
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete,initDwlx
} from "@/api/outsourcingDirector/wxdwsb";
/* edit页面*/
import Edit from "./edit";
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'appVersion',
import { tableMixin } from "common";
export default {
mixins: [tableMixin],
name: "appVersion",
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
allData:[{xh:"1"}],
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
powerList: [{
name: '分配'
}, {
name: '复制'
}, {
name: '查看'
}],
/* 基础url*/
baseUrl: 'kzzx/role',
/* 查询参数*/
queryParams: {
xh: '',
dwmc:'',
type:''
},
options: [{
value: 'all',
label: '（空）'
}, {
value: 'A',
label: 'A类'
}, {
value: 'B',
label: 'B类'
}, {
value: 'C',
label: 'C类'
}, {
value: 'D',
label: 'D类'
}],
/* 表格标题对应参数*/
tableTitle: [{
prop: 'xh',
label: '档案编号',
width: '120'
},
{
prop: 'mc',
label: '名称',
width: '160'
},
{
prop: 'dwlx',
label: '单位类型',
width: '160'
},
{
prop: 'rolename',
label: '管理责任单位',
width: '160'
},
{
prop: 'rolename',
label: '负责人',
width: '160'
},
{
prop: 'rolename',
label: '单位地址',
width: '160'
},
{
prop: 'rolename',
label: '电子邮箱',
width: '160'
},
{
prop: 'telephone',
label: '联系电话',
width: '120',
},
{
prop: 'bz',
label: '备注',
}
],
}
},
methods: {
/* 基础查询*/
query: QueryKzzxRole,
/* 基础增*/
/* 初始化赋值操作*/
init() {
},
},
components: {
Edit,
}
}
/* 初始额外赋值*/
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()
},
data() {
return {
/*需要的额外参数 */
systemType:[],
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
readonly: true,
powerList: [
{
name: "分配"
},
{
name: "复制"
},
{
name: "查看"
}
],
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/
queryParams: {
code: "",
name: "",
dwlx: ""
},
/* 表格标题对应参数*/
tableTitle: [
{
prop: "ztName",
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: "dwlxName",
label: "单位类型",
width: "160"
},
{
prop: "zrdwid",
label: "责任单位ID",
width: "160",
show: false
},
{
prop: "zrbmName",
label: "责任单位",
width: "160"
},
{
prop: "pgdwid",
label: "评估单位ID",
width: "160",
show: false
},
{
prop: "pgbmName",
label: "评估单位",
width: "160"
},
{
prop: "fzrid",
label: "负责人",
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: "备注"
}
],
form: {}
};
},
methods: {
/* 基础查询*/
query: doQuery,
apiAdd: doAdd,
apiUpdate: doUpdate,
apiDelete: doDelete,
init() {},
getRow(currentRow, oldCurrentRow){
this.form=currentRow;
}
},
components: {
Edit
}
};
</script>
<style scoped>
</style>
src/views/outsourcingDirector/declare/edit.vue
View file @ 922632ac
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp' class="table-form-border">
<RelDialog
:type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="档案编号" ref="xh" prop="xh">
<el-input :readonly="readonly" v-toUpperCase v-model="form.xh" ></el-input>
<el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
<el-form-item label="名称" prop="name">
<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">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input>
<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-row :gutter="20">
<el-col :span="12">
<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-col>
<el-col :span="12">
<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-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="dwdz">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input>
<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="mail">
<el-input :readonly="readonly" v-model="form.mail"></el-input>
<el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
......@@ -57,6 +72,18 @@
<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"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
......@@ -65,89 +92,112 @@
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 按钮重写， -->
<!-- <div slot="reFooter">
<span slot="footer">
重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span>
</div> -->
</div>-->
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: 'roleManagementEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
import { editMixin } from "common";
import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {},
/* 组件名称*/
name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
roleid: '',
rolename: '',
bz: "",
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
code: "",
name: "",
sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
},
/* form提交时的规则,具体规则参考官网*/
rules: {
email:[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
dwlxArray: []
};
},
methods: {
userSelected(row) {
this.form.fzrid = row.id;
},
methods: {
}
init() {}
},
mounted() {
this.init();
}
};
</script>
<style scoped lang="scss">
$color-border-grey:#c0c4cc;
.table-form-border {
.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:last-child .el-col,.el-row:first-child .el-col{
padding-right: 10px!important;
padding-left: 10px!important
}
}
$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>
src/views/outsourcingDirector/declare/index.vue
View file @ 922632ac
<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="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.dwmc"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<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>
</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>
<workFlowButton :app='app'></workFlowButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<el-row class="full">
<el-col :span="12" class="full-h">
<div class="tablePagers full" style="border-right:1px solid #eee">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData"
@getRow='getRow'>
<template slot="tabCustom">
</template>
</TablePager>
</div>
</el-col>
<el-col :span="12" class="full-h">
<div class="tablePagers full table-form-border">
<h5 style="text-align:center">外协单位准入申报</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px">
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="档案编号" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型" prop="type">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw">
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="fzr">
<el-input :readonly="readonly" v-model="form.fzr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="dwdz">
<el-input :readonly="readonly" v-model="form.dwdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" prop="mail">
<el-input :readonly="readonly" v-model="form.mail"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<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-sm padding-left-sm">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="评价单位" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报日期" prop="sbrq">
<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-sm padding-left-sm">
<div class="" style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col>
</el-row>
</el-form>
<el-form slot="form" ref="form" :model="form" label-width="120px" class="declare-table-right">
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</el-col>
</el-row>
</div>
<div class="min_full">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.code"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.name"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">单位类型:</span>
<el-select v-model="queryParams.dwlx" clearable placeholder="请选择">
<el-option
v-for="item in systemType"
:key="item.id"
:label="item.bmmc"
:value="item.id">
</el-option>
</el-select>
</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>
<workFlowButton :app="app"></workFlowButton>
<!-- 额外按钮-->
</el-row>
<!-- 表格-->
<div class="tablePagers">
<el-row :gutter="20" style="height:100%">
<el-col :span="16" class="full-h">
<div class="grid-content bg-purple full-h">
<TablePager
@getData="getData"
:ref="'TablePager'"
:app="app"
:query="query"
@selectItem="selectItem"
:delButton="false"
@getRow="getRow"
>
<template slot="tabCustom"></template>
</TablePager>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="table-form-border">
<h5 style="text-align:center">外协单位准入申报</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px">
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="档案编号" >
<el-input :readonly="readonly" v-model="form.code"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" >
<el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型">
<el-input :readonly="readonly" v-model="form.dwlx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="责任单位">
<el-input :readonly="readonly" v-model="form.zrbmName"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.fzr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址">
<el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人">
<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-sm padding-left-sm">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="评价单位" >
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报日期">
<el-input :readonly="readonly" v-model="form.sbrq"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<div class style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col>
</el-row>
</el-form>
<el-form
slot="form"
ref="form"
:model="form"
label-width="120px"
class="declare-table-right"
>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人" prop="mc">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item :label="form.zrbmName">
<el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
/* 引入需要的接口*/
import {
QueryKzzxRole,
QueryApptype,
AddKzzxRole,
DeleteKzzxRole,
UpdateKzzxRole,
QtKzzxRole
} from "common/src/api/system/dmgSystem.js";
/* edit页面*/
import Edit from './edit'
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete,initDwlx
} from "@/api/outsourcingDirector/wxdwsb";
/* edit页面*/
import Edit from "./edit";
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'appVersion',
import { tableMixin } from "common";
export default {
mixins: [tableMixin],
name: "appVersion",
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
allData:[{xh:"1"}],
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
readonly:true,
powerList: [{
name: '分配'
}, {
name: '复制'
}, {
name: '查看'
}],
/* 基础url*/
baseUrl: 'kzzx/role',
/* 查询参数*/
queryParams: {
xh: '',
dwmc:'',
type:''
},
options: [{
value: 'all',
label: '（空）'
}, {
value: 'A',
label: 'A类'
}, {
value: 'B',
label: 'B类'
}, {
value: 'C',
label: 'C类'
}, {
value: 'D',
label: 'D类'
}],
/* 表格标题对应参数*/
tableTitle: [{
prop: 'xh',
label: '档案编号',
width: '120'
},
{
prop: 'mc',
label: '名称',
width: '160'
},
{
prop: 'dwlx',
label: '单位类型',
width: '160'
},
{
prop: 'rolename',
label: '管理责任单位',
width: '160'
},
{
prop: 'rolename',
label: '负责人',
width: '160'
},
{
prop: 'rolename',
label: '单位地址',
width: '160'
},
{
prop: 'rolename',
label: '电子邮箱',
width: '160'
},
{
prop: 'telephone',
label: '联系电话',
width: '120',
},
{
prop: 'bz',
label: '备注',
}
],
form:{
}
}
},
methods: {
/* 基础查询*/
query: QueryKzzxRole,
/* 基础增*/
/* 初始化赋值操作*/
init() {
},
},
components: {
Edit,
}
}
/* 初始额外赋值*/
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()
},
data() {
return {
/*需要的额外参数 */
systemType:[],
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
readonly: true,
powerList: [
{
name: "分配"
},
{
name: "复制"
},
{
name: "查看"
}
],
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/
queryParams: {
code: "",
name: "",
dwlx: ""
},
/* 表格标题对应参数*/
tableTitle: [
{
prop: "ztName",
label: "状态",
width: "120"
},
{
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: "dwlxName",
label: "单位类型",
width: "160"
},
{
prop: "zrdwid",
label: "责任单位ID",
width: "160",
show: false
},
{
prop: "zrbmName",
label: "责任单位",
width: "160"
},
{
prop: "pgdwid",
label: "评估单位ID",
width: "160",
show: false
},
{
prop: "pgbmName",
label: "评估单位",
width: "160"
},
{
prop: "fzrid",
label: "负责人",
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: "备注"
}
],
form: {}
};
},
methods: {
/* 基础查询*/
query: doQuery,
apiAdd: doAdd,
apiUpdate: doUpdate,
apiDelete: doDelete,
init() {},
getRow(currentRow, oldCurrentRow){
this.form=currentRow;
}
},
components: {
Edit
}
};
</script>
<style scoped lang="scss">
.full{
width: 100%;
height: 100%;
.full {
width: 100%;
height: 100%;
}
.full-h{
height: 100%;
.full-h {
height: 100%;
}
.marin-top-10{
margin-top: 10px
.marin-top-10 {
margin-top: 10px;
}
.padding-left-sm{
padding-left: 10px!important
.padding-left-sm {
padding-left: 10px !important;
}
.padding-right-sm{
padding-right: 10px!important;
.padding-right-sm {
padding-right: 10px !important;
}
.declare-table-right{
height: calc(100% - 420px);
overflow-y: auto;
overflow-x: hidden
.declare-table-right {
height: calc(100% - 420px);
overflow-y: auto;
overflow-x: hidden;
}
$color-border-grey: #c0c4cc;
.table-form-border {
.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 + 1).padding-right-sm {
padding-right: 10px !important;
}
.el-row .el-col:nth-child(2n) {
padding-left: 0 !important;
}
}
$color-border-grey:#c0c4cc;
.table-form-border {
.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+1).padding-right-sm{
padding-right: 10px!important
}
.el-row .el-col:nth-child(2n){
padding-left: 0!important
}
}
</style>
src/views/outsourcingDirector/declare/new/edit.vue deleted 100644 → 0
View file @ 559bc83c
<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>
src/views/outsourcingDirector/declare/new/index.vue deleted 100644 → 0
View file @ 559bc83c
<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>
src/views/outsourcingDirector/process/edit.vue
View file @ 922632ac
<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必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="标题" ref="roleid" prop="roleid">
<el-input :readonly="readonly" v-model="form.roleid"></el-input>
<el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="内容" ref="roleid" prop="roleid">
<el-input :readonly="readonly" type="textarea" v-model="form.roleid"></el-input>
<el-col :span="12">
<el-form-item label="名称" prop="name">
<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="有效期至">
<el-date-picker style="width: 100%;"
type="date"
placeholder="选择日期">
</el-date-picker>
<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="编制单位">
<el-select placeholder="请选择" style="width: 100%;" >
</el-select>
<el-form-item label="电子信箱" 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="12">
<el-form-item label="联系电话" prop="phone">
<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"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 按钮重写， -->
<!-- <div slot="reFooter">
<span slot="footer">
重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span>
</div> -->
</div>-->
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: 'roleManagementEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
import { editMixin } from "common";
import { initDwlx } from "@/api/outsourcingDirector/wxdwsb";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {},
/* 组件名称*/
name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
/* 额外初始化，根据需求*/
systemType: [],
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
roleid: '',
rolename: '',
bz: "",
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
code: "",
name: "",
sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
},
/* form提交时的规则,具体规则参考官网*/
rules: {
email:[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
dwlxArray: []
};
},
methods: {
userSelected(row) {
this.form.fzrid = row.id;
},
methods: {
}
init() {}
},
mounted() {
this.init();
}
};
</script>
<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>
src/views/outsourcingDirector/process/index.vue
View file @ 922632ac
<template>
<div class="min_full" style="height: 140vh;">
<div class="min_full" style="height: 40%;">
<div class="min_full" style="height: 100vh;">
<div class="min_full" style="height: 50%;">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app='app'></SearchButton>
<SearchButton :app="app"></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">计划年份:</span>
<el-input style="width:60% ;"></el-input>
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">计划月份:</span>
<el-input></el-input>
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.dwmc"></el-input>
</div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">授课人:</span>
<el-input></el-input>
<span class="search-span">单位类型:</span>
<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>
</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>
</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>
<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>
<!-- 额外按钮-->
<!-- 表头设置 -->
......@@ -51,167 +49,200 @@
</el-row>
<!-- 表格-->
<div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
@getRow='getRow'>
</TablePager>
<TablePager
@getData="getData"
:ref="'TablePager'"
:app="app"
:query="query"
@selectItem="selectItem"
@getRow="getRow"
></TablePager>
</div>
</div>
<div class="min_full" style="height: 60%;padding: 10px;">
<el-tabs v-model="activeName" >
<el-tab-pane label="隐患记录" name="first" >
<Participants />
</el-tab-pane>
<div class="min_full" style="height: 50%;padding: 10px;">
<el-tabs v-model="activeName">
<el-tab-pane label="隐患记录" name="first">
<Participants ref="prar" />
</el-tab-pane>
<el-tab-pane label="教育培训记录" name="second">
<Content />
<Content ref="content" />
</el-tab-pane>
<el-tab-pane label="三违记录" name="third">
<PersonLiable />
<PersonLiable ref="preson"/>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
</template>
<script>
/* 引入需要的接口*/
import {
QueryKzzxRole,
QueryApptype,
AddKzzxRole,
DeleteKzzxRole,
UpdateKzzxRole,
QtKzzxRole
} from "common/src/api/system/dmgSystem.js";
/* edit页面*/
import Edit from './edit'
import Participants from './participants.vue'
import Content from './content.vue'
import PersonLiable from './personLiable.vue'
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'appVersion',
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
activeName: 'first',
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
/* 基础url*/
baseUrl: 'kzzx/role',
/* 查询参数*/
queryParams: {
ksrq: '',
jsrq: ''
},
/* 表格标题对应参数*/
tableTitle: [
{
prop: 'whsj',
label: '计划年份',
show:false,
fieldType:'ftDateTime',
width: '100',
align:'left'
},
{
prop: 'whsj',
label: '计划月份',
...this.$common('ftDateTime')
},
{
prop: 'whr',
label: '培训项目',
width: '100'
},
{
prop: 'whr',
label: '培训人数',
width: '100'
},
{
prop: 'whr',
label: '培训目标',
width: '100'
},
{
prop: 'whr',
label: '培训方式',
width: '100'
},
{
prop: 'whr',
label: '培训时间',
width: '100'
},
{
prop: 'whr',
label: '培训课时',
width: '100'
},
{
prop: 'whr',
label: '授课人',
width: '100'
},
{
prop: 'whr',
label: '培训单位',
width: '100'
},
{
prop: 'whr',
label: '备注',
width: '100'
},
]
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete,
initDwlx
} from "@/api/outsourcingDirector/wxdwsb";
/* edit页面*/
import Edit from "./edit";
import Participants from "./participants.vue";
import Content from "./content.vue";
import PersonLiable from "./personLiable.vue";
import { tableMixin } from "common";
export default {
mixins: [tableMixin],
name: "process",
/* 初始额外赋值*/
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;
}
},
methods: {
handleClick(val){
]);
this.$refs["TablePager"].pageQuery();
},
data() {
return {
activeName: "first",
/*需要的额外参数 */
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/
queryParams: {
code: "",
name: "",
dwlx: ""
},
/* 基础查询*/
query: QueryKzzxRole,
/* 基础增*/
apiAdd: AddKzzxRole,
/* 基础更新*/
apiUpdate: UpdateKzzxRole,
/* 删除操作*/
apiDelete: DeleteKzzxRole,
/* 初始化赋值操作*/
init() {
},
},
components: {
Edit,
Participants,
PersonLiable,
Content
/* 表格标题对应参数*/
tableTitle: [
{
prop: "ztName",
label: "状态",
width: "120"
},
{
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: "dwlxName",
label: "单位类型",
width: "160"
},
{
prop: "zrdwid",
label: "责任单位ID",
width: "160",
show: false
},
{
prop: "zrbmName",
label: "责任单位",
width: "160"
},
{
prop: "pgdwid",
label: "评估单位ID",
width: "160",
show: false
},
{
prop: "pgbmName",
label: "评估单位",
width: "160"
},
{
prop: "fzrid",
label: "负责人",
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: {
query: doQuery,
apiAdd: doAdd,
apiUpdate: doUpdate,
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {},
getRow(val) {
}
},
components: {
Edit,
Participants,
PersonLiable,
Content
}
};
</script>
<style scoped>
/deep/.el-tabs__item {
font-size: 13px;
color: #666;
}
/deep/.el-tabs__item {
font-size: 13px;
color: #666;
}
</style>
src/views/outsourcingDirector/process/participants.vue
View file @ 922632ac
......@@ -4,9 +4,6 @@
<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>
<FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton>
</el-row>
......@@ -87,7 +84,7 @@
},
/* 注册组件*/
components: {
Edit
Edit
}
}
</script>
......
src/views/riskPrecontrol/maintenanceRisk/index.vue
View file @ 922632ac
......@@ -110,9 +110,7 @@
}
},
methods: {
query: doQuery,
query: doQuery,
/* 基础增*/
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