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> <template>
<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="12" class="search-col"> <el-col :span="12" class="search-col">
...@@ -11,106 +11,102 @@ ...@@ -11,106 +11,102 @@
</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>
<!-- 额外按钮--> <!-- 额外按钮-->
<!-- 表头设置 --> <!-- 表头设置 -->
<!-- 权限--> <!-- 权限-->
</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"
</div> :query="query"
</div> @selectItem="selectItem"
@getRow="getRow"
></TablePager>
</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'; mixins: [tableMixin],
/* edit页面*/ name: "nros",
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() {
} /* 初始额外赋值*/
}, async mounted() {
components: { this.$refs["TablePager"].pageQuery();
Edit, },
} 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> </script>
<style scoped> <style scoped>
</style> </style>
src/views/login.vue
View file @ 922632ac
...@@ -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(() => {
......
src/views/outsourcingDirector/approve/edit.vue
View file @ 922632ac
<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>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="phone"> <el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input> <el-input :readonly="readonly" v-model="form.phone"></el-input>
...@@ -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,89 +92,112 @@ ...@@ -65,89 +92,112 @@
</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";
mixins: [editMixin], export default {
/* 存放index页面传递的额外参数*/ mixins: [editMixin],
mounted() { /* 存放index页面传递的额外参数*/
}, mounted() {},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/ /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
systemType: [], form: {
code: "",
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/ name: "",
form: { sbrq: "",
roleid: '', dwlx: "",
rolename: '', zrdwid: "",
bz: "", fzrid:"",
}, pfzrid: "",
/* form提交时的规则,具体规则参考官网*/ address: "",
rules: { email: "",
roleid: [{ phone: "",
required: true, lxr: "",
trigger: 'blur' bz: ""
}, ], },
rolename: [{ /* form提交时的规则,具体规则参考官网*/
required: true, rules: {
trigger: 'blur' 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> </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{
border-top: 1px solid $color-border-grey; z-index: 99;
border-right: 1px solid $color-border-grey; right: 10px!important;
} top: 25%;
.el-row .el-form-item{ left: auto;
border-bottom: 1px solid $color-border-grey;
margin-bottom:0; }
::v-deep .el-form-item__label { .el-form {
border-right: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
padding: 0; }
text-align: center; .el-row .el-form-item {
background: #eee; border-bottom: 1px solid $color-border-grey;
} margin-bottom: 0;
::v-deep .el-form-item__label {
::v-deep .el-input__inner{ border-right: 1px solid $color-border-grey;
border:none border-left: 1px solid $color-border-grey;
} padding: 0;
} text-align: center;
.el-row .el-col:nth-child(2n+1){ background: #eee;
padding-right: 0!important }
}
.el-row .el-col:nth-child(2n){ ::v-deep .el-input__inner {
padding-left: 0!important border: none;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ }
padding-right: 10px!important; .el-row .el-col:nth-child(2n + 1) {
padding-left: 10px!important 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>
src/views/outsourcingDirector/approve/index.vue
View file @ 922632ac
<template> <template>
<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">
<span class="search-span">档案编号:</span> <span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input> <el-input v-model="queryParams.code"></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 v-model="queryParams.dwmc"></el-input> <el-input v-model="queryParams.name"></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-select v-model="queryParams.type" placeholder="请选择"> <el-select v-model="queryParams.dwlx" clearable placeholder="请选择">
<el-option <el-option
v-for="(item,index) in options" v-for="item in systemType"
:key="index" :key="item.id"
:label="item.label" :label="item.bmmc"
:value="item.value"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</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> <AttachFileButton :app="app"></AttachFileButton>
<CopyButton ref="copy" :app='app'></CopyButton> <FieldButton :app="app"></FieldButton>
<EditButton ref="edit" :app='app'></EditButton> <ExcelButton :app="app"></ExcelButton>
<AttachFileButton :app='app' ></AttachFileButton> <workFlowButton :app="app"></workFlowButton>
<FieldButton :app='app'></FieldButton> <!-- 额外按钮-->
<ExcelButton :app='app'></ExcelButton> </el-row>
<workFlowButton :app='app'></workFlowButton> <!-- 表格-->
<!-- 额外按钮--> <div class="tablePagers">
</el-row> <el-row :gutter="20" style="height:100%">
<!-- 表格--> <el-col :span="16" class="full-h">
<el-row class="full"> <div class="grid-content bg-purple full-h">
<el-col :span="12" class="full-h"> <TablePager
<div class="tablePagers full" style="border-right:1px solid #eee"> @getData="getData"
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData" :ref="'TablePager'"
@getRow='getRow'> :app="app"
<template slot="tabCustom"> :query="query"
</template> @selectItem="selectItem"
</TablePager> :delButton="false"
</div> @getRow="getRow"
</el-col>
<el-col :span="12" class="full-h"> >
<div class="tablePagers full table-form-border"> <template slot="tabCustom"></template>
<h5 style="text-align:center">外协单位准入申报</h5> </TablePager>
<el-form slot="form" ref="form" :model="form" label-width="120px"> </div>
<el-row :gutter="20" class=""> </el-col>
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-col :span="8">
<el-form-item label="档案编号" ref="xh" prop="xh"> <div class="grid-content bg-purple">
<el-input :readonly="readonly" v-model="form.xh" ></el-input> <div class="table-form-border">
</el-form-item> <h5 style="text-align:center">外协单位准入审批</h5>
</el-col> <el-form slot="form" ref="form" :model="form" label-width="120px">
</el-row> <el-row :gutter="20" class>
<el-row :gutter="20"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-col :span="12"> <el-form-item label="档案编号" >
<el-form-item label="名称" prop="mc"> <el-input :readonly="readonly" v-model="form.code"></el-input>
<el-input :readonly="readonly" v-model="form.mc"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="单位类型" prop="type"> <el-col :span="12">
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input> <el-form-item label="名称" >
</el-form-item> <el-input :readonly="readonly" v-model="form.name"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12">
<el-col :span="12"> <el-form-item label="单位类型">
<el-form-item label="管理责任单位" prop="glzrdw"> <el-input :readonly="readonly" v-model="form.dwlx"></el-input>
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="负责人" prop="fzr"> <el-col :span="12">
<el-input :readonly="readonly" v-model="form.fzr"></el-input> <el-form-item label="责任单位">
</el-form-item> <el-input :readonly="readonly" v-model="form.zrbmName"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12">
<el-col :span="12"> <el-form-item label="负责人">
<el-form-item label="单位地址" prop="dwdz"> <el-input :readonly="readonly" v-model="form.fzr"></el-input>
<el-input :readonly="readonly" v-model="form.dwdz"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="电子信箱" prop="mail"> <el-col :span="12">
<el-input :readonly="readonly" v-model="form.mail"></el-input> <el-form-item label="单位地址">
</el-form-item> <el-input :readonly="readonly" v-model="form.address"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12">
<el-col :span="12"> <el-form-item label="电子信箱" >
<el-form-item label="联系电话" prop="phone"> <el-input :readonly="readonly" v-model="form.email"></el-input>
<el-input :readonly="readonly" v-model="form.phone"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="联系人" prop="lxr"> <el-col :span="12">
<el-input :readonly="readonly" v-model="form.lxr"></el-input> <el-form-item label="联系电话">
</el-form-item> <el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-form-item label="联系人">
<el-form-item label="备注"> <el-input :readonly="readonly" v-model="form.lxr"></el-input>
<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-row :gutter="20">
<el-row :gutter="20"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-col :span="12"> <el-form-item label="备注">
<el-form-item label="评价单位" prop="phone"> <el-input :readonly="readonly" v-model="form.bz"></el-input>
<el-input :readonly="readonly" v-model="form.phone"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="申报日期" prop="sbrq"> <el-col :span="12">
<el-input :readonly="readonly" v-model="form.lxr"></el-input> <el-form-item label="评价单位" >
</el-form-item> <el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-form-item label="申报日期">
<div class="" style="line-height:36px;font-size:14px;text-align:center">审批</div> <el-input :readonly="readonly" v-model="form.sbrq"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
</el-form> </el-row>
<el-form slot="form" ref="form" :model="form" label-width="120px" class="declare-table-right"> <el-row :gutter="20">
<el-row :gutter="20" class=""> <el-col :span="24" class="padding-right-sm padding-left-sm">
<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-form-item label="物业所在单位" ref="xh" prop="xh"> </el-col>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </el-row>
</el-form-item> </el-form>
</el-col> <el-form
</el-row> slot="form"
<el-row :gutter="20"> ref="form"
<el-col :span="24" class="padding-right-sm padding-left-sm"> :model="form"
<el-form-item label="申报人" prop="mc"> label-width="120px"
<el-input :readonly="readonly" v-model="form.mc"></el-input> class="declare-table-right"
</el-form-item> >
</el-col> <el-row :gutter="20" class>
</el-row> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-row :gutter="20" class=""> <el-form-item label="物业所在单位" ref="xh" prop="xh">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-input :readonly="readonly" v-model="form.xh"></el-input>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> </el-form-item>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </el-col>
</el-form-item> </el-row>
</el-col> <el-row :gutter="20">
</el-row> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-row :gutter="20"> <el-form-item label="申报人" prop="mc">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-input :readonly="readonly" v-model="form.mc"></el-input>
<el-form-item label="申报人" prop="mc"> </el-form-item>
<el-input :readonly="readonly" v-model="form.mc"></el-input> </el-col>
</el-form-item> </el-row>
</el-col> <el-row :gutter="20" class>
</el-row> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-row :gutter="20" class=""> <el-form-item :label="form.zrbmName">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-input :readonly="readonly" v-model="form.xh"></el-input>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> </el-form-item>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </el-col>
</el-form-item> </el-row>
</el-col> <el-row :gutter="20">
</el-row> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-row :gutter="20"> <el-form-item label="负责人">
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-input :readonly="readonly" v-model="form.mc"></el-input>
<el-form-item label="申报人" prop="mc"> </el-form-item>
<el-input :readonly="readonly" v-model="form.mc"></el-input> </el-col>
</el-form-item> </el-row>
</el-col> </el-form>
</el-row> </div>
<el-row :gutter="20" class=""> </div>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </el-col>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> </el-row>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </div>
</el-form-item> </div>
</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>
</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' mixins: [tableMixin],
export default { name: "appVersion",
mixins: [tableMixin],
name: 'appVersion',
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
this.$refs['TablePager'].pageQuery() await this.$asRun(
}, [initDwlx(),
data() { res => {
return { var data = res['data']['records'];
allData:[{xh:"1"}], let typeMap = []
/*需要的额外参数 */ for (var i in data) {
showDialog: false, typeMap[data[i].id] = data[i].name
DialogName: '', }
type: '', this.systemType = data
DialogTitle: '', this.typeMap = typeMap
readonly:true, }
powerList: [{ ]
name: '分配' )
}, { this.$refs['TablePager'].pageQuery()
name: '复制' },
}, { data() {
name: '查看' return {
}], /*需要的额外参数 */
/* 基础url*/ systemType:[],
baseUrl: 'kzzx/role', showDialog: false,
/* 查询参数*/ DialogName: "",
queryParams: { type: "",
xh: '', DialogTitle: "",
dwmc:'', readonly: true,
type:'' powerList: [
}, {
options: [{ name: "分配"
value: 'all', },
label: '（空）' {
}, { name: "复制"
value: 'A', },
label: 'A类' {
}, { name: "查看"
value: 'B', }
label: 'B类' ],
}, { /* 基础url*/
value: 'C', baseUrl: "aqgl/wxgl/wxdwsp",
label: 'C类' /* 查询参数*/
}, { queryParams: {
value: 'D', code: "",
label: 'D类' name: "",
}], dwlx: ""
/* 表格标题对应参数*/ },
tableTitle: [{ /* 表格标题对应参数*/
prop: 'xh', tableTitle: [
label: '档案编号', {
width: '120' prop: "ztName",
}, label: "状态",
{ width: "120"
prop: 'mc', },
label: '名称', {
width: '160' prop: "code",
}, label: "档案编号",
{ width: "120"
prop: 'dwlx', },
label: '单位类型', {
width: '160' prop: "name",
}, label: "名称",
{ width: "160"
prop: 'rolename', },
label: '管理责任单位', {
width: '160' prop: "sbrq",
}, label: "申报日期",
{ width: "160",
prop: 'rolename', fieldType: "ftDate"
label: '负责人', },
width: '160' {
}, prop: "dwlx",
{ label: "单位类型",
prop: 'rolename', width: "160",
label: '单位地址', show: false
width: '160' },
}, {
{ prop: "dwlxName",
prop: 'rolename', label: "单位类型",
label: '电子邮箱', width: "160"
width: '160' },
}, {
{ prop: "zrdwid",
prop: 'telephone', label: "责任单位ID",
label: '联系电话', width: "160",
width: '120', show: false
}, },
{ {
prop: 'bz', prop: "zrbmName",
label: '备注', label: "责任单位",
} width: "160"
], },
form:{ {
prop: "pgdwid",
} label: "评估单位ID",
width: "160",
} show: false
},
}, {
methods: { prop: "pgbmName",
/* 基础查询*/ label: "评估单位",
query: QueryKzzxRole, width: "160"
/* 基础增*/ },
{
/* 初始化赋值操作*/ prop: "fzrid",
init() { label: "负责人",
width: "160",
}, show: false
},
}, {
components: { prop: "fzrName",
Edit, 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> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.full{ .full {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.full-h{ .full-h {
height: 100%; height: 100%;
} }
.marin-top-10{ .marin-top-10 {
margin-top: 10px margin-top: 10px;
} }
.padding-left-sm{ .padding-left-sm {
padding-left: 10px!important padding-left: 10px !important;
} }
.padding-right-sm{ .padding-right-sm {
padding-right: 10px!important; padding-right: 10px !important;
} }
.declare-table-right{ .declare-table-right {
height: calc(100% - 420px); height: calc(100% - 420px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden 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> </style>
src/views/outsourcingDirector/archives/edit.vue
View file @ 922632ac
<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>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="phone"> <el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input> <el-input :readonly="readonly" v-model="form.phone"></el-input>
...@@ -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,89 +92,112 @@ ...@@ -65,89 +92,112 @@
</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";
mixins: [editMixin], export default {
/* 存放index页面传递的额外参数*/ mixins: [editMixin],
mounted() { /* 存放index页面传递的额外参数*/
}, mounted() {},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/ /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
systemType: [], form: {
code: "",
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/ name: "",
form: { sbrq: "",
roleid: '', dwlx: "",
rolename: '', zrdwid: "",
bz: "", fzrid:"",
}, pfzrid: "",
/* form提交时的规则,具体规则参考官网*/ address: "",
rules: { email: "",
roleid: [{ phone: "",
required: true, lxr: "",
trigger: 'blur' bz: ""
}, ], },
rolename: [{ /* form提交时的规则,具体规则参考官网*/
required: true, rules: {
trigger: 'blur' 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> </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{
border-top: 1px solid $color-border-grey; z-index: 99;
border-right: 1px solid $color-border-grey; right: 10px!important;
} top: 25%;
.el-row .el-form-item{ left: auto;
border-bottom: 1px solid $color-border-grey;
margin-bottom:0; }
::v-deep .el-form-item__label { .el-form {
border-right: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
padding: 0; }
text-align: center; .el-row .el-form-item {
background: #eee; border-bottom: 1px solid $color-border-grey;
} margin-bottom: 0;
::v-deep .el-form-item__label {
::v-deep .el-input__inner{ border-right: 1px solid $color-border-grey;
border:none border-left: 1px solid $color-border-grey;
} padding: 0;
} text-align: center;
.el-row .el-col:nth-child(2n+1){ background: #eee;
padding-right: 0!important }
}
.el-row .el-col:nth-child(2n){ ::v-deep .el-input__inner {
padding-left: 0!important border: none;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ }
padding-right: 10px!important; .el-row .el-col:nth-child(2n + 1) {
padding-left: 10px!important 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>
src/views/outsourcingDirector/archives/index.vue
View file @ 922632ac
<template> <template>
<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">
<span class="search-span">档案编号:</span> <span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></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 v-model="queryParams.dwmc"></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-select v-model="queryParams.type" placeholder="请选择"> <el-select v-model="queryParams.type" placeholder="请选择">
<el-option <el-option
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>
</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>
<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"
</TablePager> :query="query"
</div> @selectItem="selectItem"
</div> :delButton="false"
@getRow="getRow"
>
<template slot="tabCustom"></template>
</TablePager>
</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' mixins: [tableMixin],
export default { name: "appVersion",
mixins: [tableMixin],
name: 'appVersion',
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
this.$refs['TablePager'].pageQuery() await this.$asRun(
}, [initDwlx(),
data() { res => {
return { var data = res['data']['records'];
allData:[{xh:"1"}], let typeMap = []
/*需要的额外参数 */ for (var i in data) {
showDialog: false, typeMap[data[i].id] = data[i].name
DialogName: '', }
type: '', this.systemType = data
DialogTitle: '', this.typeMap = typeMap
powerList: [{ }
name: '分配' ]
}, { )
name: '复制' this.$refs['TablePager'].pageQuery()
}, { },
name: '查看' data() {
}], return {
/* 基础url*/ /*需要的额外参数 */
baseUrl: 'kzzx/role', systemType:[],
/* 查询参数*/ showDialog: false,
queryParams: { DialogName: "",
xh: '', type: "",
dwmc:'', DialogTitle: "",
type:'' readonly: true,
}, powerList: [
options: [{ {
value: 'all', name: "分配"
label: '（空）' },
}, { {
value: 'A', name: "复制"
label: 'A类' },
}, { {
value: 'B', name: "查看"
label: 'B类' }
}, { ],
value: 'C', /* 基础url*/
label: 'C类' baseUrl: "aqgl/wxgl/wxdwsb",
}, { /* 查询参数*/
value: 'D', queryParams: {
label: 'D类' code: "",
}], name: "",
/* 表格标题对应参数*/ dwlx: ""
tableTitle: [{ },
prop: 'xh', /* 表格标题对应参数*/
label: '档案编号', tableTitle: [
width: '120' {
}, prop: "ztName",
{ label: "状态",
prop: 'mc', width: "120",
label: '名称', show:false
width: '160' },
}, {
{ prop: "code",
prop: 'dwlx', label: "档案编号",
label: '单位类型', width: "120"
width: '160' },
}, {
{ prop: "name",
prop: 'rolename', label: "名称",
label: '管理责任单位', width: "160"
width: '160' },
}, {
{ prop: "sbrq",
prop: 'rolename', label: "申报日期",
label: '负责人', width: "160",
width: '160' fieldType: "ftDate"
}, },
{ {
prop: 'rolename', prop: "dwlx",
label: '单位地址', label: "单位类型",
width: '160' width: "160",
}, show: false
{ },
prop: 'rolename', {
label: '电子邮箱', prop: "dwlxName",
width: '160' label: "单位类型",
}, width: "160"
{ },
prop: 'telephone', {
label: '联系电话', prop: "zrdwid",
width: '120', label: "责任单位ID",
}, width: "160",
{ show: false
prop: 'bz', },
label: '备注', {
} prop: "zrbmName",
], label: "责任单位",
width: "160"
} },
}, {
methods: { prop: "pgdwid",
/* 基础查询*/ label: "评估单位ID",
query: QueryKzzxRole, width: "160",
/* 基础增*/ show: false
},
/* 初始化赋值操作*/ {
init() { prop: "pgbmName",
label: "评估单位",
}, width: "160"
},
}, {
components: { prop: "fzrid",
Edit, 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> </script>
<style scoped> <style scoped>
</style> </style>
src/views/outsourcingDirector/declare/edit.vue
View file @ 922632ac
<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>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="phone"> <el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input> <el-input :readonly="readonly" v-model="form.phone"></el-input>
...@@ -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,89 +92,112 @@ ...@@ -65,89 +92,112 @@
</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";
mixins: [editMixin], export default {
/* 存放index页面传递的额外参数*/ mixins: [editMixin],
mounted() { /* 存放index页面传递的额外参数*/
}, mounted() {},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() { data() {
return { return {
/* 额外初始化，根据需求*/
systemType: [],
/* 额外初始化，根据需求*/ /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
systemType: [], form: {
code: "",
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/ name: "",
form: { sbrq: "",
roleid: '', dwlx: "",
rolename: '', zrdwid: "",
bz: "", fzrid:"",
}, pfzrid: "",
/* form提交时的规则,具体规则参考官网*/ address: "",
rules: { email: "",
roleid: [{ phone: "",
required: true, lxr: "",
trigger: 'blur' bz: ""
}, ], },
rolename: [{ /* form提交时的规则,具体规则参考官网*/
required: true, rules: {
trigger: 'blur' 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> </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{
border-top: 1px solid $color-border-grey; z-index: 99;
border-right: 1px solid $color-border-grey; right: 10px!important;
} top: 25%;
.el-row .el-form-item{ left: auto;
border-bottom: 1px solid $color-border-grey;
margin-bottom:0; }
::v-deep .el-form-item__label { .el-form {
border-right: 1px solid $color-border-grey; border-top: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey; border-right: 1px solid $color-border-grey;
padding: 0; }
text-align: center; .el-row .el-form-item {
background: #eee; border-bottom: 1px solid $color-border-grey;
} margin-bottom: 0;
::v-deep .el-form-item__label {
::v-deep .el-input__inner{ border-right: 1px solid $color-border-grey;
border:none border-left: 1px solid $color-border-grey;
} padding: 0;
} text-align: center;
.el-row .el-col:nth-child(2n+1){ background: #eee;
padding-right: 0!important }
}
.el-row .el-col:nth-child(2n){ ::v-deep .el-input__inner {
padding-left: 0!important border: none;
} }
.el-row:last-child .el-col,.el-row:first-child .el-col{ }
padding-right: 10px!important; .el-row .el-col:nth-child(2n + 1) {
padding-left: 10px!important 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>
src/views/outsourcingDirector/declare/index.vue
View file @ 922632ac
<template> <template>
<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">
<span class="search-span">档案编号:</span> <span class="search-span">档案编号:</span>
<el-input v-model="queryParams.xh"></el-input> <el-input v-model="queryParams.code"></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 v-model="queryParams.dwmc"></el-input> <el-input v-model="queryParams.name"></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-select v-model="queryParams.type" placeholder="请选择"> <el-select v-model="queryParams.dwlx" clearable placeholder="请选择">
<el-option <el-option
v-for="(item,index) in options" v-for="item in systemType"
:key="index" :key="item.id"
:label="item.label" :label="item.bmmc"
:value="item.value"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</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>
<workFlowButton :app='app'></workFlowButton> <workFlowButton :app="app"></workFlowButton>
<!-- 额外按钮--> <!-- 额外按钮-->
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<el-row class="full"> <div class="tablePagers">
<el-col :span="12" class="full-h"> <el-row :gutter="20" style="height:100%">
<div class="tablePagers full" style="border-right:1px solid #eee"> <el-col :span="16" class="full-h">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton="false" :isFontPage="true" :allData="allData" <div class="grid-content bg-purple full-h">
@getRow='getRow'> <TablePager
<template slot="tabCustom"> @getData="getData"
</template> :ref="'TablePager'"
</TablePager> :app="app"
</div> :query="query"
</el-col> @selectItem="selectItem"
<el-col :span="12" class="full-h"> :delButton="false"
<div class="tablePagers full table-form-border"> @getRow="getRow"
<h5 style="text-align:center">外协单位准入申报</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px"> >
<el-row :gutter="20" class=""> <template slot="tabCustom"></template>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </TablePager>
<el-form-item label="档案编号" ref="xh" prop="xh"> </div>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </el-col>
</el-form-item> <el-col :span="8">
</el-col> <div class="grid-content bg-purple">
</el-row> <div class="table-form-border">
<el-row :gutter="20"> <h5 style="text-align:center">外协单位准入申报</h5>
<el-col :span="12"> <el-form slot="form" ref="form" :model="form" label-width="120px">
<el-form-item label="名称" prop="mc"> <el-row :gutter="20" class>
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-col :span="24" class="padding-right-sm padding-left-sm">
</el-form-item> <el-form-item label="档案编号" >
</el-col> <el-input :readonly="readonly" v-model="form.code"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="单位类型" prop="type"> </el-col>
<el-input :readonly="readonly" v-toUpperCase v-model="form.type"></el-input> </el-row>
</el-form-item> <el-row :gutter="20">
</el-col> <el-col :span="12">
</el-row> <el-form-item label="名称" >
<el-row :gutter="20"> <el-input :readonly="readonly" v-model="form.name"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="管理责任单位" prop="glzrdw"> </el-col>
<el-input :readonly="readonly" v-model="form.glzrdw"></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="单位类型">
</el-col> <el-input :readonly="readonly" v-model="form.dwlx"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="负责人" prop="fzr"> </el-col>
<el-input :readonly="readonly" v-model="form.fzr"></el-input> </el-row>
</el-form-item> <el-row :gutter="20">
</el-col> <el-col :span="12">
</el-row> <el-form-item label="责任单位">
<el-row :gutter="20"> <el-input :readonly="readonly" v-model="form.zrbmName"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="单位地址" prop="dwdz"> </el-col>
<el-input :readonly="readonly" v-model="form.dwdz"></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="负责人">
</el-col> <el-input :readonly="readonly" v-model="form.fzr"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="电子信箱" prop="mail"> </el-col>
<el-input :readonly="readonly" v-model="form.mail"></el-input> </el-row>
</el-form-item> <el-row :gutter="20">
</el-col> <el-col :span="12">
</el-row> <el-form-item label="单位地址">
<el-row :gutter="20"> <el-input :readonly="readonly" v-model="form.address"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="联系电话" prop="phone"> </el-col>
<el-input :readonly="readonly" v-model="form.phone"></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="电子信箱" >
</el-col> <el-input :readonly="readonly" v-model="form.email"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="联系人" prop="lxr"> </el-col>
<el-input :readonly="readonly" v-model="form.lxr"></el-input> </el-row>
</el-form-item> <el-row :gutter="20">
</el-col> <el-col :span="12">
</el-row> <el-form-item label="联系电话">
<el-row :gutter="20"> <el-input :readonly="readonly" v-model="form.phone"></el-input>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </el-form-item>
<el-form-item label="备注"> </el-col>
<el-input :readonly="readonly" v-model="form.bz"></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="联系人">
</el-col> <el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-row> </el-form-item>
<el-row :gutter="20"> </el-col>
<el-col :span="12"> </el-row>
<el-form-item label="评价单位" prop="phone"> <el-row :gutter="20">
<el-input :readonly="readonly" v-model="form.phone"></el-input> <el-col :span="24" class="padding-right-sm padding-left-sm">
</el-form-item> <el-form-item label="备注">
</el-col> <el-input :readonly="readonly" v-model="form.bz"></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="申报日期" prop="sbrq"> </el-col>
<el-input :readonly="readonly" v-model="form.lxr"></el-input> </el-row>
</el-form-item> <el-row :gutter="20">
</el-col> <el-col :span="12">
</el-row> <el-form-item label="评价单位" >
<el-row :gutter="20"> <el-input :readonly="readonly" v-model="form.phone"></el-input>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </el-form-item>
<div class="" style="line-height:36px;font-size:14px;text-align:center">审批</div> </el-col>
</el-col> <el-col :span="12">
</el-row> <el-form-item label="申报日期">
</el-form> <el-input :readonly="readonly" v-model="form.sbrq"></el-input>
<el-form slot="form" ref="form" :model="form" label-width="120px" class="declare-table-right"> </el-form-item>
<el-row :gutter="20" class=""> </el-col>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </el-row>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> <el-row :gutter="20">
<el-input :readonly="readonly" v-model="form.xh" ></el-input> <el-col :span="24" class="padding-right-sm padding-left-sm">
</el-form-item> <div class style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> </el-form>
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-form
<el-form-item label="申报人" prop="mc"> slot="form"
<el-input :readonly="readonly" v-model="form.mc"></el-input> ref="form"
</el-form-item> :model="form"
</el-col> label-width="120px"
</el-row> class="declare-table-right"
<el-row :gutter="20" class=""> >
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-row :gutter="20" class>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-input :readonly="readonly" v-model="form.xh" ></el-input> <el-form-item label="物业所在单位" ref="xh" prop="xh">
</el-form-item> <el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> </el-row>
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-row :gutter="20">
<el-form-item label="申报人" prop="mc"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-form-item label="申报人" prop="mc">
</el-form-item> <el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20" class=""> </el-row>
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-row :gutter="20" class>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-input :readonly="readonly" v-model="form.xh" ></el-input> <el-form-item :label="form.zrbmName">
</el-form-item> <el-input :readonly="readonly" v-model="form.xh"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> </el-row>
<el-col :span="24" class="padding-right-sm padding-left-sm"> <el-row :gutter="20">
<el-form-item label="申报人" prop="mc"> <el-col :span="24" class="padding-right-sm padding-left-sm">
<el-input :readonly="readonly" v-model="form.mc"></el-input> <el-form-item label="负责人">
</el-form-item> <el-input :readonly="readonly" v-model="form.mc"></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20" class=""> </el-row>
<el-col :span="24" class="padding-right-sm padding-left-sm"> </el-form>
<el-form-item label="物业所在单位" ref="xh" prop="xh"> </div>
<el-input :readonly="readonly" v-model="form.xh" ></el-input> </div>
</el-form-item> </el-col>
</el-col> </el-row>
</el-row> </div>
<el-row :gutter="20"> </div>
<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>
</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' mixins: [tableMixin],
export default { name: "appVersion",
mixins: [tableMixin],
name: 'appVersion',
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
this.$refs['TablePager'].pageQuery() await this.$asRun(
}, [initDwlx(),
data() { res => {
return { var data = res['data']['records'];
allData:[{xh:"1"}], let typeMap = []
/*需要的额外参数 */ for (var i in data) {
showDialog: false, typeMap[data[i].id] = data[i].name
DialogName: '', }
type: '', this.systemType = data
DialogTitle: '', this.typeMap = typeMap
readonly:true, }
powerList: [{ ]
name: '分配' )
}, { this.$refs['TablePager'].pageQuery()
name: '复制' },
}, { data() {
name: '查看' return {
}], /*需要的额外参数 */
/* 基础url*/ systemType:[],
baseUrl: 'kzzx/role', showDialog: false,
/* 查询参数*/ DialogName: "",
queryParams: { type: "",
xh: '', DialogTitle: "",
dwmc:'', readonly: true,
type:'' powerList: [
}, {
options: [{ name: "分配"
value: 'all', },
label: '（空）' {
}, { name: "复制"
value: 'A', },
label: 'A类' {
}, { name: "查看"
value: 'B', }
label: 'B类' ],
}, { /* 基础url*/
value: 'C', baseUrl: "aqgl/wxgl/wxdwsb",
label: 'C类' /* 查询参数*/
}, { queryParams: {
value: 'D', code: "",
label: 'D类' name: "",
}], dwlx: ""
/* 表格标题对应参数*/ },
tableTitle: [{ /* 表格标题对应参数*/
prop: 'xh', tableTitle: [
label: '档案编号', {
width: '120' prop: "ztName",
}, label: "状态",
{ width: "120"
prop: 'mc', },
label: '名称', {
width: '160' prop: "code",
}, label: "档案编号",
{ width: "120"
prop: 'dwlx', },
label: '单位类型', {
width: '160' prop: "name",
}, label: "名称",
{ width: "160"
prop: 'rolename', },
label: '管理责任单位', {
width: '160' prop: "sbrq",
}, label: "申报日期",
{ width: "160",
prop: 'rolename', fieldType: "ftDate"
label: '负责人', },
width: '160' {
}, prop: "dwlx",
{ label: "单位类型",
prop: 'rolename', width: "160",
label: '单位地址', show: false
width: '160' },
}, {
{ prop: "dwlxName",
prop: 'rolename', label: "单位类型",
label: '电子邮箱', width: "160"
width: '160' },
}, {
{ prop: "zrdwid",
prop: 'telephone', label: "责任单位ID",
label: '联系电话', width: "160",
width: '120', show: false
}, },
{ {
prop: 'bz', prop: "zrbmName",
label: '备注', label: "责任单位",
} width: "160"
], },
form:{ {
prop: "pgdwid",
} label: "评估单位ID",
width: "160",
} show: false
},
}, {
methods: { prop: "pgbmName",
/* 基础查询*/ label: "评估单位",
query: QueryKzzxRole, width: "160"
/* 基础增*/ },
{
/* 初始化赋值操作*/ prop: "fzrid",
init() { label: "负责人",
width: "160",
}, show: false
},
}, {
components: { prop: "fzrName",
Edit, 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> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.full{ .full {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.full-h{ .full-h {
height: 100%; height: 100%;
} }
.marin-top-10{ .marin-top-10 {
margin-top: 10px margin-top: 10px;
} }
.padding-left-sm{ .padding-left-sm {
padding-left: 10px!important padding-left: 10px !important;
} }
.padding-right-sm{ .padding-right-sm {
padding-right: 10px!important; padding-right: 10px !important;
} }
.declare-table-right{ .declare-table-right {
height: calc(100% - 420px); height: calc(100% - 420px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden 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> </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> <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-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="address">
<el-date-picker style="width: 100%;" <el-input :readonly="readonly" v-model="form.address"></el-input>
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="编制单位"> <el-form-item label="电子信箱" prop="email" >
<el-select placeholder="请选择" style="width: 100%;" > <el-input :readonly="readonly" v-model="form.email"></el-input>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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> </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";
mixins: [editMixin], export default {
/* 存放index页面传递的额外参数*/ mixins: [editMixin],
mounted() { /* 存放index页面传递的额外参数*/
}, mounted() {},
/* 组件名称*/ /* 组件名称*/
name: 'roleManagementEdit', name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/ /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化，根据需求*/ data() {
systemType: [], return {
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/ /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: { form: {
roleid: '', code: "",
rolename: '', name: "",
bz: "", sbrq: "",
}, dwlx: "",
/* form提交时的规则,具体规则参考官网*/ zrdwid: "",
rules: { fzrid:"",
roleid: [{ pfzrid: "",
required: true, address: "",
trigger: 'blur' email: "",
}, ], phone: "",
rolename: [{ lxr: "",
required: true, bz: ""
trigger: 'blur' },
}, ] /* 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> </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>
src/views/outsourcingDirector/process/index.vue
View file @ 922632ac
<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,167 +49,200 @@ ...@@ -51,167 +49,200 @@
</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 mixins: [tableMixin],
} from 'common' name: "process",
export default { /* 初始额外赋值*/
mixins: [tableMixin], async mounted() {
name: 'appVersion', await this.$asRun([
initDwlx(),
/* 初始额外赋值*/ res => {
async mounted() { var data = res["data"]["records"];
this.$refs['TablePager'].pageQuery() let typeMap = [];
}, for (var i in data) {
data() { typeMap[data[i].id] = data[i].name;
return { }
activeName: 'first', this.systemType = data;
/*需要的额外参数 */ this.typeMap = typeMap;
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'
},
]
} }
}, ]);
methods: { this.$refs["TablePager"].pageQuery();
handleClick(val){ },
data() {
return {
activeName: "first",
/*需要的额外参数 */
showDialog: false,
DialogName: "",
type: "",
DialogTitle: "",
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/
queryParams: {
code: "",
name: "",
dwlx: ""
}, },
/* 基础查询*/ /* 表格标题对应参数*/
query: QueryKzzxRole, tableTitle: [
/* 基础增*/ {
apiAdd: AddKzzxRole, prop: "ztName",
/* 基础更新*/ label: "状态",
apiUpdate: UpdateKzzxRole, width: "120"
/* 删除操作*/ },
apiDelete: DeleteKzzxRole, {
/* 初始化赋值操作*/ prop: "code",
init() { label: "档案编号",
width: "120"
}, },
{
prop: "name",
label: "名称",
}, width: "160"
components: { },
Edit, {
Participants, prop: "sbrq",
PersonLiable, label: "申报日期",
Content 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> </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>
src/views/outsourcingDirector/process/participants.vue
View file @ 922632ac
...@@ -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>
......
src/views/riskPrecontrol/maintenanceRisk/index.vue
View file @ 922632ac
...@@ -110,9 +110,7 @@ ...@@ -110,9 +110,7 @@
} }
}, },
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