6 files modified
1 files deleted
| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="securityUnit"> |
| | | <avue-crud :option="option" |
| | | <avue-crud |
| | | :option="option" |
| | | :data="data" |
| | | :page.sync="page" |
| | | ref="crudrec" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-del="rowDel" |
| | | @selection-change="selectionChange" |
| | | @refresh-change="refreshChange"> |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <!-- @row-click="rowClick" --> |
| | | <template slot-scope="{ row }" |
| | | slot="znum"> |
| | | <el-tag class="rowClickSelf" |
| | | <template slot-scope="{ row }" slot="znum"> |
| | | <el-tag |
| | | class="rowClickSelf" |
| | | @click="rowClickSelf(row)" |
| | | title="点击查看保安人员情况">{{ row.znum }}</el-tag> |
| | | title="点击查看保安人员情况" |
| | | >{{ row.znum }}</el-tag |
| | | > |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" |
| | | slot="menu"> |
| | | <el-button icon="el-icon-s-custom" |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-custom" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="rowClick(row)">查看 |
| | | @click.stop="rowClick(row)" |
| | | >查看 |
| | | </el-button> |
| | | <el-button :size="size" |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="handleUploadPage(row)" |
| | | icon="el-icon-circle-check">附件上传 |
| | | icon="el-icon-circle-check" |
| | | >附件上传 |
| | | </el-button> |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="Uploads(row)" |
| | | icon="el-icon-circle-check" |
| | | >单位装备清单 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | plain |
| | | @click.stop="rowSave">信息登记</el-button> |
| | | <el-button type="danger" |
| | | @click.stop="rowSave" |
| | | >信息登记</el-button |
| | | > |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-delete" |
| | | @click="handleDelete">删 除 |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | | <el-button type="success" |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport1">批量导入 |
| | | @click="handleImport1" |
| | | >批量导入 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="信息登记" |
| | | <el-dialog |
| | | title="信息登记" |
| | | append-to-body |
| | | :visible.sync="forms" |
| | | :close-on-click-modal='false' |
| | | :close-on-click-modal="false" |
| | | @close="tipover" |
| | | class="information-box" |
| | | width="60%"> |
| | | |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" |
| | | name="first"> |
| | | |
| | | <avue-form ref="form" |
| | | v-model="obj0" |
| | | :option="option0"> |
| | | <template slot="menuForm" |
| | | align='center'> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | width="60%" |
| | | > |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" name="first"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> |
| | | <template slot="menuForm" align="center"> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安单位出资人员" |
| | | name="second"> |
| | | |
| | | <avue-form ref="form1" |
| | | v-model="obj1" |
| | | :option="option1"> |
| | | <el-tab-pane label="保安单位出资人员" name="second"> |
| | | <avue-form ref="form1" v-model="obj1" :option="option1"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="主要管理人员信息" |
| | | name="third"> |
| | | |
| | | <avue-form ref="form2" |
| | | v-model="obj2" |
| | | :option="option2"> |
| | | <el-tab-pane label="主要管理人员信息" name="third"> |
| | | <avue-form ref="form2" v-model="obj2" :option="option2"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | <el-dialog title="保安单位导入" |
| | | <el-dialog |
| | | title="保安单位导入" |
| | | append-to-body |
| | | :visible.sync="excelBox1" |
| | | width="555px"> |
| | | <avue-form :option="excelOption1" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption1" |
| | | v-model="excelForm1" |
| | | :upload-after="uploadAfter1"> |
| | | :upload-after="uploadAfter1" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" |
| | | @click="handleTemplate1"> |
| | | <el-button type="primary" @click="handleTemplate1"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | |
| | | }, |
| | | |
| | | obj0: { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }, |
| | | obj1: { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }, |
| | | obj2: { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }, |
| | | option0: { |
| | | emptyBtn: false, |
| | |
| | | searchSize: "mini", |
| | | searchMenuSpan: 6, |
| | | height: 583, |
| | | menuWidth: 275, |
| | | menuWidth: 369, |
| | | border: true, |
| | | align: "center", |
| | | selection: true, |
| | | column: column, |
| | | }, |
| | | |
| | | activeName: 'first', |
| | | |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | Uploads(row) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | | path: `/resource/attachCopyzb`, |
| | | query: { |
| | | deptId: row.departmentid, |
| | | enterprisename: row.enterprisename, |
| | | }, |
| | | }); |
| | | }, |
| | | rowClickSelf (val) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | |
| | | rowSave (form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | this.activeName = 'first'; |
| | | this.activeName = "first"; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | |
| | | oneObj[k] = this.obj0[k]; |
| | | } |
| | | |
| | | if (column0[i].prop == 'creditcode') { |
| | | |
| | | column1[1].value = column0[i].value |
| | | |
| | | if (column0[i].prop == "creditcode") { |
| | | column1[1].value = column0[i].value; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | this.data1 = twoObj; |
| | | |
| | | |
| | | |
| | | var threeObj = {}; |
| | | for (var threek in this.obj2) { |
| | |
| | | tipover () { |
| | | this.forms = false; |
| | | this.obj0 = { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }; |
| | | |
| | | this.obj1 = { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }; |
| | | this.obj2 = { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }; |
| | | this.data0 = {}; |
| | | this.data1 = {}; |
| | |
| | | }, |
| | | }, |
| | | mounted () { |
| | | var that = this |
| | | var that = this; |
| | | |
| | | this.option0.column.forEach(item => { |
| | | this.option0.column.forEach((item) => { |
| | | if (item.prop == "creditcode") { |
| | | item.change = function (e) { |
| | | |
| | | that.obj1.creditcode = e.value |
| | | that.obj2.creditcode = e.value |
| | | |
| | | that.obj1.creditcode = e.value; |
| | | that.obj2.creditcode = e.value; |
| | | }; |
| | | } |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | }); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | label: "法定代表人", |
| | | labelWidth: 160, |
| | | prop: "representative", |
| | | width: 110, |
| | | width: 90, |
| | | search: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 100 |
| | |
| | | label: "法定代表人电话", |
| | | labelWidth: 160, |
| | | prop: "representativecell", |
| | | width: 120, |
| | | width: 110, |
| | | // search: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 100 |
| | |
| | | label: "注册时间", |
| | | prop: "establishtime", |
| | | labelWidth: 160, |
| | | width: 130, |
| | | width: 100, |
| | | overHidden: true, |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | |
| | | label: "联系人", |
| | | prop: "contacts", |
| | | labelWidth: 160, |
| | | width: 85, |
| | | width: 60, |
| | | }, { |
| | | label: "联系电话", |
| | | prop: "contactscell", |
| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="securityUnit"> |
| | | <avue-crud :option="option" |
| | | <avue-crud |
| | | :option="option" |
| | | :data="data" |
| | | :page.sync="page" |
| | | ref="crudrec" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-del="rowDel" |
| | | @selection-change="selectionChange" |
| | | @refresh-change="refreshChange"> |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <!-- @row-click="rowClick" --> |
| | | <template slot-scope="{ row }" |
| | | slot="znum"> |
| | | <el-tag class="rowClickSelf" |
| | | <template slot-scope="{ row }" slot="znum"> |
| | | <el-tag |
| | | class="rowClickSelf" |
| | | @click="rowClickSelf(row)" |
| | | title="点击查看保安人员情况">{{ row.znum }}</el-tag> |
| | | title="点击查看保安人员情况" |
| | | >{{ row.znum }}</el-tag |
| | | > |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" |
| | | slot="menu"> |
| | | <el-button icon="el-icon-s-custom" |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-custom" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="rowClick(row)">查看 |
| | | @click.stop="rowClick(row)" |
| | | >查看 |
| | | </el-button> |
| | | <el-button :size="size" |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="handleUploadPage(row)" |
| | | icon="el-icon-circle-check">附件上传 |
| | | icon="el-icon-circle-check" |
| | | >附件上传 |
| | | </el-button> |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="Uploads(row)" |
| | | icon="el-icon-circle-check" |
| | | >单位装备清单 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | plain |
| | | @click.stop="rowSave">信息登记</el-button> |
| | | <el-button type="danger" |
| | | @click.stop="rowSave" |
| | | >信息登记</el-button |
| | | > |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-delete" |
| | | @click="handleDelete">删 除 |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | | <el-button type="success" |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport1">批量导入 |
| | | @click="handleImport1" |
| | | >批量导入 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="信息登记" |
| | | <el-dialog |
| | | title="信息登记" |
| | | append-to-body |
| | | :visible.sync="forms" |
| | | :close-on-click-modal='false' |
| | | :close-on-click-modal="false" |
| | | @close="tipover" |
| | | class="information-box" |
| | | width="60%"> |
| | | |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" |
| | | name="first"> |
| | | |
| | | <avue-form ref="form" |
| | | v-model="obj0" |
| | | :option="option0"> |
| | | <template slot="menuForm" |
| | | align='center'> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | width="60%" |
| | | > |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" name="first"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> |
| | | <template slot="menuForm" align="center"> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安单位出资人员" |
| | | name="second"> |
| | | |
| | | <avue-form ref="form1" |
| | | v-model="obj1" |
| | | :option="option1"> |
| | | <el-tab-pane label="保安单位出资人员" name="second"> |
| | | <avue-form ref="form1" v-model="obj1" :option="option1"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="主要管理人员信息" |
| | | name="third"> |
| | | |
| | | <avue-form ref="form2" |
| | | v-model="obj2" |
| | | :option="option2"> |
| | | <el-tab-pane label="主要管理人员信息" name="third"> |
| | | <avue-form ref="form2" v-model="obj2" :option="option2"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | |
| | | <el-dialog title="保安单位导入" |
| | | <el-dialog |
| | | title="保安单位导入" |
| | | append-to-body |
| | | :visible.sync="excelBox1" |
| | | width="555px"> |
| | | <avue-form :option="excelOption1" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption1" |
| | | v-model="excelForm1" |
| | | :upload-after="uploadAfter1"> |
| | | :upload-after="uploadAfter1" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" |
| | | @click="handleTemplate1"> |
| | | <el-button type="primary" @click="handleTemplate1"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | | </avue-form> |
| | | </el-dialog> |
| | | |
| | | </basic-container> |
| | | </template> |
| | | |
| | |
| | | }, |
| | | |
| | | obj0: { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }, |
| | | obj1: { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }, |
| | | obj2: { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }, |
| | | |
| | | option0: { |
| | |
| | | searchSize: "mini", |
| | | searchMenuSpan: 6, |
| | | height: 583, |
| | | menuWidth: 275, |
| | | menuWidth: 369, |
| | | border: true, |
| | | align: "center", |
| | | selection: true, |
| | |
| | | addBtnText: "信息登记", |
| | | }, |
| | | |
| | | activeName: 'first', |
| | | |
| | | |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | Uploads(row) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | | path: `/resource/attachCopyzb`, |
| | | query: { |
| | | deptId: row.departmentid, |
| | | enterprisename: row.enterprisename, |
| | | }, |
| | | }); |
| | | }, |
| | | handleClick (tab, event) { |
| | | console.log(tab, event); |
| | | }, |
| | |
| | | rowSave (form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | this.activeName = 'first'; |
| | | this.activeName = "first"; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | |
| | | oneObj[k] = this.obj0[k]; |
| | | } |
| | | |
| | | if (column0[i].prop == 'creditcode') { |
| | | |
| | | column1[1].value = column0[i].value |
| | | |
| | | if (column0[i].prop == "creditcode") { |
| | | column1[1].value = column0[i].value; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | this.data1 = twoObj; |
| | | |
| | | |
| | | |
| | | var threeObj = {}; |
| | | for (var threek in this.obj2) { |
| | |
| | | tipover () { |
| | | this.forms = false; |
| | | this.obj0 = { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }; |
| | | |
| | | this.obj1 = { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }; |
| | | this.obj2 = { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }; |
| | | this.data0 = {}; |
| | | this.data1 = {}; |
| | |
| | | }, |
| | | }, |
| | | mounted () { |
| | | var that = this |
| | | var that = this; |
| | | |
| | | this.option0.column.forEach(item => { |
| | | this.option0.column.forEach((item) => { |
| | | if (item.prop == "creditcode") { |
| | | item.change = function (e) { |
| | | |
| | | that.obj1.creditcode = e.value |
| | | that.obj2.creditcode = e.value |
| | | |
| | | that.obj1.creditcode = e.value; |
| | | that.obj2.creditcode = e.value; |
| | | }; |
| | | } |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | }); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="securityUnit"> |
| | | <avue-crud :option="option" |
| | | <avue-crud |
| | | :option="option" |
| | | :data="data" |
| | | :page.sync="page" |
| | | ref="crudrec" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-del="rowDel" |
| | | @selection-change="selectionChange" |
| | | @refresh-change="refreshChange"> |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <!-- @row-click="rowClick" --> |
| | | <template slot-scope="{ row }" |
| | | slot="znum"> |
| | | <el-tag class="rowClickSelf" |
| | | <template slot-scope="{ row }" slot="znum"> |
| | | <el-tag |
| | | class="rowClickSelf" |
| | | @click="rowClickSelf(row)" |
| | | title="点击查看保安人员情况">{{ row.znum }}</el-tag> |
| | | title="点击查看保安人员情况" |
| | | >{{ row.znum }}</el-tag |
| | | > |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" |
| | | slot="menu"> |
| | | <el-button icon="el-icon-s-custom" |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-custom" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="rowClick(row)">查看 |
| | | @click.stop="rowClick(row)" |
| | | >查看 |
| | | </el-button> |
| | | <el-button :size="size" |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="handleUploadPage(row)" |
| | | icon="el-icon-circle-check">附件上传 |
| | | icon="el-icon-circle-check" |
| | | >附件上传 |
| | | </el-button> |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="Uploads(row)" |
| | | icon="el-icon-circle-check" |
| | | >单位装备清单 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | plain |
| | | @click.stop="rowSave">信息登记</el-button> |
| | | <el-button type="danger" |
| | | @click.stop="rowSave" |
| | | >信息登记</el-button |
| | | > |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-delete" |
| | | @click="handleDelete">删 除 |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | | <el-button type="success" |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport1">批量导入 |
| | | @click="handleImport1" |
| | | >批量导入 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="信息登记" |
| | | <el-dialog |
| | | title="信息登记" |
| | | append-to-body |
| | | :visible.sync="forms" |
| | | :close-on-click-modal='false' |
| | | :close-on-click-modal="false" |
| | | @close="tipover" |
| | | class="information-box" |
| | | width="60%"> |
| | | |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" |
| | | name="first"> |
| | | |
| | | <avue-form ref="form" |
| | | v-model="obj0" |
| | | :option="option0"> |
| | | <template slot="menuForm" |
| | | align='center'> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | width="60%" |
| | | > |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" name="first"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> |
| | | <template slot="menuForm" align="center"> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安单位出资人员" |
| | | name="second"> |
| | | |
| | | <avue-form ref="form1" |
| | | v-model="obj1" |
| | | :option="option1"> |
| | | <el-tab-pane label="保安单位出资人员" name="second"> |
| | | <avue-form ref="form1" v-model="obj1" :option="option1"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="主要管理人员信息" |
| | | name="third"> |
| | | |
| | | <avue-form ref="form2" |
| | | v-model="obj2" |
| | | :option="option2"> |
| | | <el-tab-pane label="主要管理人员信息" name="third"> |
| | | <avue-form ref="form2" v-model="obj2" :option="option2"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | <el-dialog title="保安单位导入" |
| | | <el-dialog |
| | | title="保安单位导入" |
| | | append-to-body |
| | | :visible.sync="excelBox1" |
| | | width="555px"> |
| | | <avue-form :option="excelOption1" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption1" |
| | | v-model="excelForm1" |
| | | :upload-after="uploadAfter1"> |
| | | :upload-after="uploadAfter1" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" |
| | | @click="handleTemplate1"> |
| | | <el-button type="primary" @click="handleTemplate1"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | |
| | | // }, |
| | | |
| | | obj0: { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }, |
| | | obj1: { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }, |
| | | obj2: { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }, |
| | | option0: { |
| | | emptyBtn: false, |
| | |
| | | |
| | | searchMenuSpan: 6, |
| | | height: 583, |
| | | menuWidth: 275, |
| | | menuWidth: 369, |
| | | align: "center", |
| | | selection: true, |
| | | column: column, |
| | | }, |
| | | |
| | | activeName: 'first', |
| | | |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | Uploads(row) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | | path: `/resource/attachCopyzb`, |
| | | query: { |
| | | deptId: row.departmentid, |
| | | enterprisename: row.enterprisename, |
| | | }, |
| | | }); |
| | | }, |
| | | rowClickSelf (val) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | |
| | | rowSave (form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | this.activeName = 'first'; |
| | | this.activeName = "first"; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | |
| | | oneObj[k] = this.obj0[k]; |
| | | } |
| | | |
| | | if (column0[i].prop == 'creditcode') { |
| | | |
| | | column1[1].value = column0[i].value |
| | | |
| | | if (column0[i].prop == "creditcode") { |
| | | column1[1].value = column0[i].value; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | this.data1 = twoObj; |
| | | |
| | | |
| | | |
| | | var threeObj = {}; |
| | | for (var threek in this.obj2) { |
| | |
| | | tipover () { |
| | | this.forms = false; |
| | | this.obj0 = { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }; |
| | | |
| | | this.obj1 = { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }; |
| | | this.obj2 = { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }; |
| | | this.data0 = {}; |
| | | this.data1 = {}; |
| | |
| | | }, |
| | | }, |
| | | mounted () { |
| | | var that = this |
| | | var that = this; |
| | | |
| | | this.option0.column.forEach(item => { |
| | | this.option0.column.forEach((item) => { |
| | | if (item.prop == "creditcode") { |
| | | item.change = function (e) { |
| | | |
| | | that.obj1.creditcode = e.value |
| | | that.obj2.creditcode = e.value |
| | | |
| | | that.obj1.creditcode = e.value; |
| | | that.obj2.creditcode = e.value; |
| | | }; |
| | | } |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | }); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="securityUnit"> |
| | | <avue-crud :option="option" |
| | | <avue-crud |
| | | :option="option" |
| | | :data="data" |
| | | :page.sync="page" |
| | | ref="crudrec" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-del="rowDel" |
| | | @selection-change="selectionChange" |
| | | @refresh-change="refreshChange"> |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <!-- @row-click="rowClick" --> |
| | | <template slot-scope="{ row }" |
| | | slot="znum"> |
| | | <el-tag class="rowClickSelf" |
| | | <template slot-scope="{ row }" slot="znum"> |
| | | <el-tag |
| | | class="rowClickSelf" |
| | | @click="rowClickSelf(row)" |
| | | title="点击查看保安人员情况">{{ row.znum }}</el-tag> |
| | | title="点击查看保安人员情况" |
| | | >{{ row.znum }}</el-tag |
| | | > |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" |
| | | slot="menu"> |
| | | <el-button icon="el-icon-s-custom" |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-custom" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="rowClick(row)">查看 |
| | | @click.stop="rowClick(row)" |
| | | >查看 |
| | | </el-button> |
| | | <el-button :size="size" |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="handleUploadPage(row)" |
| | | icon="el-icon-circle-check">附件上传 |
| | | icon="el-icon-circle-check" |
| | | >附件上传 |
| | | </el-button> |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="Uploads(row)" |
| | | icon="el-icon-circle-check" |
| | | >单位装备清单 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | plain |
| | | @click.stop="rowSave">信息登记</el-button> |
| | | <el-button type="danger" |
| | | @click.stop="rowSave" |
| | | >信息登记</el-button |
| | | > |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-delete" |
| | | @click="handleDelete">删 除 |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | | <el-button type="success" |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport1">批量导入 |
| | | @click="handleImport1" |
| | | >批量导入 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="信息登记" |
| | | <el-dialog |
| | | title="信息登记" |
| | | append-to-body |
| | | :visible.sync="forms" |
| | | :close-on-click-modal='false' |
| | | :close-on-click-modal="false" |
| | | @close="tipover" |
| | | class="information-box" |
| | | width="60%"> |
| | | |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" |
| | | name="first"> |
| | | |
| | | <avue-form ref="form" |
| | | v-model="obj0" |
| | | :option="option0"> |
| | | <template slot="menuForm" |
| | | align='center'> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | width="60%" |
| | | > |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" name="first"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> |
| | | <template slot="menuForm" align="center"> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安单位出资人员" |
| | | name="second"> |
| | | |
| | | <avue-form ref="form1" |
| | | v-model="obj1" |
| | | :option="option1"> |
| | | <el-tab-pane label="保安单位出资人员" name="second"> |
| | | <avue-form ref="form1" v-model="obj1" :option="option1"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="主要管理人员信息" |
| | | name="third"> |
| | | |
| | | <avue-form ref="form2" |
| | | v-model="obj2" |
| | | :option="option2"> |
| | | <el-tab-pane label="主要管理人员信息" name="third"> |
| | | <avue-form ref="form2" v-model="obj2" :option="option2"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | <el-dialog title="保安单位导入" |
| | | <el-dialog |
| | | title="保安单位导入" |
| | | append-to-body |
| | | :visible.sync="excelBox1" |
| | | width="555px"> |
| | | <avue-form :option="excelOption1" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption1" |
| | | v-model="excelForm1" |
| | | :upload-after="uploadAfter1"> |
| | | :upload-after="uploadAfter1" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" |
| | | @click="handleTemplate1"> |
| | | <el-button type="primary" @click="handleTemplate1"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | |
| | | // }, |
| | | |
| | | obj0: { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }, |
| | | obj1: { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }, |
| | | obj2: { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }, |
| | | option0: { |
| | | emptyBtn: false, |
| | |
| | | searchSize: "mini", |
| | | searchMenuSpan: 6, |
| | | height: 583, |
| | | menuWidth: 275, |
| | | menuWidth: 369, |
| | | align: "center", |
| | | border: true, |
| | | |
| | |
| | | ], |
| | | }, |
| | | |
| | | activeName: 'first', |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | Uploads(row) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | | path: `/resource/attachCopyzb`, |
| | | query: { |
| | | deptId: row.departmentid, |
| | | enterprisename: row.enterprisename, |
| | | }, |
| | | }); |
| | | }, |
| | | rowClickSelf (val) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | |
| | | rowSave (form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | this.activeName = 'first'; |
| | | this.activeName = "first"; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | |
| | | oneObj[k] = this.obj0[k]; |
| | | } |
| | | |
| | | if (column0[i].prop == 'creditcode') { |
| | | |
| | | column1[1].value = column0[i].value |
| | | |
| | | if (column0[i].prop == "creditcode") { |
| | | column1[1].value = column0[i].value; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | this.data1 = twoObj; |
| | | |
| | | |
| | | |
| | | var threeObj = {}; |
| | | for (var threek in this.obj2) { |
| | |
| | | tipover () { |
| | | this.forms = false; |
| | | this.obj0 = { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }; |
| | | |
| | | this.obj1 = { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }; |
| | | this.obj2 = { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }; |
| | | this.data0 = {}; |
| | | this.data1 = {}; |
| | |
| | | }, |
| | | }, |
| | | mounted () { |
| | | var that = this |
| | | var that = this; |
| | | |
| | | this.option0.column.forEach(item => { |
| | | this.option0.column.forEach((item) => { |
| | | if (item.prop == "creditcode") { |
| | | item.change = function (e) { |
| | | |
| | | that.obj1.creditcode = e.value |
| | | that.obj2.creditcode = e.value |
| | | |
| | | that.obj1.creditcode = e.value; |
| | | that.obj2.creditcode = e.value; |
| | | }; |
| | | } |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | }); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="securityUnit"> |
| | | <avue-crud :option="option" |
| | | <avue-crud |
| | | :option="option" |
| | | :data="data" |
| | | :page.sync="page" |
| | | ref="crudrec" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-del="rowDel" |
| | | @selection-change="selectionChange" |
| | | @refresh-change="refreshChange"> |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <!-- @row-click="rowClick" --> |
| | | |
| | | <template slot-scope="{ row }" |
| | | slot="znum"> |
| | | <el-tag class="rowClickSelf" |
| | | <template slot-scope="{ row }" slot="znum"> |
| | | <el-tag |
| | | class="rowClickSelf" |
| | | @click="rowClickSelf(row)" |
| | | title="点击查看保安人员情况">{{ row.znum }}</el-tag> |
| | | title="点击查看保安人员情况" |
| | | >{{ row.znum }}</el-tag |
| | | > |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" |
| | | slot="menu"> |
| | | <el-button icon="el-icon-s-custom" |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-custom" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="rowClick(row)">查看 |
| | | @click.stop="rowClick(row)" |
| | | >查看 |
| | | </el-button> |
| | | <el-button :size="size" |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="handleUploadPage(row)" |
| | | icon="el-icon-circle-check">附件上传 |
| | | icon="el-icon-circle-check" |
| | | >附件上传 |
| | | </el-button> |
| | | <el-button |
| | | :size="size" |
| | | :type="type" |
| | | @click="Uploads(row)" |
| | | icon="el-icon-circle-check" |
| | | >单位装备清单 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | plain |
| | | @click.stop="rowSave">信息登记</el-button> |
| | | @click.stop="rowSave" |
| | | >信息登记</el-button |
| | | > |
| | | |
| | | <el-button type="danger" |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-delete" |
| | | @click="handleDelete">删 除 |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | | <el-button type="success" |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport1">批量导入 |
| | | @click="handleImport1" |
| | | >批量导入 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="信息登记" |
| | | <el-dialog |
| | | title="信息登记" |
| | | append-to-body |
| | | :visible.sync="forms" |
| | | :close-on-click-modal='false' |
| | | :close-on-click-modal="false" |
| | | @close="tipover" |
| | | class="information-box" |
| | | width="60%"> |
| | | |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" |
| | | name="first"> |
| | | |
| | | <avue-form ref="form" |
| | | v-model="obj0" |
| | | :option="option0"> |
| | | <template slot="menuForm" |
| | | align='center'> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | width="60%" |
| | | > |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="保安单位基本信息" name="first"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> |
| | | <template slot="menuForm" align="center"> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安单位出资人员" |
| | | name="second"> |
| | | |
| | | <avue-form ref="form1" |
| | | v-model="obj1" |
| | | :option="option1"> |
| | | <el-tab-pane label="保安单位出资人员" name="second"> |
| | | <avue-form ref="form1" v-model="obj1" :option="option1"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="主要管理人员信息" |
| | | name="third"> |
| | | |
| | | <avue-form ref="form2" |
| | | v-model="obj2" |
| | | :option="option2"> |
| | | <el-tab-pane label="主要管理人员信息" name="third"> |
| | | <avue-form ref="form2" v-model="obj2" :option="option2"> |
| | | <template slot="menuForm"> |
| | | |
| | | <el-button type="primary" |
| | | @click="submitAdd">提交</el-button> |
| | | <el-button type="info" |
| | | @click="tipover">取消</el-button> |
| | | <el-button type="primary" @click="submitAdd">提交</el-button> |
| | | <el-button type="info" @click="tipover">取消</el-button> |
| | | </template> |
| | | </avue-form> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | <el-dialog title="保安单位导入" |
| | | <el-dialog |
| | | title="保安单位导入" |
| | | append-to-body |
| | | :visible.sync="excelBox1" |
| | | width="555px"> |
| | | <avue-form :option="excelOption1" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption1" |
| | | v-model="excelForm1" |
| | | :upload-after="uploadAfter1"> |
| | | :upload-after="uploadAfter1" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" |
| | | @click="handleTemplate1"> |
| | | <el-button type="primary" @click="handleTemplate1"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | |
| | | // }, |
| | | |
| | | obj0: { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }, |
| | | option0: { |
| | | emptyBtn: false, |
| | |
| | | column: column0, |
| | | }, |
| | | obj1: { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }, |
| | | option1: { |
| | | emptyBtn: false, |
| | |
| | | column: column1, |
| | | }, |
| | | obj2: { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }, |
| | | option2: { |
| | | emptyBtn: false, |
| | |
| | | searchSize: "mini", |
| | | searchMenuSpan: 6, |
| | | height: 583, |
| | | menuWidth: 275, |
| | | menuWidth: 369, |
| | | align: "center", |
| | | border: true, |
| | | |
| | |
| | | column: column, |
| | | }, |
| | | |
| | | activeName: 'first', |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | Uploads(row) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | | path: `/resource/attachCopyzb`, |
| | | query: { |
| | | deptId: row.departmentid, |
| | | enterprisename: row.enterprisename, |
| | | }, |
| | | }); |
| | | }, |
| | | rowClickSelf (val) { |
| | | // console.log(val.departmentid); |
| | | this.$router.push({ |
| | |
| | | rowSave (form, done, loading) { |
| | | // console.log("save1"); |
| | | this.forms = true; |
| | | this.activeName = 'first'; |
| | | this.activeName = "first"; |
| | | var that = this; |
| | | //先获取部门接口 |
| | | getDeptLazyTree().then((res) => { |
| | |
| | | oneObj[k] = this.obj0[k]; |
| | | } |
| | | |
| | | if (column0[i].prop == 'creditcode') { |
| | | |
| | | column1[1].value = column0[i].value |
| | | |
| | | if (column0[i].prop == "creditcode") { |
| | | column1[1].value = column0[i].value; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | this.data1 = twoObj; |
| | | |
| | | |
| | | |
| | | var threeObj = {}; |
| | | for (var threek in this.obj2) { |
| | |
| | | tipover () { |
| | | this.forms = false; |
| | | this.obj0 = { |
| | | creditcode: '', |
| | | jurisdiction: '', |
| | | stats: '', |
| | | enterprisename: '', |
| | | representative: '', |
| | | establishtime: '', |
| | | registeredcapital: '', |
| | | capital: '', |
| | | organizationcode: '', |
| | | registrationnumber: '', |
| | | identificationnumber: '', |
| | | enterprises: '', |
| | | address: '', |
| | | business: '', |
| | | region: '', |
| | | registration: '', |
| | | industry: '' |
| | | creditcode: "", |
| | | jurisdiction: "", |
| | | stats: "", |
| | | enterprisename: "", |
| | | representative: "", |
| | | establishtime: "", |
| | | registeredcapital: "", |
| | | capital: "", |
| | | organizationcode: "", |
| | | registrationnumber: "", |
| | | identificationnumber: "", |
| | | enterprises: "", |
| | | address: "", |
| | | business: "", |
| | | region: "", |
| | | registration: "", |
| | | industry: "", |
| | | }; |
| | | this.obj1 = { |
| | | creditcode: '', |
| | | shareholder: '', |
| | | shareholdingratio: '', |
| | | capital2: '', |
| | | capitaltime: '', |
| | | cardid: '', |
| | | cell: '' |
| | | creditcode: "", |
| | | shareholder: "", |
| | | shareholdingratio: "", |
| | | capital2: "", |
| | | capitaltime: "", |
| | | cardid: "", |
| | | cell: "", |
| | | }; |
| | | this.obj2 = { |
| | | creditcode: '', |
| | | name: '', |
| | | post: '', |
| | | cardid2: '', |
| | | cell2: '' |
| | | creditcode: "", |
| | | name: "", |
| | | post: "", |
| | | cardid2: "", |
| | | cell2: "", |
| | | }; |
| | | this.data0 = {}; |
| | | this.data1 = {}; |
| | |
| | | }, |
| | | }, |
| | | mounted () { |
| | | var that = this |
| | | var that = this; |
| | | |
| | | this.option0.column.forEach(item => { |
| | | this.option0.column.forEach((item) => { |
| | | if (item.prop == "creditcode") { |
| | | item.change = function (e) { |
| | | |
| | | that.obj1.creditcode = e.value |
| | | that.obj2.creditcode = e.value |
| | | |
| | | that.obj1.creditcode = e.value; |
| | | that.obj2.creditcode = e.value; |
| | | }; |
| | | } |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | }); |
| | | }, |
| | | }; |
| | | </script> |