From 8c6cf205affbbc8ada74f00a7ca25ebca867e9ed Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:44:44 +0800
Subject: [PATCH] 图表颜色
---
src/views/securityUnit/index.vue | 907 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 490 insertions(+), 417 deletions(-)
diff --git a/src/views/securityUnit/index.vue b/src/views/securityUnit/index.vue
index fa5efb1..9f6b96c 100644
--- a/src/views/securityUnit/index.vue
+++ b/src/views/securityUnit/index.vue
@@ -1,7 +1,6 @@
<template>
- <div class="dispatch">
- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
- <span v-if="typeTABS.prop === 'tab1'">
+ <basic-container>
+ <div class="securityUnit">
<avue-crud
:option="option"
:data="data"
@@ -16,8 +15,26 @@
@row-del="rowDel"
@selection-change="selectionChange"
@refresh-change="refreshChange"
+ @row-click="rowClick"
>
+ <template slot-scope="{ type, size, row }" slot="menu">
+ <el-button
+ :size="size"
+ :type="type"
+ @click="handleUploadPage(row)"
+ icon="el-icon-circle-check"
+ >附件上传
+ </el-button>
+ </template>
<template slot="menuLeft">
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ size="small"
+ plain
+ @click.stop="rowSave"
+ >新增</el-button
+ >
<el-button
type="danger"
size="small"
@@ -26,105 +43,131 @@
@click="handleDelete"
>删 除
</el-button>
- </template>
- </avue-crud>
- </span>
- <span v-else-if="typeTABS.prop === 'tab2'">
- <avue-crud
- :option="option1"
- :data="data1"
- :page.sync="page1"
- ref="crudrec1"
- @on-load="onLoad1"
- :table-loading="loading1"
- @row-save="rowSave1"
- @search-change="searchChange1"
- @search-reset="searchReset1"
- @row-update="rowUpdate1"
- @row-del="rowDel1"
- @selection-change="selectionChange1"
- @refresh-change="refreshChange1"
- >
- <template slot="menuLeft">
<el-button
- type="danger"
+ type="success"
size="small"
plain
- icon="el-icon-delete"
- @click="handleDelete1"
- >删 除
+ icon="el-icon-upload2"
+ @click="handleImport1"
+ >批量导入
</el-button>
</template>
</avue-crud>
- </span>
- <span v-else-if="typeTABS.prop === 'tab3'">
- <avue-crud
- :option="option2"
- :data="data2"
- :page.sync="page2"
- ref="crudrec2"
- @on-load="onLoad2"
- :table-loading="loading2"
- @row-save="rowSave2"
- @search-change="searchChange2"
- @search-reset="searchReset2"
- @row-update="rowUpdate2"
- @row-del="rowDel2"
- @selection-change="selectionChange2"
- @refresh-change="refreshChange2"
+ <div class="lod" v-show="forms != -1">
+ <div class="lod-in">
+ <!-- <el-col class="trees" v-if="forms == 0">
+ <div class="box">
+ <el-scrollbar>
+ <basic-container>
+ <avue-tree
+ :option="treeOption"
+ :data="treeData"
+ @node-click="nodeClick"
+ />
+ </basic-container>
+ </el-scrollbar>
+ </div>
+ </el-col> -->
+ <avue-form
+ ref="form"
+ v-model="obj0"
+ :option="option0"
+ v-if="forms == 0"
+ >
+ <template slot="menuForm">
+ <el-button type="primary" @click="tip0">下一页</el-button>
+ <el-button type="info" @click="tipover">取消</el-button>
+ </template>
+ </avue-form>
+ <avue-form
+ ref="form1"
+ v-model="obj1"
+ :option="option1"
+ v-else-if="forms == 1"
+ >
+ <template slot="menuForm">
+ <el-button type="primary" @click="tip1up1">上一页</el-button>
+ <el-button type="primary" @click="tip1">下一页</el-button>
+ <el-button type="info" @click="tipover">取消</el-button>
+ </template>
+ </avue-form>
+ <avue-form
+ ref="form2"
+ v-model="obj2"
+ :option="option2"
+ v-else-if="forms == 2"
+ >
+ <template slot="menuForm">
+ <el-button type="primary" @click="tip2up2">上一页</el-button>
+ <el-button type="primary" @click="tip2">提交</el-button>
+ <el-button type="info" @click="tipover">取消</el-button>
+ </template>
+ </avue-form>
+ </div>
+ </div>
+ </div>
+ <el-dialog
+ title="保安单位导入"
+ append-to-body
+ :visible.sync="excelBox1"
+ width="555px"
+ >
+ <avue-form
+ :option="excelOption1"
+ v-model="excelForm1"
+ :upload-after="uploadAfter1"
>
- <template slot="menuLeft">
- <el-button
- type="danger"
- size="small"
- plain
- icon="el-icon-delete"
- @click="handleDelete2"
- >删 除
+ <template slot="excelTemplate">
+ <el-button type="primary" @click="handleTemplate1">
+ 点击下载<i class="el-icon-download el-icon--right"></i>
</el-button>
</template>
- </avue-crud>
- </span>
- </div>
-</template>
+ </avue-form>
+ </el-dialog>
+ </basic-container>
+</template>
<script>
-import { data, column, column1, column2 } from "./data";
+import { column, column0, column1, column2 } from "./data";
import {
getdata,
adddata,
update,
remove,
- getdata1,
adddata1,
- update1,
- remove1,
- getdata2,
adddata2,
- update2,
- remove2,
+ getDeptLazyTree,
} from "@/api/securityUnit/securityUnit";
-
+import { mapGetters } from "vuex";
export default {
data() {
+ var w = 160,
+ s = 12;
return {
- typeTABS: {}, //标签页
- optionTABS: {
+ excelBox1: false,
+ excelForm1: {},
+ excelOption1: {
+ submitBtn: false,
+ emptyBtn: false,
column: [
{
- icon: "el-icon-info",
- label: "保安单位基本信息",
- prop: "tab1",
+ label: "文件上传",
+ prop: "excelFile",
+ type: "upload",
+ drag: true,
+ loadText: "文件上传中,请稍等",
+ span: 24,
+ propsHttp: {
+ res: "data",
+ },
+ tip: "请上传 .xls,.xlsx 标准格式文件",
+ action: "/api/information/import-informaton",
},
{
- icon: "el-icon-info",
- label: "保安单位出资人员登记",
- prop: "tab2",
- },
- {
- icon: "el-icon-info",
- label: "主要管理人员信息采集",
- prop: "tab3",
+ label: "模板下载",
+ prop: "excelTemplate",
+ formslot: true,
+ span: 24,
},
],
},
@@ -136,65 +179,123 @@
currentPage: 1,
total: 0,
},
+
+ treeData: [],
+ treeOption: {
+ title: "我是标题",
+ filterText: "搜索关键字自定义",
+ defaultExpandAll: true,
+ addBtn: false,
+ menu: false,
+ size: "small",
+ formOption: {
+ labelWidth: 100,
+ column: [
+ {
+ label: "自定义项",
+ prop: "label",
+ },
+ ],
+ },
+ props: {
+ labelText: "标题",
+ label: "title",
+ value: "id",
+ children: "children",
+ },
+ },
+ // treeOption: {
+ // nodeKey: "id",
+ // // lazy: true,
+ // // treeLoad: function (node, resolve) {
+ // // // const parentId = node.level === 0 ? 0 : node.data.id;
+ // // getDeptLazyTree().then((res) => {
+ // // resolve(
+ // // res.data.data.map((item) => {
+ // // console.log({
+ // // ...item,
+ // // leaf: !item.hasChildren,
+ // // });
+ // // return {
+ // // ...item,
+ // // leaf: !item.hasChildren,
+ // // };
+ // // })
+ // // );
+ // // });
+ // // },
+ // addBtn: false,
+ // menu: false,
+ // size: "small",
+ // props: {
+ // labelText: "标题",
+ // label: "title",
+ // value: "value",
+ // children: "children",
+ // },
+ // },
+
+ obj0: {
+ title0: "保安单位基本信息",
+ },
+ option0: {
+ emptyBtn: false,
+ submitBtn: false,
+ gutter: 30,
+ column: column0,
+ },
+ obj1: {
+ title1: "保安单位出资人员",
+ },
+ option1: {
+ emptyBtn: false,
+ submitBtn: false,
+ gutter: 30,
+ column: column1,
+ },
+ obj2: {
+ title2: "主要管理人员信息",
+ },
+ option2: {
+ emptyBtn: false,
+ submitBtn: false,
+ gutter: 30,
+ column: column2,
+ },
+
+ forms: -1,
+ data0: {},
+ data1: {},
+ data2: {},
+ b0: {},
+ b1: {},
+ b2: {},
+ noshehuibianma: 0,
+ nobumen: 0,
+
query: {},
data: [],
option: {
- card: true,
+ index: true,
+ addBtn: false,
+ // card: true,
+ tip: false,
searchSize: "mini",
searchMenuSpan: 6,
- height: 547,
- menuWidth: 160,
+ height: 583,
+ menuWidth: 220,
align: "center",
selection: true,
column: column,
},
-
- loading1: true, //派遣记录
- selectionList1: [],
- page1: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- },
- query1: {},
- data1: [],
- option1: {
- card: true,
- searchSize: "mini",
- searchMenuSpan: 6,
- height: 547,
- menuWidth: 160,
- align: "center",
- selection: true,
- column: column1,
- },
-
- loading2: true, //派遣记录
- selectionList2: [],
- page2: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- },
- query2: {},
- data2: [],
- option2: {
- card: true,
- searchSize: "mini",
- searchMenuSpan: 6,
- height: 547,
- menuWidth: 160,
- align: "center",
- selection: true,
- column: column2,
- },
};
},
computed: {
+ ...mapGetters(["userInfo"]),
ids() {
let ids = [];
this.selectionList.forEach((ele) => {
- ids.push(ele.id);
+ ids.push(ele.creditcode);
});
return ids.join(",");
},
@@ -212,25 +313,41 @@
});
return ids2.join(",");
},
+ haveID() {
+ return this.obj0.creditcode;
+ },
},
methods: {
- handleChangeTABS(column) {
- this.typeTABS = column;
- // this.$message.success(JSON.stringify(column));
- if (column.prop == "tab1") {
- this.loading1 = false;
- this.loading2 = false;
- this.onLoad(this.page);
- } else if (column.prop == "tab2") {
- this.loading = false;
- this.loading2 = false;
- this.onLoad1(this.page1); //第二个表格不会自动执行
- } else if (column.prop == "tab3") {
- this.loading1 = false;
- this.loading = false;
- this.onLoad2(this.page2); //第二个表格不会自动执行
- }
+ handleImport1() {
+ this.excelBox1 = true;
},
+ uploadAfter1(res, done, loading, column) {
+ window.console.log(column);
+ this.excelBox1 = false;
+ // this.refreshChange();
+ done();
+ },
+ handleTemplate1() {
+ window.open(`/api/examSubjectChoices/export-template`);
+ },
+
+ // handleChangeTABS(column) {
+ // this.typeTABS = column;
+ // // this.$message.success(JSON.stringify(column));
+ // if (column.prop == "tab1") {
+ // this.loading1 = false;
+ // this.loading2 = false;
+ // this.onLoad(this.page);
+ // } else if (column.prop == "tab2") {
+ // this.loading = false;
+ // this.loading2 = false;
+ // this.onLoad1(this.page1); //第二个表格不会自动执行
+ // } else if (column.prop == "tab3") {
+ // this.loading1 = false;
+ // this.loading = false;
+ // this.onLoad2(this.page2); //第二个表格不会自动执行
+ // }
+ // },
//保安单位基本信息
sizeChange(val) {
this.page1.currentPage = 1;
@@ -246,25 +363,15 @@
// this.$message.success("页码" + val);
},
rowSave(form, done, loading) {
+ // console.log("save1");
+ this.forms = 0;
var that = this;
- // var form = this.data[0];
- // delete form.id;
- // for (var k = 0; k < 13; k++) {
- adddata(form).then(
- (res) => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- // }
+ //先获取部门接口
+ getDeptLazyTree().then((res) => {
+ var d = res.data.data;
+ that.treeData = d;
+ // console.log(d);
+ });
},
searchChange(params, done) {
this.query = params;
@@ -278,6 +385,7 @@
},
rowUpdate(row, index, done, loading) {
delete row.tenantid;
+ delete row.regstsat;
console.log(row, 0);
update(row).then(
() => {
@@ -301,7 +409,8 @@
type: "warning",
})
.then(() => {
- return remove(row.id);
+ console.log(row);
+ return remove(row.creditcode, row.departmentid);
})
.then(() => {
this.onLoad(this.page);
@@ -319,13 +428,14 @@
this.$message.warning("请选择至少一条数据");
return;
}
- this.$confirm("确定将选择数据删除?", {
+ this.$confirm("确定批量将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
- return remove(this.ids);
+ console.log(this.ids);
+ // return remove(this.ids);
})
.then(() => {
this.onLoad(this.page);
@@ -339,301 +449,264 @@
refreshChange() {
this.onLoad(this.page, this.query);
},
+ rowClick(row) {
+ // console.log(row);
+ // row.identificationnumber; //统一社会信用代 码
+ window.localStorage.setItem("danweidata", JSON.stringify(row));
+ this.$router.push({
+ path: "/securityUnitChild",
+ // redirect: { name: "foo" },
+ query: { rowsecurity: "fromSecurity" },
+ // params: { row: row.identificationnumber },
+ });
+ },
+ //跳转到附近列表页面
+ handleUploadPage(row) {
+ this.$router.push({
+ path: `/resource/attachCopy`,
+ query: {
+ deptId: row.departmentid,
+ enterprisename: row.enterprisename,
+ },
+ });
+ },
onLoad(page, params = {}) {
+ if (this.userInfo.role_id == "1414840172333842433") {
+ console.log("是公安add jurisdiction");
+ params["jurisdiction"] = this.userInfo.jurisdiction;
+ }
this.loading = true;
getdata(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
- // console.log(res);
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
+ window.localStorage.setItem("danweidataS", JSON.stringify(this.data));
console.log(this.data);
this.loading = false;
});
},
- //保安单位基本信息
-
- //派遣记录
- sizeChange1(val) {
- this.page1.currentPage = 1;
- this.page1.pageSize = val;
- // this.getData();
- this.onLoad1(this.page1, this.query1);
- // this.$message.success("行数" + val);
- },
- currentChange1(val) {
- this.page1.currentPage = val;
- // this.getData();
- this.onLoad1(this.page1, this.query1);
- // this.$message.success("页码" + val);
- },
- rowSave1(form, done, loading) {
- var that = this;
- // var form = this.data[0];
- // delete form.id;
- // for (var k = 0; k < 13; k++) {
- adddata1(form).then(
- (res) => {
- this.onLoad1(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- // }
- },
- searchChange1(params, done) {
- this.query1 = params;
- this.page1.currentPage = 1;
- this.onLoad1(this.page1, params);
- done();
- },
- searchReset1() {
- this.query = {};
- this.onLoad1(this.page1);
- },
- rowUpdate1(row, index, done, loading) {
- delete row.shareholdingratio;
- delete row.tenantId;
- console.log(row);
- update1(row).then(
- () => {
- this.onLoad1(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- rowDel1(row) {
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove1(row.id);
- })
- .then(() => {
- this.onLoad1(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- },
- selectionChange1(list) {
- this.selectionList1 = list;
- },
- handleDelete1() {
- if (this.selectionList1.length === 0) {
- this.$message.warning("请选择至少一条数据");
+ // nodeClick(data) {//分局 不在这添加
+ // // this.treeDeptId = data.id;
+ // // this.page.currentPage = 1;
+ // // this.onLoad(this.page);
+ // // this.$message.success(JSON.stringify(data));
+ // this.obj0["departmentid"] = data.title;
+ // this.obj1["departmentid"] = data.title;
+ // this.obj2["departmentid"] = data.title;
+ // this.obj0["useid"] = data.id;
+ // this.obj1["useid"] = data.id;
+ // this.obj2["useid"] = data.id;
+ // this.nobumen = 1;
+ // },
+ tip0() {
+ if (this.panduanmeiyouziduan()) {
return;
}
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove1(this.ids1);
- })
- .then(() => {
- this.onLoad1(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- this.$refs.crudrec1.toggleSelection();
- });
- },
- refreshChange1() {
- this.onLoad1(this.page1, this.query1);
- },
-
- //
- onLoad1(page, params = {}) {
- this.loading1 = true;
- // console.log(page);
- getdata1(
- page.currentPage,
- page.pageSize,
- Object.assign(params, this.query)
- ).then((res) => {
- // console.log(res);
- const data = res.data.data;
- this.page1.total = data.total;
- this.data1 = data.records;
- console.log(this.data1);
- this.loading1 = false;
- });
- },
- //派遣记录
-
- //派遣记录
- sizeChange2(val) {
- this.page2.currentPage = 1;
- this.page2.pageSize = val;
- // this.getData();
- this.onLoad2(this.page2, this.query2);
- // this.$message.success("行数" + val);
- },
- currentChange2(val) {
- this.page2.currentPage = val;
- // this.getData();
- this.onLoad2(this.page2, this.query2);
- // this.$message.success("页码" + val);
- },
- rowSave2(form, done, loading) {
- var that = this;
- // var form = this.data[0];
- // delete form.id;
- // for (var k = 0; k < 13; k++) {
- adddata2(form).then(
- (res) => {
- this.onLoad2(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
+ var d = {};
+ for (var k in this.obj0) {
+ for (var i in column0) {
+ if (k == column0[i].prop && k != "title0") {
+ d[k] = this.obj0[k];
+ }
}
- );
- // }
- },
- searchChange2(params, done) {
- this.query2 = params;
- this.page2.currentPage = 1;
- this.onLoad2(this.page2, params);
- done();
- },
- searchReset2() {
- this.query = {};
- this.onLoad2(this.page2);
- },
- rowUpdate2(row, index, done, loading) {
- console.log(row);
- update2(row).then(
- () => {
- this.onLoad2(this.page2);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
+ }
+ console.log(d);
+ for (var k in d) {
+ if (d[k] == "" || d[k] == undefined) {
+ console.log(k);
+ this.$message.warning("请检查表单是否填写完整!");
+ return;
}
- );
+ }
+ console.log(d, 0);
+ this.data0 = d;
+ this.forms = 1;
},
- rowDel2(row) {
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove2(row.id);
- })
- .then(() => {
- this.onLoad2(this.page1);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- },
- selectionChange2(list) {
- this.selectionList2 = list;
- },
- handleDelete2() {
- if (this.selectionList2.length === 0) {
- this.$message.warning("请选择至少一条数据");
+ tip1() {
+ if (this.panduanmeiyouziduan()) {
return;
}
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove2(this.ids2);
- })
- .then(() => {
- this.onLoad2(this.page2);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- this.$refs.crudrec2.toggleSelection();
- });
+ var d = {};
+ for (var k in this.obj1) {
+ for (var i in column1) {
+ if (k == column1[i].prop && k != "title1") {
+ d[k] = this.obj1[k];
+ }
+ }
+ }
+ d["capital"] = d["capital2"];
+ delete d["capital2"];
+ // console.log(d);
+ for (var k in d) {
+ if (d[k] == "" || d[k] == undefined) {
+ console.log(k);
+ this.$message.warning("请检查表单是否填写完整!");
+ return;
+ }
+ }
+ console.log(d, 1);
+ this.data1 = d;
+ this.forms = 2;
},
- refreshChange2() {
- this.onLoad2(this.page2, this.query2);
- },
+ tip2() {
+ if (this.panduanmeiyouziduan()) {
+ return;
+ }
+ var d = {};
+ for (var k in this.obj2) {
+ for (var i in column2) {
+ if (k == column2[i].prop && k != "title2") {
+ d[k] = this.obj2[k];
+ }
+ }
+ }
+ console.log(d);
+ d["cardid"] = d["cardid2"];
+ delete d["cardid2"];
+ d["cell"] = d["cell2"];
+ delete d["cell2"];
+ // d["shareholdingratio"] = d["shareholdingratio2"];
+ // delete d["shareholdingratio2"];
+ for (var k in d) {
+ if (d[k] == "" || d[k] == undefined) {
+ console.log(k);
+ this.$message.warning("请检查表单是否填写完整!");
+ return;
+ }
+ }
+ console.log(d, 2);
+ this.data2 = d;
- //
- onLoad2(page, params = {}) {
- this.loading2 = true;
- console.log(page);
- getdata2(
- page.currentPage,
- page.pageSize,
- Object.assign(params, this.query)
- ).then((res) => {
- // console.log(res);
- const data = res.data.data;
- this.page2.total = data.total;
- this.data2 = data.records;
- console.log(this.data2);
- this.loading2 = false;
+ // this.data0.departmentid = this.data0.useid;
+ // this.data1.departmentid = this.data1.useid;
+ // this.data2.departmentid = this.data2.useid;
+ // delete this.data0.useid;
+ // delete this.data1.useid;
+ // delete this.data2.useid;
+
+ adddata(this.data0).then((res) => {
+ console.log(res, 0);
});
+ adddata1(this.data1).then((res) => {
+ console.log(res, 1);
+ });
+ adddata2(this.data2).then((res) => {
+ console.log(res, 2);
+ });
+ var time = setTimeout(() => {
+ this.onLoad(this.page, this.query);
+ console.log(this.data0, this.data1, this.data2, "已刷新");
+ }, 500);
+ this.tipover();
},
- //派遣记录
+ tip1up1() {
+ this.forms = 0;
+ },
+ tip2up2() {
+ this.forms = 1;
+ },
+ tipover() {
+ this.forms = -1;
+ this.obj0 = {
+ title0: "保安单位基本信息",
+ };
+ this.obj1 = {
+ title1: "保安单位出资人员",
+ };
+ this.obj2 = {
+ title2: "主要管理人员信息",
+ };
+ this.data0 = {};
+ this.data1 = {};
+ this.data2 = {};
+ this.noshehuibianma = 0;
+ this.nobumen = 0;
+ },
+ panduanmeiyouziduan() {
+ if (this.noshehuibianma == 0) {
+ this.$message.warning("请输入统一社会信用代码");
+ return true;
+ }
+ if (this.nobumen == 0) {
+ return false;
+ this.$message.warning("请选则部门");
+ }
+ return false;
+ },
},
- mounted() {
- // this.Ourdata = data;
- // this.onLoad1(this.page1); //第二个表格不会自动执行
- // this.onLoad2(this.page2); //第三个表格不会自动执行
- this.typeTABS = this.optionTABS.column[0];
+ watch: {
+ haveID() {
+ // console.log(this.haveID);
+ if (this.haveID != undefined) {
+ if (this.haveID.length > 5) {
+ //统一社会信用代码判断
+ this.noshehuibianma = 1;
+ } else {
+ this.noshehuibianma = 0;
+ }
+ }
+ },
+ havedata() {
+ console.log(this.havedata, "qqqqq");
+ },
},
+ mounted() {},
};
</script>
<style lang="scss">
-.dispatch {
+.securityUnit {
width: 100%;
height: 100%;
// border: 1px solid #000;
box-sizing: border-box;
}
-.el-card__body {
- padding-bottom: 5px !important;
+// .el-card__body {
+// padding-bottom: 5px !important;
+// }
+// .avue-crud__tip,
+// .el-tag,
+// .el-tag--light {
+// padding: 0 !important;
+// }
+
+.lod {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba($color: #000000, $alpha: 0.5);
+ padding: 100px 0 0 0;
+ z-index: 500 !important;
+ display: flex;
+ // align-items: center;
+ justify-content: center;
+ .trees {
+ z-index: 501 !important;
+ position: absolute;
+ width: 15%;
+ top: 100px;
+ left: 0;
+ // display: none;
+ }
+ .lod-in {
+ width: 70%;
+ height: auto;
+ background-color: transparent;
+
+ // padding: 10px 0 0 0;
+ }
+
+ .el-collapse-item {
+ padding-top: 15px !important;
+ }
}
-.avue-crud__tip,
-.el-tag,
-.el-tag--light {
- padding: 0 !important;
+.el-collapse {
+ border-top: 1px solid transparent !important;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3