| | |
| | | </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" |
| | | plain |
| | |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <el-dialog |
| | | :visible.sync="forms" |
| | | width="80%" |
| | | top="5vh" |
| | | :modal-append-to-body="false" |
| | | class="addCompany" |
| | | > |
| | | <avue-form |
| | | ref="form" |
| | | v-model="obj0" |
| | | :option="option0" |
| | | v-if="forms" |
| | | @submit="handleSubmit" |
| | | > |
| | | </avue-form> |
| | | </el-dialog> |
| | | </div> |
| | | <el-dialog |
| | | title="保安单位导入" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { column, column0, column1, column2 } from "./data"; |
| | | import { |
| | | getdata, |
| | | adddata, |
| | | update, |
| | | remove, |
| | | adddata1, |
| | | adddata2, |
| | | getDeptLazyTree, |
| | | } from "@/api/securityUnit/securityUnit"; |
| | | import { mapGetters } from "vuex"; |
| | | export default { |
| | | data() { |
| | | var w = 160, |
| | | s = 12; |
| | | return { |
| | | excelBox1: false, |
| | | excelForm1: {}, |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | |
| | | loading: true, //保安单位基本信息 |
| | | selectionList: [], |
| | | page: { |
| | |
| | | total: 0, |
| | | ...this.$store.state.control.changePageSize, |
| | | }, |
| | | |
| | | treeData: [], |
| | | treeOption: { |
| | | title: "我是标题", |
| | |
| | | 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: true, |
| | | 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: false, |
| | | data0: {}, |
| | | data1: {}, |
| | | data2: {}, |
| | | b0: {}, |
| | | b1: {}, |
| | | b2: {}, |
| | | noshehuibianma: 0, |
| | | nobumen: 0, |
| | | |
| | | query: {}, |
| | | data: [], |
| | | option: { |
| | | index: true, |
| | | addBtn: false, |
| | | addBtn: true, |
| | | // card: true, |
| | | tip: false, |
| | | searchSize: "mini", |
| | |
| | | menuWidth: 275, |
| | | align: "center", |
| | | selection: true, |
| | | column: column, |
| | | ...this.$store.state.control.clearOtherBut, |
| | | column: [ |
| | | { |
| | | label: "企业名称", |
| | | prop: "enterprisename", |
| | | search: true, |
| | | searchSpan: 4, |
| | | labelWidth: 145, |
| | | minWidth: 160, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择企业名称", |
| | | trigger: "click", |
| | | }, |
| | | ], |
| | | overHidden: true, |
| | | }, |
| | | { |
| | | label: "所属辖区", |
| | | prop: "jurisdiction", |
| | | //父节点不能选 |
| | | parent: false, |
| | | labelWidth: 145, |
| | | type: "tree", |
| | | dicUrl: "/api//jurisdiction/lazy-trees", |
| | | props: { |
| | | label: "title", |
| | | value: "id", |
| | | }, |
| | | rules: [ |
| | | { |
| | | required: false, |
| | | message: "请选择所属辖区", |
| | | trigger: "click", |
| | | }, |
| | | ], |
| | | overHidden: true, |
| | | }, |
| | | { |
| | | label: "法定代表人", |
| | | prop: "representative", |
| | | span: 12, |
| | | labelWidth: 145, |
| | | disabled: false, |
| | | rules: [ |
| | | { |
| | | required: false, |
| | | message: "请输入法定代表人", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "法定代表人电话", |
| | | prop: "representativecell", |
| | | span: 12, |
| | | labelWidth: 145, |
| | | disabled: false, |
| | | rules: [ |
| | | { |
| | | required: false, |
| | | message: "请输入法定代表人电话", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "联系人", |
| | | prop: "contacts", |
| | | labelWidth: 145, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "联系电话", |
| | | prop: "contactscell", |
| | | labelWidth: 145, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "保安人数", |
| | | labelWidth: 145, |
| | | prop: "znum", |
| | | searchSpan: 4, |
| | | addDisabled: false, |
| | | addDisplay: false, |
| | | editDisabled: false, |
| | | editDisplay: false, |
| | | viewDisabled: false, |
| | | viewDisplay: false, |
| | | searchLabelWidth: 100, |
| | | }, |
| | | { |
| | | label: "派遣人数", |
| | | labelWidth: 145, |
| | | prop: "pnum", |
| | | addDisabled: false, |
| | | addDisplay: false, |
| | | editDisabled: false, |
| | | editDisplay: false, |
| | | viewDisabled: false, |
| | | viewDisplay: false, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 100, |
| | | }, |
| | | { |
| | | label: "持证人数", |
| | | labelWidth: 145, |
| | | prop: "cnum", |
| | | addDisabled: false, |
| | | addDisplay: false, |
| | | editDisabled: false, |
| | | editDisplay: false, |
| | | viewDisabled: false, |
| | | viewDisplay: false, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 100, |
| | | }, |
| | | { |
| | | label: "企业属性", |
| | | prop: "stats", |
| | | type: "tree", |
| | | hide: true, |
| | | labelWidth: 145, |
| | | dicUrl: "/api/blade-system/dict-biz/dictionary?code=stats", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey", |
| | | }, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择企业属性", |
| | | trigger: "click", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "注册地址", |
| | | prop: "address", |
| | | labelWidth: 145, |
| | | // search: true, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "注册时间", |
| | | prop: "establishtime", |
| | | span: 12, |
| | | labelWidth: 145, |
| | | disabled: true, |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | // 表单新增时是否禁止 |
| | | addDisabled: false, |
| | | // 表单新增时是否可见 |
| | | addDisplay: false, |
| | | // 表单新增时是否为查看模式 |
| | | addDetail: false, |
| | | // 表单编辑时是否禁止 |
| | | editDisabled: false, |
| | | // 表单编辑时是否可见 |
| | | editDisplay: false, |
| | | // 表单编辑时是否为查看模式 |
| | | editDetail: false, |
| | | rules: [ |
| | | { |
| | | required: false, |
| | | message: "请选择注册时间", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "办公地址", |
| | | prop: "industry", |
| | | span: 12, |
| | | labelWidth: 145, |
| | | disabled: false, |
| | | hide:true, |
| | | rules: [{ |
| | | required: false, |
| | | message: "请选择办公地址", |
| | | trigger: "blur", |
| | | }, ], |
| | | }, |
| | | { |
| | | label: "登记机关", |
| | | prop: "registration", |
| | | // search: true, |
| | | labelWidth: 145, |
| | | // width: 88, |
| | | overHidden: true, |
| | | hide: true, |
| | | }, |
| | | ], |
| | | ...this.$store.state.control.clearOtherBut, |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.option0.column[4].value = 1; |
| | | this.option0.column[4].disabled = true; |
| | | const column = this.findObject(this.option.column, "stats"); |
| | | column.value = "1"; |
| | | column.editDisabled = true; |
| | | column.addDisabled = true; |
| | | if(this.userInfo.role_name == "administrator" ){ |
| | | column.editDisabled = false; |
| | | column.addDisabled = false; |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo"]), |
| | |
| | | ids.push(ele.creditcode); |
| | | }); |
| | | return ids.join(","); |
| | | }, |
| | | ids1() { |
| | | let ids1 = []; |
| | | this.selectionList.forEach((ele) => { |
| | | ids1.push(ele.departmentid); |
| | | }); |
| | | return ids1.join(","); |
| | | }, |
| | | haveID() { |
| | | return this.obj0.creditcode; |
| | | }, |
| | | }, |
| | | methods: { |
| | |
| | | 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; |
| | |
| | | this.page1.currentPage = val; |
| | | // this.getData(); |
| | | this.onLoad(this.page, this.query); |
| | | // this.$message.success("页码" + val); |
| | | }, |
| | | rowSave(form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | | var d = res.data.data; |
| | | that.treeData = d; |
| | | // console.log(d); |
| | | }); |
| | | }, |
| | | handleSubmit(form, done) { |
| | | form["createUserId"] = this.userInfo.Id; |
| | | // console.log(form); |
| | | // done(); |
| | | // return; |
| | | adddata(form).then((res) => { |
| | | if (res.data.success) { |
| | | this.$message({ |
| | | message: "提交成功", |
| | | message: "操作成功", |
| | | type: "success", |
| | | }); |
| | | this.refreshChange(); |
| | |
| | | this.forms = false; |
| | | } else { |
| | | this.$message({ |
| | | message: "提交失败", |
| | | message: "操作失败", |
| | | type: "warning", |
| | | }); |
| | | done(); |
| | |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | rowClick(row) { |
| | | // console.log(row); |
| | | // row.identificationnumber; //统一社会信用代 码 |
| | | window.localStorage.setItem("danweidata", JSON.stringify(row)); |
| | | var data = JSON.stringify(row); |
| | | this.$router.push({ |
| | | path: "/securityUnitChild", |
| | | // redirect: { name: "foo" }, |
| | | query: { rowsecurity: "fromSecurity" }, |
| | | // params: { row: row.identificationnumber }, |
| | | query: { data: data }, |
| | | }); |
| | | }, |
| | | //跳转到附近列表页面 |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | // 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; |
| | | } |
| | | 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]; |
| | | } |
| | | } |
| | | } |
| | | 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; |
| | | }, |
| | | tip1() { |
| | | if (this.panduanmeiyouziduan()) { |
| | | return; |
| | | } |
| | | 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; |
| | | }, |
| | | 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; |
| | | |
| | | // 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 = true; |
| | | }, |
| | | 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; |
| | | }, |
| | | }, |
| | | 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() {}, |
| | | }; |
| | |
| | | // border: 1px solid #000; |
| | | box-sizing: border-box; |
| | | } |
| | | // .el-card__body { |
| | | // padding-bottom: 5px !important; |
| | | // } |
| | | // .avue-crud__tip, |
| | | // .el-tag, |
| | | // .el-tag--light { |
| | | // padding: 0 !important; |
| | | // } |
| | | |
| | | .lod { |
| | | position: absolute; |