From 601544cf76092cf34cc980a49a48edb5951e8663 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 13 Oct 2021 11:27:09 +0800
Subject: [PATCH] 时间和 avue标签页换成el标签页
---
src/views/securityUnitChild/index.vue | 167 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 153 insertions(+), 14 deletions(-)
diff --git a/src/views/securityUnitChild/index.vue b/src/views/securityUnitChild/index.vue
index 98cddc7..313e434 100644
--- a/src/views/securityUnitChild/index.vue
+++ b/src/views/securityUnitChild/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="dispatch">
- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
+ <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
<span v-if="typeTABS.prop === 'tab1'" class="tab">
<basic-container>
<avue-form
@@ -24,7 +24,6 @@
</basic-container>
</span>
<span v-else-if="typeTABS.prop === 'tab2'" class="tab">
- <!-- <span v-if="typeTABS.prop === 'tab2'"> -->
<basic-container>
<avue-crud
:option="option1"
@@ -101,30 +100,162 @@
</basic-container>
</span>
<span v-else-if="typeTABS.prop === 'tab4'" class="tab">
- <!-- 装备管理 -->
<equipments :fromDeptId="departmentid"></equipments>
</span>
<span v-else-if="typeTABS.prop === 'tab5'" class="tab">
- <!-- 车辆管理 -->
<car :fromDeptId="departmentid"></car>
</span>
- <!-- <span v-else-if="typeTABS.prop === 'tab6'" class="tab">
- 枪支管理
- <gun :fromDeptId="departmentid"></gun>
- </span> -->
<span v-else-if="typeTABS.prop === 'tab9'" class="tab">
- <!-- 社保记录 -->
<social :deptid="obj0.departmentid"></social>
</span>
<span v-else-if="typeTABS.prop === 'tab7'" class="tab">
- <!-- 营业执照 -->
<businessLicense :row="obj0"></businessLicense>
</span>
<span v-else-if="typeTABS.prop === 'tab8'" class="tab">
- <!-- 许可证 -->
<licence :row="obj0"></licence>
- </span>
-
+ </span> -->
+ <el-tabs v-model="activeName" @tab-click="handleClick">
+ <!-- <span v-if="typeTABS.prop === 'tab1'" class="tab"> -->
+ <el-tab-pane label="保安单位基本信息" name="tab1">
+ <basic-container>
+ <avue-form
+ ref="form"
+ v-model="obj0"
+ :option="option0"
+ @submit="submit0"
+ >
+ </avue-form>
+ </basic-container>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-if="typeTABS.prop === 'tab11'" class="tab"> -->
+ <el-tab-pane label="工商信息" name="tab11">
+ <basic-container>
+ <avue-form
+ ref="form"
+ v-model="obj0"
+ :option="option01"
+ @submit="submit0"
+ >
+ </avue-form>
+ </basic-container>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab2'" class="tab"> -->
+ <el-tab-pane label="保安单位出资人员" name="tab2">
+ <basic-container>
+ <avue-crud
+ :option="option1"
+ :data="data1"
+ :page.sync="page1"
+ ref="crudrec1"
+ :table-loading="loading1"
+ @row-save="rowSave1"
+ @search-change="searchChange1"
+ @search-reset="searchReset1"
+ @row-update="rowUpdate1"
+ @row-del="rowDel1"
+ @selection-change="selectionChange1"
+ @refresh-change="refreshChange1"
+ @on-load="onLoad1"
+ >
+ <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ plain
+ icon="el-icon-delete"
+ @click="handleDelete1"
+ >删 除
+ </el-button>
+ <el-button
+ type="success"
+ size="small"
+ plain
+ icon="el-icon-upload2"
+ @click="handleImport"
+ >批量导入
+ </el-button>
+ </template>
+ </avue-crud>
+ </basic-container>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab3'" class="tab"> -->
+ <el-tab-pane label="主要管理人员信息" name="tab3">
+ <basic-container>
+ <avue-crud
+ :option="option2"
+ :data="data2"
+ :page.sync="page2"
+ ref="crudrec2"
+ :table-loading="loading2"
+ @row-save="rowSave2"
+ @search-change="searchChange2"
+ @search-reset="searchReset2"
+ @row-update="rowUpdate2"
+ @row-del="rowDel2"
+ @selection-change="selectionChange2"
+ @refresh-change="refreshChange2"
+ @on-load="onLoad2"
+ >
+ <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ plain
+ icon="el-icon-delete"
+ @click="handleDelete2"
+ >删 除
+ </el-button>
+ <el-button
+ type="success"
+ size="small"
+ plain
+ icon="el-icon-upload2"
+ @click="handleImport1"
+ >批量导入
+ </el-button>
+ </template>
+ </avue-crud>
+ </basic-container>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab4'" class="tab"> -->
+ <el-tab-pane label="装备管理" name="tab4">
+ <!-- 装备管理 -->
+ <equipments :fromDeptId="departmentid"></equipments>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab5'" class="tab"> -->
+ <el-tab-pane label="车辆管理" name="tab5">
+ <!-- 车辆管理 -->
+ <car :fromDeptId="departmentid"></car>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab6'" class="tab">
+ 枪支管理
+ <gun :fromDeptId="departmentid"></gun>
+ </span> -->
+ <!-- <span v-else-if="typeTABS.prop === 'tab9'" class="tab"> -->
+ <el-tab-pane label="社保记录" name="tab9">
+ <!-- 社保记录 -->
+ <social :deptid="obj0.departmentid"></social>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab7'" class="tab"> -->
+ <el-tab-pane label="营业执照" name="tab7">
+ <!-- 营业执照 -->
+ <businessLicense :row="obj0"></businessLicense>
+ <!-- </span> -->
+ </el-tab-pane>
+ <!-- <span v-else-if="typeTABS.prop === 'tab8'" class="tab"> -->
+ <el-tab-pane label="许可证" name="tab8">
+ <!-- 许可证 -->
+ <licence :row="obj0"></licence>
+ <!-- </span> -->
+ </el-tab-pane>
+ </el-tabs>
<el-dialog
title="出资人导入"
append-to-body
@@ -226,6 +357,8 @@
],
};
return {
+ activeName: "tab1",
+
departmentid: "",
excelBox: false, //出资人
@@ -437,6 +570,8 @@
},
methods: {
submit0(row, done, loading) {
+ // let nowTab = this.typeTABS.prop;
+ // console.log(this.typeTABS);
if (this.userInfo.role_name == "保安公司管理员") {
row["departmentid"] = this.userInfo.dept_id;
}
@@ -490,6 +625,7 @@
handleChangeTABS(column) {
this.typeTABS = column;
+ console.log(column.prop);
// this.$message.success(JSON.stringify(column));
if (column.prop == "tab1") {
this.loading1 = false;
@@ -788,10 +924,13 @@
readLock(name) {
return window.localStorage.getItem(name);
},
- onloads() {
+ onloads(tab) {
var that = this;
var doit = (a) => {
that.typeTABS = that.optionTABS.column[0];
+ // if (tab) {
+ // that.typeTABS.prop = tab;
+ // }
var row = {};
if (that.readLock("danweidata") != null) {
row = JSON.parse(that.readLock("danweidata"));
--
Gitblit v1.9.3