更新页面
This commit is contained in:
@ -55,7 +55,7 @@ const dialogVisible = computed({
|
|||||||
const formList = reactive([
|
const formList = reactive([
|
||||||
[
|
[
|
||||||
{ label: "姓名", prop: "xm", type: "input" },
|
{ label: "姓名", prop: "xm", type: "input" },
|
||||||
{ label: "证件号码", prop: "sfzh", type: "select", options: props.dic.D_BZ_BXDLX },
|
{ label: "证件号码", prop: "sfzh", type: "input"},
|
||||||
{ label: "联系电话", prop: "lxdh", type: "input" },
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
|
|||||||
@ -47,7 +47,7 @@ const formList = reactive([
|
|||||||
[
|
[
|
||||||
{ label: "体检报告", prop: "inspectionReport", type: "upload" },
|
{ label: "体检报告", prop: "inspectionReport", type: "upload" },
|
||||||
{ label: "无犯罪记录证明", prop: "wfzjlzm", type: "upload" },
|
{ label: "无犯罪记录证明", prop: "wfzjlzm", type: "upload" },
|
||||||
{ label: "保安证证", prop: "bazzj", type: "upload" },
|
{ label: "保安证原件", prop: "bazzj", type: "upload" },
|
||||||
],
|
],
|
||||||
])
|
])
|
||||||
|
|
||||||
|
|||||||
@ -42,7 +42,7 @@ const formList = reactive([
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "组织单位", prop: "zzdw", type: "input" },
|
{ label: "组织单位", prop: "zzdw", type: "input" },
|
||||||
{ label: "授课教员", prop: "skfcy", type: "input" },
|
{ label: "授课教员", prop: "skfcy", type: "select" },
|
||||||
{ label: "培训内容", prop: "pxnr", type: "input" },
|
{ label: "培训内容", prop: "pxnr", type: "input" },
|
||||||
],
|
],
|
||||||
{ label: "分割线", prop: "diver", type: "slot" },
|
{ label: "分割线", prop: "diver", type: "slot" },
|
||||||
@ -53,7 +53,7 @@ const formList = reactive([
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "组织单位", prop: "zzdw", type: "input" },
|
{ label: "组织单位", prop: "zzdw", type: "input" },
|
||||||
{ label: "授课教员", prop: "skfcy", type: "input" },
|
{ label: "授课教员", prop: "skfcy", type: "select" },
|
||||||
{ label: "培训内容", prop: "pxnr", type: "input" },
|
{ label: "培训内容", prop: "pxnr", type: "input" },
|
||||||
],
|
],
|
||||||
{ label: "分割线", prop: "diver", type: "slot" },
|
{ label: "分割线", prop: "diver", type: "slot" },
|
||||||
@ -64,7 +64,7 @@ const formList = reactive([
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "组织单位", prop: "zzdw", type: "input" },
|
{ label: "组织单位", prop: "zzdw", type: "input" },
|
||||||
{ label: "授课教员", prop: "skfcy", type: "input" },
|
{ label: "授课教员", prop: "skfcy", type: "select" },
|
||||||
{ label: "培训内容", prop: "pxnr", type: "input" },
|
{ label: "培训内容", prop: "pxnr", type: "input" },
|
||||||
],
|
],
|
||||||
|
|
||||||
|
|||||||
@ -55,7 +55,7 @@ const dialogVisible = computed({
|
|||||||
const formList = reactive([
|
const formList = reactive([
|
||||||
[
|
[
|
||||||
{ label: "姓名", prop: "xm", type: "input" },
|
{ label: "姓名", prop: "xm", type: "input" },
|
||||||
{ label: "证件号码", prop: "sfzh", type: "select", options: props.dic.D_BZ_BXDLX },
|
{ label: "证件号码", prop: "sfzh", type: "input"},
|
||||||
{ label: "联系电话", prop: "lxdh", type: "input" },
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<div class="head_box">
|
<div class="head_box">
|
||||||
<span class="title">{{ title }}</span>
|
<span class="title">{{ title }}</span>
|
||||||
<div>
|
<div>
|
||||||
<el-button size="small" @click="save" type="primary" :loading="loading">保存</el-button>
|
<el-button size="small" @click="save" type="primary" v-if="!disabled" :loading="loading">保存</el-button>
|
||||||
<el-button size="small" @click="close">关闭</el-button>
|
<el-button size="small" @click="close">关闭</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -55,29 +55,27 @@ const dialogVisible = computed({
|
|||||||
const formList = reactive([
|
const formList = reactive([
|
||||||
[
|
[
|
||||||
{ label: "姓名", prop: "xm", type: "input" },
|
{ label: "姓名", prop: "xm", type: "input" },
|
||||||
{ label: "证件号码", prop: "sfzh", type: "select", options: props.dic.D_BZ_BXDLX },
|
{ label: "证件号码", prop: "sfzh", type: "input"},
|
||||||
{ label: "联系电话", prop: "lxdh", type: "input" },
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
||||||
{ label: "居住地址", prop: "jzdz", type: "input" },
|
{ label: "居住地址", prop: "jzdz", type: "input" },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "入职时间", prop: "rzsj", type: "date" },
|
{ label: "入职时间", prop: "rzsj", type: "date" },
|
||||||
// { label: "离职时间", prop: "lzsj", type: "input" },
|
{ label: "离职时间", prop: "lzsj", type: "input" },
|
||||||
{ label: "文化程度", prop: "ssbmdm", type: "select" },
|
{ label: "文化程度", prop: "ssbmdm", type: "select" },
|
||||||
{ label: "资格证编号", prop: "zgzbh", type: "input" },
|
{ label: "资格证编号", prop: "zgzbh", type: "input" },
|
||||||
{ label: "资格证类型", prop: "zgzlx", type: "input" },
|
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
|
{ label: "资格证类型", prop: "zgzlx", type: "input" },
|
||||||
{ label: "资格证起始日期", prop: "zgzKssj", type: "date" },
|
{ label: "资格证起始日期", prop: "zgzKssj", type: "date" },
|
||||||
{ label: "资格证截至日期", prop: "zgzJssj", type: "date" },
|
{ label: "资格证截至日期", prop: "zgzJssj", type: "date" },
|
||||||
{ label: "岗位", prop: "ssbmdm", type: "input" },
|
{ label: "岗位", prop: "ssbmdm", type: "input" },
|
||||||
{ label: "外派岗位", prop: "ssbmdm", type: "input" },
|
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "从业人员照片", prop: "ssbmdm", type: "upload" },
|
{ label: "外派单位", prop: "ssbmdm", type: "input" },
|
||||||
],
|
],
|
||||||
[
|
{ label: "从业人员照片", prop: "ssbmdm", type: "upload" },
|
||||||
{ label: "保安证件", prop: "bazzp", type: "upload", limit: 1 },
|
{ label: "保安证件", prop: "bazzp", type: "upload", limit: 1 },
|
||||||
]
|
|
||||||
])
|
])
|
||||||
|
|
||||||
const rules = {
|
const rules = {
|
||||||
|
|||||||
@ -72,7 +72,7 @@ const searchConfiger = ref([
|
|||||||
]);
|
]);
|
||||||
|
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
tableData: [],
|
tableData: [{}],
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
rowHieght: 61,
|
rowHieght: 61,
|
||||||
|
|||||||
@ -55,7 +55,7 @@ const dialogVisible = computed({
|
|||||||
const formList = reactive([
|
const formList = reactive([
|
||||||
[
|
[
|
||||||
{ label: "姓名", prop: "xm", type: "input" },
|
{ label: "姓名", prop: "xm", type: "input" },
|
||||||
{ label: "证件号码", prop: "sfzh", type: "select", options: props.dic.D_BZ_BXDLX },
|
{ label: "证件号码", prop: "sfzh", type: "input"},
|
||||||
{ label: "联系电话", prop: "lxdh", type: "input" },
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
|
|||||||
@ -62,7 +62,10 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="授课教员" prop="pxfcy" style="width: 100%;">
|
<el-form-item label="授课教员" prop="pxfcy" style="width: 100%;">
|
||||||
<el-input v-model="item.pxfcy" placeholder="请输入授课教员" style="width: 100%;"></el-input>
|
<el-select v-model="item.pxfcy" placeholder="请选择授课教员" style="width: 100%;">
|
||||||
|
<el-option label="张三" value="张三"></el-option>
|
||||||
|
<el-option label="李四" value="李四"></el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
|
|||||||
@ -3,10 +3,7 @@
|
|||||||
<div class="titleBox">
|
<div class="titleBox">
|
||||||
<page-title title="单位管理" />
|
<page-title title="单位管理" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 搜索 -->
|
|
||||||
<div ref="searchBox">
|
|
||||||
<Search :searchArr="searchConfiger" @submit="onSearch"></Search>
|
|
||||||
</div>
|
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
<div class="tabBox">
|
<div class="tabBox">
|
||||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||||
@ -46,20 +43,6 @@ const visible = ref(false);
|
|||||||
const searchBox = ref(null);
|
const searchBox = ref(null);
|
||||||
const detailsRef = ref(null);
|
const detailsRef = ref(null);
|
||||||
const D_BZ_BXDLX = ref([]);
|
const D_BZ_BXDLX = ref([]);
|
||||||
const searchConfiger = ref([
|
|
||||||
{
|
|
||||||
label: "巡逻路线名称",
|
|
||||||
prop: "bxxMc",
|
|
||||||
placeholder: "巡逻路线名称",
|
|
||||||
showType: "input"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "所属辖区",
|
|
||||||
prop: "ssbmdm",
|
|
||||||
placeholder: "分县局",
|
|
||||||
showType: "department"
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
|
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
tableData: [{}],
|
tableData: [{}],
|
||||||
@ -76,17 +59,17 @@ const pageData = reactive({
|
|||||||
},
|
},
|
||||||
controlsWidth: 180,
|
controlsWidth: 180,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "姓名", prop: "bxxMc" },
|
{ label: "单位名称", prop: "bxxMc" },
|
||||||
{ label: "证件号码", prop: "ssbm" },
|
{ label: "信用代码", prop: "ssbm" },
|
||||||
{ label: "巡逻路线类型", prop: "bxxLx", showSolt: true },
|
{ label: "场所名称", prop: "bxxLx", showSolt: true },
|
||||||
{ label: "巡逻点位数量", prop: "bxds", showSolt: true }
|
{ label: "场所电话", prop: "bxds", showSolt: true }
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
const tabHeightFn = () => {
|
const tabHeightFn = () => {
|
||||||
pageData.tableHeight =
|
pageData.tableHeight =
|
||||||
window.innerHeight - searchBox.value.offsetHeight - 250;
|
window.innerHeight - 240;
|
||||||
window.onresize = function () {
|
window.onresize = function () {
|
||||||
tabHeightFn();
|
tabHeightFn();
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user