保安服务企业管理-验收版本
liuyg
2021-09-11 0e77b36c3302d036f04f100c10bc4247179cc8d5
src/views/securityUnit/securityTraining.vue
@@ -1,7 +1,8 @@
<template>
    <basic-container>
        <div class="securityUnit">
            <avue-crud :option="option"
      <avue-crud
        :option="option"
                       :data="data"
                       :page.sync="page"
                       ref="crudrec"
@@ -13,126 +14,119 @@
                       @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>
@@ -250,39 +244,39 @@
            // },
            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,
@@ -327,14 +321,13 @@
                searchMenuSpan: 6,
                height: 583,
                menuWidth: 275,
        menuWidth: 369,
                align: "center",
                selection: true,
                column: column,
            },
            activeName: 'first',
      activeName: "first",
        };
    },
    computed: {
@@ -365,6 +358,16 @@
        },
    },
    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({
@@ -419,7 +422,7 @@
        rowSave (form, done, loading) {
            // console.log("save1");
            this.forms = true;
            this.activeName = 'first';
      this.activeName = "first";
            var that = this;
            //先获取部门接口
            getDeptLazyTree().then((res) => {
@@ -571,10 +574,8 @@
                        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;
                    }
                }
            }
@@ -610,8 +611,6 @@
            }
            this.data1 = twoObj;
            var threeObj = {};
            for (var threek in this.obj2) {
@@ -663,40 +662,40 @@
        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 = {};
@@ -733,22 +732,16 @@
        },
    },
    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>