|
|
@@ -0,0 +1,2027 @@
|
|
|
+<!-- 组织架构模块 添加船舶页面 -->
|
|
|
+<template>
|
|
|
+ <div class="box-body"
|
|
|
+ v-loading="loading">
|
|
|
+ <div class="label-box">
|
|
|
+ <span class="label-title">{{ title }}</span>
|
|
|
+ <div class="button-float">
|
|
|
+ <el-button v-if="!id"
|
|
|
+ type="primary"
|
|
|
+ @click="save('ruleForm', false)">保存并继续新建</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="save('ruleForm', true)">保存</el-button>
|
|
|
+ <el-button @click="cancel">返回</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-list">
|
|
|
+ <el-form ref="ruleForm"
|
|
|
+ :model="ruleForm"
|
|
|
+ :rules="rules"
|
|
|
+ class="demo-ruleForm">
|
|
|
+ <el-form-item label="中文名"
|
|
|
+ prop="staffName">
|
|
|
+ <el-input v-model="ruleForm.staffName"
|
|
|
+ placeholder="请输入"
|
|
|
+ maxlength="20" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="账号"
|
|
|
+ v-if="id"
|
|
|
+ class="serviceType">
|
|
|
+ <span class="tips">
|
|
|
+ <svg-icon icon-class="tips" />
|
|
|
+ <p>成员唯一标识，可以使用工号、邮箱等<br />公司系统内统一的ID</p>
|
|
|
+ </span>
|
|
|
+ <el-input v-model="ruleForm.staffAccount"
|
|
|
+ maxlength="20"
|
|
|
+ placeholder="登录账号唯一标识" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="账号"
|
|
|
+ prop="staffAccount"
|
|
|
+ class="serviceType"
|
|
|
+ v-else>
|
|
|
+ <span class="tips">
|
|
|
+ <svg-icon icon-class="tips" />
|
|
|
+ <p>成员唯一标识，可以使用工号、邮箱等<br />公司系统内统一的ID</p>
|
|
|
+ </span>
|
|
|
+ <el-input v-model="ruleForm.staffAccount"
|
|
|
+ maxlength="20"
|
|
|
+ placeholder="登录账号唯一标识" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="修改密码"
|
|
|
+ prop="loginPasswordNew"
|
|
|
+ v-if="id">
|
|
|
+ <el-input clearable
|
|
|
+ :type="inputType"
|
|
|
+ autocomplete="new-password"
|
|
|
+ name="password"
|
|
|
+ @focus="changeInputType"
|
|
|
+ v-model="ruleForm.loginPasswordNew"
|
|
|
+ placeholder="密码任意6位数字，大小写字母，符号组合"
|
|
|
+ minlength="6"
|
|
|
+ maxlength="20" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码"
|
|
|
+ prop="loginPassword"
|
|
|
+ v-if="!id">
|
|
|
+ <el-input clearable
|
|
|
+ :type="inputType"
|
|
|
+ autocomplete="new-password"
|
|
|
+ name="password"
|
|
|
+ @focus="changeInputType"
|
|
|
+ v-model="ruleForm.loginPassword"
|
|
|
+ minlength="6"
|
|
|
+ maxlength="20"
|
|
|
+ placeholder="密码任意6位数字，大小写字母，符号组合" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="确认密码"
|
|
|
+ prop="loginPasswordAgain"
|
|
|
+ v-if="
|
|
|
+ (id &&
|
|
|
+ ruleForm.loginPasswordNew &&
|
|
|
+ ruleForm.loginPasswordNew.length > 0) ||
|
|
|
+ !id
|
|
|
+ ">
|
|
|
+ <el-input clearable
|
|
|
+ :type="inputType"
|
|
|
+ autocomplete="new-password"
|
|
|
+ name="password"
|
|
|
+ @focus="changeInputType"
|
|
|
+ v-model="ruleForm.loginPasswordAgain"
|
|
|
+ minlength="6"
|
|
|
+ maxlength="20"
|
|
|
+ placeholder="请再次确认密码" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="确认密码"
|
|
|
+ v-show="
|
|
|
+ !(
|
|
|
+ (id &&
|
|
|
+ ruleForm.loginPasswordNew &&
|
|
|
+ ruleForm.loginPasswordNew.length > 0) ||
|
|
|
+ !id
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <el-input clearable
|
|
|
+ :type="inputType"
|
|
|
+ autocomplete="new-password"
|
|
|
+ name="password"
|
|
|
+ @focus="changeInputType"
|
|
|
+ v-model="ruleForm.loginPasswordAgain"
|
|
|
+ minlength="6"
|
|
|
+ maxlength="20"
|
|
|
+ placeholder="请再次确认密码" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号"
|
|
|
+ prop="staffMobilePhone">
|
|
|
+ <el-input v-model="ruleForm.staffMobilePhone"
|
|
|
+ placeholder="请输入常用手机号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="公司/部门"
|
|
|
+ prop="underCompId"
|
|
|
+ class="dept-comp">
|
|
|
+ <el-select v-model="ruleForm.underCompId"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="changeDept">
|
|
|
+ <el-option v-for="item in companyList"
|
|
|
+ :key="item.compId"
|
|
|
+ :label="item.compName"
|
|
|
+ :value="item.compId" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="ruleForm.deptId"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="changeRole">
|
|
|
+ <el-option v-for="item in deptList"
|
|
|
+ :key="item.deptId"
|
|
|
+ :label="item.deptName"
|
|
|
+ :value="item.deptId" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="department">
|
|
|
+ <div>
|
|
|
+ <span class="star font">职务</span>
|
|
|
+ <span class="ontent"
|
|
|
+ v-if="zhiwu1.roleName">{{
|
|
|
+ zhiwu1.roleName
|
|
|
+ }}</span>
|
|
|
+ <span class="operaction"
|
|
|
+ @click="setwork">设置</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="lastspan">
|
|
|
+ <span class="star font">关联船舶</span>
|
|
|
+ <div class="ontent"
|
|
|
+ style="width: 800px;">
|
|
|
+ <span v-for="(item, key) in seleteShipList"
|
|
|
+ :key="key"
|
|
|
+ v-show="item.vesselId"
|
|
|
+ class="ontent shipName">{{ item.vesselName }}</span>
|
|
|
+ <span style="padding-left: 4px;"
|
|
|
+ class="operaction shipSelectSet"
|
|
|
+ @click="setChargeShip">设置</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div style="display:flex">
|
|
|
+ <span class=" font">兼职职务</span>
|
|
|
+ <span class="operaction"
|
|
|
+ @click="partTimeSetting">设置</span>
|
|
|
+ <div class="boxClass">
|
|
|
+ <div v-for="(item, index) in jobList"
|
|
|
+ :key="index"
|
|
|
+ v-show="item.roleId"
|
|
|
+ style="margin-bottom: 10px">
|
|
|
+ <span class=" aaa">兼职{{ index + 1 }}:{{ item.roleName }}</span>
|
|
|
+ <div class="lastspan">
|
|
|
+ <span class="star bbb">关联船舶</span>
|
|
|
+ <div class="ontent"
|
|
|
+ style="width: 800px;">
|
|
|
+ <span v-for="(item, index) in item.asd"
|
|
|
+ :key="item.vesselId + index"
|
|
|
+ v-show="item.vesselId"
|
|
|
+ class="ontent shipName">{{ item.vesselName }}</span>
|
|
|
+ <span class="operaction shipSelectSet"
|
|
|
+ @click="setUpShip(item)">设置</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="uphead">
|
|
|
+ <span class="imghead font">上传签名：</span>
|
|
|
+ <img :src="
|
|
|
+ ruleForm.electronicSignature === ''
|
|
|
+ ? url
|
|
|
+ : ruleForm.electronicSignature
|
|
|
+ "
|
|
|
+ class="img" />
|
|
|
+ <input type="file"
|
|
|
+ class="kyc-passin"
|
|
|
+ @change="uploadPhoto($event)" />
|
|
|
+ <span class="talk">支持上传jpg/png文件，大小不能超过1M</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 主要职务选择 -->
|
|
|
+ <el-dialog title="设置成员主职职务"
|
|
|
+ :visible.sync="mainJobSelection"
|
|
|
+ width="650px"
|
|
|
+ center
|
|
|
+ :close-on-click-modal="false">
|
|
|
+ <div class="checkBoxClass">
|
|
|
+ <span class="member">成员将属于以下职务</span>
|
|
|
+ <el-radio-group @change="handleCheckAllChanges"
|
|
|
+ v-model="post"
|
|
|
+ class="postBox">
|
|
|
+ <el-radio class="checkBoxCla"
|
|
|
+ v-for="(item, key) in data1"
|
|
|
+ :key="key"
|
|
|
+ :label="item.roleId">{{ item.roleName }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="mainJobSelection = false">取 消</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="setMainJob">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!--6.设置成员职务-->
|
|
|
+ <el-dialog title="设置兼职职务职务"
|
|
|
+ :visible.sync="setDuty"
|
|
|
+ width="650px"
|
|
|
+ center
|
|
|
+ :close-on-click-modal="false">
|
|
|
+ <div class="adddepartment">
|
|
|
+ <div class="adddepartment1">
|
|
|
+ <div v-loading="roleLoading">
|
|
|
+ <div class="block">
|
|
|
+ <el-tree class="ship-tree"
|
|
|
+ :props="props"
|
|
|
+ node-key="id"
|
|
|
+ :load="loadNode"
|
|
|
+ lazy>
|
|
|
+ <template slot-scope="{ node, data }">
|
|
|
+ <span v-if="node.level === 2">
|
|
|
+ <el-checkbox-group v-model="data.check"
|
|
|
+ @change="val => radioGroupChange(data, val, node)">
|
|
|
+ <el-checkbox class="zhiwuChecks"
|
|
|
+ v-for="item in data.roid"
|
|
|
+ :key="item.roleId"
|
|
|
+ :label="item">
|
|
|
+ {{ item.roleName }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </span>
|
|
|
+ <span v-else>{{ data.deptName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="adddepartment2">
|
|
|
+ <span class="adddepartment4">成员将属于以下职务</span>
|
|
|
+
|
|
|
+ <div class="primaryzw">
|
|
|
+ <div class="ciyaozhiwu"
|
|
|
+ v-for="(item, index) in jobList"
|
|
|
+ :key="index">
|
|
|
+ {{ item.roleName }}
|
|
|
+ <span class="zhiwuDel"
|
|
|
+ @click="delZhiWu(item)">删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="setDuty = false">取 消</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="setDutysave">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 7.关联船舶 -->
|
|
|
+ <el-dialog title="负责船舶"
|
|
|
+ :visible.sync="chargeShip"
|
|
|
+ width="650px"
|
|
|
+ center
|
|
|
+ :close-on-click-modal="false">
|
|
|
+ <div class="adddepartment">
|
|
|
+ <div class="adddepartment1"
|
|
|
+ v-loading="loadingVessel">
|
|
|
+ <div class="search-box">
|
|
|
+ <el-input class="search-keyword"
|
|
|
+ v-model.trim="searchKeyword"
|
|
|
+ maxlength="50"
|
|
|
+ placeholder="请输入船舶名称"
|
|
|
+ clearable
|
|
|
+ @clear="getClear"
|
|
|
+ @keyup.enter.native="getList" />
|
|
|
+ <svg-icon icon-class="searchIcon"
|
|
|
+ class="searchIcon"
|
|
|
+ @click="getList" />
|
|
|
+ </div>
|
|
|
+ <el-checkbox :indeterminate="isIndeterminate"
|
|
|
+ v-model="checkAll"
|
|
|
+ @change="handleCheckAllChange">全选</el-checkbox>
|
|
|
+ <!--<el-checkbox :indeterminate="isIndeterminate" v-model="checkAntiFlag" @change="checkAnti">反选</el-checkbox>-->
|
|
|
+ <el-checkbox-group v-model="shipCheckList"
|
|
|
+ @change="handleCheckedCitiesChange">
|
|
|
+ <el-checkbox class="zhiwuCheck"
|
|
|
+ v-for="(item, index) in shipList"
|
|
|
+ :label="item.vesselId"
|
|
|
+ :key="item.vesselId + index">
|
|
|
+ {{ item.vesselName }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ <div class="adddepartment2">
|
|
|
+ <span class="adddepartment4">成员将属于以下船舶</span>
|
|
|
+ <div class="primaryzw">
|
|
|
+ <div class="ciyaozhiwu"
|
|
|
+ v-for="(item, index) in seleteShipList"
|
|
|
+ :key="index">
|
|
|
+ {{ item.vesselName }}
|
|
|
+ <span class="zhiwuDel"
|
|
|
+ @click="delShipSelect(item.vesselId)">删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="getNowList">取 消</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="saveChargeShip">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 兼职船舶 -->
|
|
|
+ <el-dialog title="负责船舶"
|
|
|
+ :visible.sync="partTimeJobShip"
|
|
|
+ width="650px"
|
|
|
+ center
|
|
|
+ :close-on-click-modal="false">
|
|
|
+ <div class="adddepartment">
|
|
|
+ <div class="adddepartment1"
|
|
|
+ v-loading="loadingVessel">
|
|
|
+ <div class="search-box">
|
|
|
+ <el-input class="search-keyword"
|
|
|
+ v-model.trim="searchKeyword"
|
|
|
+ maxlength="50"
|
|
|
+ placeholder="请输入船舶名称"
|
|
|
+ clearable
|
|
|
+ @clear="getClear"
|
|
|
+ @keyup.enter.native="getList" />
|
|
|
+ <svg-icon icon-class="searchIcon"
|
|
|
+ class="searchIcon"
|
|
|
+ @click="getList" />
|
|
|
+ </div>
|
|
|
+ <el-checkbox :indeterminate="isIndeterminates"
|
|
|
+ v-model="checkAll"
|
|
|
+ @change="handleCheckAllChangess">全选</el-checkbox>
|
|
|
+ <!--<el-checkbox :indeterminate="isIndeterminate" v-model="checkAllAnti" @change="checkAnti">反选</el-checkbox>-->
|
|
|
+ <el-checkbox-group v-model="shipCheckLists"
|
|
|
+ @change="handleCheckedCitiesChangess">
|
|
|
+ <el-checkbox class="zhiwuCheck"
|
|
|
+ v-for="(item, index) in shipLists"
|
|
|
+ :label="item.vesselId"
|
|
|
+ :key="item.vesselId + index">
|
|
|
+ {{ item.vesselName }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ <div class="adddepartment2">
|
|
|
+ <span class="adddepartment4">成员将属于以下船舶</span>
|
|
|
+ <div class="primaryzw">
|
|
|
+ <div class="ciyaozhiwu"
|
|
|
+ v-for="(item, index) in seleteShipLists"
|
|
|
+ :key="index">
|
|
|
+ {{ item.vesselName }}
|
|
|
+ <span class="zhiwuDel"
|
|
|
+ @click="delShipSelects(item.vesselId)">删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="cancels">取 消</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="determine">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { addadmin } from "../../api/organization/orgAddMan";
|
|
|
+import {
|
|
|
+ getOssInterimCredentials,
|
|
|
+ GotOssAccessConfig,
|
|
|
+ uploadShipFiles
|
|
|
+} from "../../api/upload";
|
|
|
+import { client } from "../../utils/alioss";
|
|
|
+
|
|
|
+import { validPassword } from "../../utils/validate";
|
|
|
+
|
|
|
+import shoreApi from "../../api/organization/shore";
|
|
|
+import {
|
|
|
+ staffInfo,
|
|
|
+ changeInfo,
|
|
|
+ companyVessels,
|
|
|
+ getDeptListByCompId
|
|
|
+} from "../../api/shoreBasedMembers";
|
|
|
+const validPasswordRule = function (rule, value, callback) {
|
|
|
+ if (value)
|
|
|
+ if (!validPassword(value)) {
|
|
|
+ callback(
|
|
|
+ // this.$message({
|
|
|
+ // message: '密码为6到20位数字密码任意组合！',
|
|
|
+ // type: 'error'
|
|
|
+ // })
|
|
|
+ new Error("密码为6到20位数字密码任意组合")
|
|
|
+ );
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ callback();
|
|
|
+
|
|
|
+ // if (!validPassword(value)) {
|
|
|
+ // callback(new Error('密码为6到20位数字密码任意组合'));
|
|
|
+ // } else {
|
|
|
+ // callback();
|
|
|
+ // }
|
|
|
+};
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "shoreMemberAdd",
|
|
|
+ data () {
|
|
|
+ const validcodeId = (rule, value, callback) => {
|
|
|
+ const reg = /[0-9a-zA-Z]$/;
|
|
|
+ if (!reg.test(value)) {
|
|
|
+ callback(
|
|
|
+ new Error("账号必须是由数字和字母组合")
|
|
|
+ // this.$message({
|
|
|
+ // type: 'error',
|
|
|
+ // message: '账号必须是由数字和字母组合',
|
|
|
+ // showClose: true,
|
|
|
+ // })
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ const validcodeName = (rule, value, callback) => {
|
|
|
+ const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
|
|
|
+ if (!reg.test(value)) {
|
|
|
+ callback(
|
|
|
+ new Error("密码必须是由6位数字和字母组合")
|
|
|
+ // this.$message({
|
|
|
+ // type: 'error',
|
|
|
+ // message: '密码必须是由6位数字和字母组合',
|
|
|
+ // showClose: true,
|
|
|
+ // })
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const validPasswordAgain = (rule, value, callback) => {
|
|
|
+ if (value === "") {
|
|
|
+ callback(
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "带*号的为必填项",
|
|
|
+ showClose: true
|
|
|
+ })
|
|
|
+ );
|
|
|
+ } else if (
|
|
|
+ (value !== this.ruleForm.loginPassword && !this.id) ||
|
|
|
+ (value !== this.ruleForm.loginPasswordNew && this.id)
|
|
|
+ ) {
|
|
|
+ callback(
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "两次密码不一致",
|
|
|
+ showClose: true
|
|
|
+ })
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const validcodePhonee = (rule, value, callback) => {
|
|
|
+ const reg = /^1[345789]\d{9}$/;
|
|
|
+
|
|
|
+ if (!reg.test(value)) {
|
|
|
+ callback(
|
|
|
+ new Error("手机号格式填写错误")
|
|
|
+
|
|
|
+ // this.$message({
|
|
|
+ // type: 'error',
|
|
|
+ // message: '手机号格式填写错误',
|
|
|
+ // showClose: true,
|
|
|
+ // })
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ aaabbb: [],
|
|
|
+ postList: [],
|
|
|
+ post: "",
|
|
|
+ mainJobSelection: false,
|
|
|
+ isIndeterminate: false,
|
|
|
+ isIndeterminates: false,
|
|
|
+ loadingVessel: false,
|
|
|
+ checkAll: false,
|
|
|
+ checkAntiFlag: false,
|
|
|
+ compId: sessionStorage.getItem("enterprise-front-companyId"),
|
|
|
+ searchKeyword: "", // 关联船舶 搜索关键词
|
|
|
+ datamsg: "",
|
|
|
+ title: "",
|
|
|
+ /* 页面传递来的数据 */
|
|
|
+ checklist: [
|
|
|
+ {
|
|
|
+ value: ""
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ Department: "",
|
|
|
+ Departmentname: "",
|
|
|
+ /* 设置部门 */
|
|
|
+ checklist1: [
|
|
|
+ {
|
|
|
+ key: "",
|
|
|
+ value: ""
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ Department1: "",
|
|
|
+ Departmentname1: "",
|
|
|
+ zwmsg: "",
|
|
|
+ // 船舶
|
|
|
+ checklist2: [],
|
|
|
+ /* 设置关联船舶 */
|
|
|
+ url:
|
|
|
+ "http://winsea-saas-test.oss-cn-shanghai.aliyuncs.com/default-logo.png",
|
|
|
+ setUpTheDepartment: false,
|
|
|
+ setDuty: false,
|
|
|
+ chargeShip: false,
|
|
|
+ partTimeJobShip: false,
|
|
|
+ loading: false,
|
|
|
+ ruleForm: {
|
|
|
+ deptId: "",
|
|
|
+ staffName: "",
|
|
|
+ staffAccount: "",
|
|
|
+ loginPassword: "",
|
|
|
+ loginPasswordAgain: "",
|
|
|
+ loginPasswordAgainNew: "",
|
|
|
+ loginPasswordNew: "",
|
|
|
+ staffMobilePhone: "",
|
|
|
+ electronicSignature: "",
|
|
|
+ majorRoleId: "",
|
|
|
+ roles: [
|
|
|
+ {
|
|
|
+ roleId: "",
|
|
|
+ major: "1"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ vessels: [{vesselId:'e88a798337c14cd7b8e0dfe7f9efdf5a',vesselName:'试用船舶'}],
|
|
|
+ roleVesselIds: []
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ staffAccount: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ // validator: validcodeId,
|
|
|
+ trigger: "blur",
|
|
|
+ message: "请输入账号"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ loginPassword: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validcodeName,
|
|
|
+ trigger: "blur"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ loginPasswordAgain: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validPasswordAgain,
|
|
|
+ trigger: "blur"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ loginPasswordNew: [
|
|
|
+ {
|
|
|
+ validator: validPasswordRule,
|
|
|
+ trigger: "blur"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ staffName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ message: "请输入中文名"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ staffMobilePhone: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validcodePhonee,
|
|
|
+ trigger: "blur"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ underCompId: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "change"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ data: [],
|
|
|
+ data5: [],
|
|
|
+ data6: [],
|
|
|
+ data1: [
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ label: "",
|
|
|
+ disabled: true,
|
|
|
+ children: []
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ shipList: [],
|
|
|
+ shipLists: [],
|
|
|
+ primaryzw: "1",
|
|
|
+ zhiwuCheckList: [],
|
|
|
+ zhiwuChec1kList: [],
|
|
|
+ zhiwu1: {},
|
|
|
+ zhiwu2: [],
|
|
|
+ zhiwu11: {},
|
|
|
+ shipCheckList: [],
|
|
|
+ shipCheckLists: [],
|
|
|
+ seleteShipList: [],
|
|
|
+ seleteShipLists: [],
|
|
|
+ companyList: [],
|
|
|
+ deptList: [],
|
|
|
+ inputType: "text",
|
|
|
+ isChrome: true,
|
|
|
+ roleLoading: false,
|
|
|
+ id: this.$route.query.id,
|
|
|
+ postId: "",
|
|
|
+ partTimeJobList: [],
|
|
|
+ partTimeDepartmentList: [],
|
|
|
+ checkedCities: [],
|
|
|
+ props: {
|
|
|
+ label: "name",
|
|
|
+ children: "children",
|
|
|
+ isLeaf: "leaf"
|
|
|
+ },
|
|
|
+ check: [],
|
|
|
+ aaaaaa: [],
|
|
|
+ gggg: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ jobList () {
|
|
|
+ let res = [];
|
|
|
+ Object.keys(this.check).forEach((value, index) => {
|
|
|
+ this.check[value].forEach(ite => {
|
|
|
+ res.push(ite);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ let _a = res.filter(v => v);
|
|
|
+ _a.forEach(v => {
|
|
|
+ if (v.asd === undefined) v.asd = [];
|
|
|
+ });
|
|
|
+ return _a;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.baseInfo();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async loadNode (node, resolve) {
|
|
|
+ if (node.level === 0) {
|
|
|
+ // 发起一级请求
|
|
|
+ return resolve(this.partTimeDepartmentList);
|
|
|
+ }
|
|
|
+ if (node.level === 1) {
|
|
|
+ // 发起二级请求
|
|
|
+ let uuid = node.data.deptId;
|
|
|
+ let response = await shoreApi.queryRoleSelectData({
|
|
|
+ vesselBankFlag: "B",
|
|
|
+ underCompId: this.ruleForm.underCompId,
|
|
|
+ deptId: uuid
|
|
|
+ });
|
|
|
+ this.partTimeJobList = response;
|
|
|
+ if (this.partTimeJobList !== null)
|
|
|
+ this.partTimeJobList = this.partTimeJobList.map(itemA => {
|
|
|
+ return {
|
|
|
+ ...itemA,
|
|
|
+ deptId: uuid
|
|
|
+ };
|
|
|
+ });
|
|
|
+ let _check = [];
|
|
|
+ for (let variable of this.partTimeJobList) {
|
|
|
+ let curr;
|
|
|
+ for (let variable2 of this.jobList) {
|
|
|
+ if (variable.roleId === variable2.roleId) curr = variable;
|
|
|
+ }
|
|
|
+ if (curr) {
|
|
|
+ _check.push(curr);
|
|
|
+ // break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.jobList.forEach(item => {
|
|
|
+ item.asd.forEach(itemA => {
|
|
|
+ _check.forEach(itemB => {
|
|
|
+ if (item.deptId === itemB.deptId)
|
|
|
+ if (itemB.asd === undefined) {
|
|
|
+ itemB.asd = [];
|
|
|
+ } else {
|
|
|
+ itemB.asd.push(itemA);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ this.aaabbb[uuid] = _check;
|
|
|
+ return resolve([
|
|
|
+ {
|
|
|
+ id: node.data.deptId,
|
|
|
+ roid: this.partTimeJobList,
|
|
|
+ check: _check,
|
|
|
+ leaf: true
|
|
|
+ }
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ if (node.level > 1) {
|
|
|
+ return resolve([]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ radioGroupChange (data, val, node) {
|
|
|
+ this.$set(this.check, data.id, val);
|
|
|
+ this.aaabbb[data.id] = val;
|
|
|
+ },
|
|
|
+ //tree
|
|
|
+ remove (node, data) {
|
|
|
+ // const parent = node.parent;
|
|
|
+ // const children = parent.data.children || parent.data;
|
|
|
+ // const index = children.findIndex(d => d.id === data.id);
|
|
|
+ // children.splice(index, 1);
|
|
|
+ },
|
|
|
+ // 取消
|
|
|
+ cancels () {
|
|
|
+ this.partTimeJobShip = false;
|
|
|
+ // this.ruleForm.roleVesselIds = [];
|
|
|
+ // this.jobList.forEach(item => {
|
|
|
+ // item.asd.forEach(ite => {
|
|
|
+ // this.ruleForm.roleVesselIds.push(item.roleId + "_" + ite.vesselId);
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ // 确定
|
|
|
+ determine () {
|
|
|
+ this.partTimeJobShip = false;
|
|
|
+ this.ruleForm.roleVesselIds = [];
|
|
|
+ this.jobList.forEach(item => {
|
|
|
+ item.asd.forEach(ite => {
|
|
|
+ this.ruleForm.roleVesselIds.push(item.roleId + "_" + ite.vesselId);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ append (data) {
|
|
|
+ const newChild = { id: id++, label: "testtest", children: [] };
|
|
|
+ if (!data.children) {
|
|
|
+ this.$set(data, "children", []);
|
|
|
+ }
|
|
|
+ data.children.push(newChild);
|
|
|
+ },
|
|
|
+ getList () {
|
|
|
+ // 船舶
|
|
|
+ shoreApi
|
|
|
+ .getVessels({ searchKeyword: this.searchKeyword })
|
|
|
+ .then(response => {
|
|
|
+ this.shipList = response;
|
|
|
+ this.shipLists = response;
|
|
|
+ let _isIndeterminate = false;
|
|
|
+ this.shipList.forEach(v => {
|
|
|
+ this.seleteShipList.forEach(v2 => {
|
|
|
+ if (v2.vesselId === v.vesselId) _isIndeterminate = true;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.shipLists.forEach(v => {
|
|
|
+ this.seleteShipList.forEach(v2 => {
|
|
|
+ if (v2.vesselId === v.vesselId) _isIndeterminate = true;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.isIndeterminate = _isIndeterminate;
|
|
|
+ this.isIndeterminates = _isIndeterminate;
|
|
|
+
|
|
|
+ let _checkAll = false;
|
|
|
+ let selectMum = 0;
|
|
|
+ this.shipList.forEach(v => {
|
|
|
+ this.seleteShipList.forEach(v2 => {
|
|
|
+ if (v2.vesselId === v.vesselId) selectMum++;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.shipLists.forEach(v => {
|
|
|
+ this.seleteShipList.forEach(v2 => {
|
|
|
+ if (v2.vesselId === v.vesselId) selectMum++;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.shipList.length === selectMum) {
|
|
|
+ _checkAll = true;
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ } else {
|
|
|
+ _checkAll = false;
|
|
|
+ }
|
|
|
+ if (this.shipLists.length === selectMum) {
|
|
|
+ _checkAll = true;
|
|
|
+ this.isIndeterminates = false;
|
|
|
+ } else {
|
|
|
+ _checkAll = false;
|
|
|
+ }
|
|
|
+ this.checkAll = _checkAll;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getClear () {
|
|
|
+ this.searchKeyword = null;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ //反选
|
|
|
+ checkAnti (val) {
|
|
|
+ // console.log(val,'反选')
|
|
|
+ this.checkAll = !val;
|
|
|
+ // if(val){
|
|
|
+ // this.checkAll = false;
|
|
|
+ // }
|
|
|
+ let citiesId = [];
|
|
|
+ let shipCheck = [];
|
|
|
+ this.shipList.forEach(item => {
|
|
|
+ citiesId.push({ vesselId: item.vesselId, vesselName: item.vesselName });
|
|
|
+ shipCheck.push(item.vesselId);
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.shipCheckList.length === this.shipList.length) {
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ this.shipCheckList = [];
|
|
|
+ this.seleteShipList = [];
|
|
|
+ } else if (this.shipCheckList.length === 0) {
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ this.shipCheckList = shipCheck;
|
|
|
+ this.seleteShipList = citiesId;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 关联船舶全选
|
|
|
+ handleCheckAllChange (val) {
|
|
|
+ if (val) {
|
|
|
+ this.checkAntiFlag = false;
|
|
|
+ }
|
|
|
+ // this.checkAntiFlag = !val;
|
|
|
+ // console.log(val,'正选')
|
|
|
+ let citiesId = [];
|
|
|
+ let shipCheck = [];
|
|
|
+ this.shipList.forEach(item => {
|
|
|
+ citiesId.push({ vesselId: item.vesselId, vesselName: item.vesselName });
|
|
|
+ shipCheck.push(item.vesselId);
|
|
|
+ });
|
|
|
+ this.shipCheckList = val ? shipCheck : [];
|
|
|
+ this.seleteShipList = val ? citiesId : [];
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ },
|
|
|
+ // 关联船舶单选
|
|
|
+ handleCheckedCitiesChange (value) {
|
|
|
+ // 差集
|
|
|
+ let t = [];
|
|
|
+ this.shipList.forEach(v1 => {
|
|
|
+ let b = Object.assign({}, v1);
|
|
|
+ value.forEach(v2 => {
|
|
|
+ if (v2 === v1.vesselId) b = null;
|
|
|
+ });
|
|
|
+ t.push(b);
|
|
|
+ });
|
|
|
+ //加
|
|
|
+ this.shipList.forEach(item => {
|
|
|
+ value.forEach(gitem => {
|
|
|
+ if (item.vesselId === gitem) {
|
|
|
+ let currIndex = this.seleteShipList.findIndex(
|
|
|
+ value => value.vesselId === gitem
|
|
|
+ );
|
|
|
+ if (currIndex === -1)
|
|
|
+ this.seleteShipList.push({
|
|
|
+ vesselId: item.vesselId,
|
|
|
+ vesselName: item.vesselName
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ // 删
|
|
|
+ let _t = t.filter(v => !!v);
|
|
|
+ let a = this.seleteShipList.filter(v => {
|
|
|
+ let r = true;
|
|
|
+ _t.forEach(v2 => {
|
|
|
+ if (v.vesselId === v2.vesselId) r = false;
|
|
|
+ });
|
|
|
+ return r;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.seleteShipList = a;
|
|
|
+
|
|
|
+ let _isIndeterminate = false;
|
|
|
+ this.shipList.forEach(v => {
|
|
|
+ if (value.includes(v.vesselId)) {
|
|
|
+ _isIndeterminate = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.isIndeterminate = _isIndeterminate;
|
|
|
+
|
|
|
+ let _checkAll = false;
|
|
|
+ let selectMum = 0;
|
|
|
+ this.shipList.forEach(v => {
|
|
|
+ if (value.includes(v.vesselId)) {
|
|
|
+ selectMum++;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.shipList.length === selectMum) {
|
|
|
+ _checkAll = true;
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ } else {
|
|
|
+ _checkAll = false;
|
|
|
+ }
|
|
|
+ this.checkAll = _checkAll;
|
|
|
+ },
|
|
|
+ // 关联船舶全选
|
|
|
+ handleCheckAllChangess (val) {
|
|
|
+ let citiesId = [];
|
|
|
+ let shipChecks = [];
|
|
|
+ this.shipLists.forEach(item => {
|
|
|
+ citiesId.push({ vesselId: item.vesselId, vesselName: item.vesselName });
|
|
|
+ shipChecks.push(item.vesselId);
|
|
|
+ });
|
|
|
+ this.shipCheckLists = val ? shipChecks : [];
|
|
|
+ this.seleteShipLists = val ? citiesId : [];
|
|
|
+ this.gggg.asd = val ? citiesId : [];
|
|
|
+ this.isIndeterminates = false;
|
|
|
+ },
|
|
|
+ // 关联船舶单选
|
|
|
+ handleCheckedCitiesChangess (value) {
|
|
|
+ // 差集
|
|
|
+ let t = [];
|
|
|
+ this.shipLists.forEach(v1 => {
|
|
|
+ let b = Object.assign({}, v1);
|
|
|
+ value.forEach(v2 => {
|
|
|
+ if (v2 === v1.vesselId) b = null;
|
|
|
+ });
|
|
|
+ t.push(b);
|
|
|
+ });
|
|
|
+ //加
|
|
|
+ this.shipLists.forEach(item => {
|
|
|
+ value.forEach(gitem => {
|
|
|
+ if (item.vesselId === gitem) {
|
|
|
+ let currIndex = this.seleteShipLists.findIndex(
|
|
|
+ value => value.vesselId === gitem
|
|
|
+ );
|
|
|
+ if (currIndex === -1)
|
|
|
+ this.seleteShipLists.push({
|
|
|
+ vesselId: item.vesselId,
|
|
|
+ vesselName: item.vesselName
|
|
|
+ });
|
|
|
+ this.gggg.asd = this.seleteShipLists;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 删
|
|
|
+ let _t = t.filter(v => !!v);
|
|
|
+ let a = this.seleteShipLists.filter(v => {
|
|
|
+ let r = true;
|
|
|
+ _t.forEach(v2 => {
|
|
|
+ if (v.vesselId === v2.vesselId) r = false;
|
|
|
+ });
|
|
|
+ return r;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.seleteShipLists = a;
|
|
|
+ this.gggg.asd = a;
|
|
|
+
|
|
|
+ let _isIndeterminates = false;
|
|
|
+ this.shipLists.forEach(v => {
|
|
|
+ if (value.includes(v.vesselId)) {
|
|
|
+ _isIndeterminates = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.isIndeterminates = _isIndeterminates;
|
|
|
+
|
|
|
+ let _checkAll = false;
|
|
|
+ let selectMum = 0;
|
|
|
+ this.shipLists.forEach(v => {
|
|
|
+ if (value.includes(v.vesselId)) {
|
|
|
+ selectMum++;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.shipLists.length === selectMum) {
|
|
|
+ _checkAll = true;
|
|
|
+ this.isIndeterminates = false;
|
|
|
+ } else {
|
|
|
+ _checkAll = false;
|
|
|
+ }
|
|
|
+ this.checkAll = _checkAll;
|
|
|
+ },
|
|
|
+ // 选船操作
|
|
|
+ shipCheck (id) {
|
|
|
+ this.seleteShipList = [];
|
|
|
+ for (let i = 0; i < id.length; i++) {
|
|
|
+ this.seleteShipList.push({
|
|
|
+ vesselId: id[i],
|
|
|
+ vesselName: this.shipList.find(item => item.vesselId === id[i])
|
|
|
+ .vesselName
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选船操作
|
|
|
+ shipChecks (id) {
|
|
|
+ this.seleteShipLists = [];
|
|
|
+ for (let i = 0; i < id.length; i++) {
|
|
|
+ this.seleteShipLists.push({
|
|
|
+ vesselId: id[i],
|
|
|
+ vesselName: this.shipLists.find(item => item.vesselId === id[i])
|
|
|
+ .vesselName
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ changeInputType () {
|
|
|
+ this.inputType = "password";
|
|
|
+ },
|
|
|
+ // 当前页面信息
|
|
|
+ getMemberInfo () {
|
|
|
+ this.loading = true;
|
|
|
+ staffInfo({ staffId: this.id }).then(response => {
|
|
|
+ this.ruleForm = response;
|
|
|
+ this.zhiwu1.roleId = this.ruleForm.majorRoleId;
|
|
|
+ if (this.ruleForm.underCompId) {
|
|
|
+ this.changeDept(this.ruleForm.underCompId);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.ruleForm.deptId) {
|
|
|
+ shoreApi
|
|
|
+ .queryRoleSelectData({
|
|
|
+ vesselBankFlag: "B",
|
|
|
+ underCompId: this.ruleForm.underCompId,
|
|
|
+ deptId: this.ruleForm.deptId
|
|
|
+ })
|
|
|
+ .then(response => {
|
|
|
+ this.data6 = response.map(item => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ state: false
|
|
|
+ };
|
|
|
+ });
|
|
|
+ this.data1 = this.data6;
|
|
|
+ this.roleLoading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!this.ruleForm.electronicSignature) {
|
|
|
+ this.ruleForm.electronicSignature = this.url;
|
|
|
+ }
|
|
|
+ // TODO: 此处存在疑问点？
|
|
|
+ this.zhiwu1.roleName = response.majorRole
|
|
|
+ ? response.majorRole.roleName
|
|
|
+ : "";
|
|
|
+ this.post = response.majorRole ? response.majorRole.roleId : "";
|
|
|
+ if (response.majorRole && response.majorRole.vessels)
|
|
|
+ response.majorRole.vessels.forEach(item => {
|
|
|
+ this.seleteShipList.push(item);
|
|
|
+ this.aaaaaa.push(item.vesselId);
|
|
|
+ });
|
|
|
+ response.roles.forEach(item => {
|
|
|
+ this.$set(this.check, `${item.deptId}_${item.roleId}`, [item]);
|
|
|
+ this.$set(this.aaabbb, `${item.deptId}_${item.roleId}`, [item]);
|
|
|
+ if (item.vessels !== null)
|
|
|
+ item.vessels.forEach(itemD => {
|
|
|
+ Object.keys(this.check).forEach((value, index) => {
|
|
|
+ if (value === `${item.deptId}_${item.roleId}`) {
|
|
|
+ this.check[value].forEach(ite => {
|
|
|
+ if (ite.asd === undefined) {
|
|
|
+ ite.asd = [];
|
|
|
+ }
|
|
|
+ ite.asd.push(itemD);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ response.roles.forEach(item => {
|
|
|
+ if (item.vessels !== null) {
|
|
|
+ item.vessels = item.vessels.map(ite => {
|
|
|
+ return {
|
|
|
+ ...ite,
|
|
|
+ roleId: item.roleId
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.ruleForm.roleVesselIds = [];
|
|
|
+ response.roles.forEach(item => {
|
|
|
+ if (item.vessels !== null)
|
|
|
+ item.vessels.forEach(itemA => {
|
|
|
+ this.ruleForm.roleVesselIds.push(
|
|
|
+ itemA.roleId + "_" + itemA.vesselId
|
|
|
+ );
|
|
|
+ // this.jobList.forEach(ite => {
|
|
|
+ // if (ite.roleId === item.roleId) {
|
|
|
+ // ite.asd.push(itemA);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // TODO: 此处存在
|
|
|
+ this.ruleForm.vessels = response.majorRole
|
|
|
+ ? response.majorRole.vessels
|
|
|
+ : "";
|
|
|
+
|
|
|
+ // let vessels = response.vessels.filter(function(v) {
|
|
|
+ // return v;
|
|
|
+ // });
|
|
|
+ // this.shipCheckList = [];
|
|
|
+ // this.seleteShipList = vessels.filter(v => {
|
|
|
+ // let t = false;
|
|
|
+ // this.shipList.forEach(v2 => {
|
|
|
+ // if (v2.vesselId === v.vesselId) {
|
|
|
+ // t = true;
|
|
|
+ // this.shipCheckList.push(v.vesselId);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // return t;
|
|
|
+ // });
|
|
|
+
|
|
|
+ let checkedCount = this.shipCheckList.length;
|
|
|
+ this.checkAll = checkedCount === this.shipList.length;
|
|
|
+ this.isIndeterminate =
|
|
|
+ checkedCount > 0 && checkedCount < this.shipList.length;
|
|
|
+
|
|
|
+ // if (response.roles.length > 0) {
|
|
|
+ // this.zhiwu1 = response.roles[0];
|
|
|
+ // response.roles.find(item => {
|
|
|
+ // if (item.major === "1") {
|
|
|
+ // this.zhiwu1 = {
|
|
|
+ // roleId: item.roleId,
|
|
|
+ // roleName: item.roleName,
|
|
|
+ // major: "1"
|
|
|
+ // };
|
|
|
+ // }
|
|
|
+ // this.zhiwuCheckList.push(item.roleId);
|
|
|
+ // });
|
|
|
+ // this.zhiwu2 = response.roles.filter(item => {
|
|
|
+ // return item.major !== "1";
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 上传签名
|
|
|
+ uploadPhoto (e) {
|
|
|
+ const fileTypes = [".jpg", ".png"];
|
|
|
+ const filePath = e.target.value;
|
|
|
+ if (filePath) {
|
|
|
+ let isNext = false;
|
|
|
+ const fileEnd = filePath.substring(filePath.indexOf("."));
|
|
|
+ for (let i = 0; i < fileTypes.length; i++) {
|
|
|
+ if (fileTypes[i] === fileEnd) {
|
|
|
+ isNext = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!isNext) {
|
|
|
+ this.$message({
|
|
|
+ message: "不接受此类型文件",
|
|
|
+ type: "error",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ e.target.value = "";
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const file = e.target.files[0];
|
|
|
+ uploadShipFiles(file, {
|
|
|
+ companyId: this.compId || "",
|
|
|
+ modelId: ""
|
|
|
+ }).then(response => {
|
|
|
+ this.ruleForm.electronicSignature =
|
|
|
+ this.$store.getters.baseInfo.fileUrl + response.appendixPath;
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "上传签名成功！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cancel () {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ // 数据转换
|
|
|
+ getSelectLabel () {
|
|
|
+ this.ruleForm.majorRoleId = this.zhiwu1.roleId;
|
|
|
+
|
|
|
+ // 公司
|
|
|
+ this.ruleForm.underCompName = this.companyList.find(
|
|
|
+ item => item.compId === this.ruleForm.underCompId
|
|
|
+ ).compName;
|
|
|
+
|
|
|
+ // 部门
|
|
|
+ this.ruleForm.deptName = this.deptList.find(
|
|
|
+ item => item.deptId === this.ruleForm.deptId
|
|
|
+ ).deptName;
|
|
|
+
|
|
|
+ if (this.ruleForm.loginPasswordNew) {
|
|
|
+ this.ruleForm.loginPassword = this.ruleForm.loginPasswordNew;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 编辑
|
|
|
+ editSave () {
|
|
|
+ this.ruleForm.staffId = this.id;
|
|
|
+ changeInfo(this.ruleForm)
|
|
|
+ .then(() => {
|
|
|
+ // this.cancel();
|
|
|
+ this.$message({
|
|
|
+ message: "保存成功",
|
|
|
+ type: "success",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ // this.getMemberInfo();
|
|
|
+ this.$router.go(-1);
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .catch(code => {
|
|
|
+ this.loading = false;
|
|
|
+ if (code === "MANAGEMENT_002") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "手机号冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (code === "MANAGEMENT_001") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "用户名冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (code === "MANAGEMENT_003") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "邮箱冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (code === "MANAGEMENT_010") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "成员名称重复!",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 保存
|
|
|
+ addSave (flag) {
|
|
|
+ addadmin(this.ruleForm)
|
|
|
+ .then(() => {
|
|
|
+ // this.cancel();
|
|
|
+ this.$message({
|
|
|
+ message: "保存成功",
|
|
|
+ type: "success",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+
|
|
|
+ if (flag) {
|
|
|
+ this.$router.go(-1);
|
|
|
+ } else {
|
|
|
+ this.clearZhiwu();
|
|
|
+ this.checklist = [
|
|
|
+ {
|
|
|
+ value: ""
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ this.checklist1 = [
|
|
|
+ {
|
|
|
+ value: ""
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ this.seleteShipList = [];
|
|
|
+ this.ruleForm.staffName = "";
|
|
|
+ this.ruleForm.deptId = "";
|
|
|
+ this.url =
|
|
|
+ "http://winsea-saas-test.oss-cn-shanghai.aliyuncs.com/default-logo.png";
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.ruleForm.clearValidate();
|
|
|
+ this.$refs.ruleForm.resetFields();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .catch(code => {
|
|
|
+ this.loading = false;
|
|
|
+ if (code === "MANAGEMENT_002") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "手机号冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (code === "MANAGEMENT_001") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "用户名冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (code === "MANAGEMENT_003") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "邮箱冲突！",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 保存
|
|
|
+ save (formName, flag) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ debugger
|
|
|
+ if (this.ruleForm.roles.length !== 0)
|
|
|
+ if (this.ruleForm.roles[0].roleId === "" || this.zhiwu1.roleName === null) {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请先设置职务!",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ // else if (this.ruleForm.vessels.length === 0) {
|
|
|
+ // this.$message({
|
|
|
+ // type: "warning",
|
|
|
+ // message: "请先设置关联船舶!",
|
|
|
+ // showClose: true,
|
|
|
+ // });
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ this.loading = true;
|
|
|
+ this.getSelectLabel();
|
|
|
+ if (this.id) {
|
|
|
+ this.editSave();
|
|
|
+ } else {
|
|
|
+ this.addSave(flag);
|
|
|
+ }
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "带*号的为必填项",
|
|
|
+ type: "error",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 设置职务
|
|
|
+ setwork () {
|
|
|
+ if (this.ruleForm.deptId) {
|
|
|
+ this.mainJobSelection = true;
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "请先选择部门！",
|
|
|
+ type: "warning",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 设置船
|
|
|
+ setChargeShip () {
|
|
|
+ // console.info(this.seleteShipList, this.aaaaaa);
|
|
|
+ this.chargeShip = true;
|
|
|
+ this.shipCheckList = this.seleteShipList.map(item => item.vesselId);
|
|
|
+ // this.shipCheckList = this.aaaaaa;
|
|
|
+ this.isIndeterminate = true;
|
|
|
+ },
|
|
|
+ setUpShip (data) {
|
|
|
+ this.gggg = data;
|
|
|
+ if (this.gggg.asd.length !== 0) {
|
|
|
+ let _aaa = [];
|
|
|
+ this.gggg.asd.forEach(item => {
|
|
|
+ _aaa.push(item.vesselId);
|
|
|
+ });
|
|
|
+ this.shipCheckLists = _aaa;
|
|
|
+ this.isIndeterminates = true;
|
|
|
+ } else {
|
|
|
+ this.shipCheckLists = this.gggg.asd;
|
|
|
+ this.isIndeterminates = false;
|
|
|
+ }
|
|
|
+ this.seleteShipLists = this.gggg.asd;
|
|
|
+ this.partTimeJobShip = true;
|
|
|
+ },
|
|
|
+ // 兼职设置
|
|
|
+ partTimeSetting () {
|
|
|
+ if (this.ruleForm.deptId) {
|
|
|
+ this.setDuty = true;
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "请先选择部门！",
|
|
|
+ type: "warning",
|
|
|
+ showClose: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 基础数据
|
|
|
+ async baseInfo () {
|
|
|
+ // 公司
|
|
|
+ shoreApi.compAndChildrenInfo().then(res => {
|
|
|
+ res[0].children.unshift({
|
|
|
+ compId: res[0].compId,
|
|
|
+ compName: res[0].compName
|
|
|
+ });
|
|
|
+ this.companyList = res[0].children;
|
|
|
+ });
|
|
|
+
|
|
|
+ // 船舶
|
|
|
+ this.loadingVessel = true;
|
|
|
+ let res = await shoreApi.getVessels();
|
|
|
+ this.loadingVessel = false;
|
|
|
+ this.shipList = res;
|
|
|
+ this.shipLists = res;
|
|
|
+ if (this.id) {
|
|
|
+ this.getMemberInfo();
|
|
|
+ this.title = "编辑成员";
|
|
|
+ } else {
|
|
|
+ this.title = "添加成员";
|
|
|
+ }
|
|
|
+
|
|
|
+ // 职员
|
|
|
+ this.roleLoading = true;
|
|
|
+ shoreApi.queryRoleSelectData({ vesselBankFlag: "B" }).then(response => {
|
|
|
+ this.roleLoading = false;
|
|
|
+ this.data5 = response.map(item => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ state: false
|
|
|
+ };
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeRole (id) {
|
|
|
+ this.roleLoading = true;
|
|
|
+ shoreApi
|
|
|
+ .queryRoleSelectData({
|
|
|
+ vesselBankFlag: "B",
|
|
|
+ underCompId: this.ruleForm.underCompId,
|
|
|
+ deptId: id
|
|
|
+ })
|
|
|
+ .then(response => {
|
|
|
+ this.data6 = response.map(item => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ state: false
|
|
|
+ };
|
|
|
+ });
|
|
|
+ this.data1 = this.data6;
|
|
|
+
|
|
|
+ if (!this.data1.find(item => item.roleId === this.zhiwu1.roleId)) {
|
|
|
+ this.zhiwu1.roleName = null;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.data1.forEach(item => {
|
|
|
+ this.zhiwu2.forEach((gitem, gindex) => {
|
|
|
+ if (gitem.roleId == item.roleId) {
|
|
|
+ this.zhiwu2.splice(gindex, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.zhiwuCheckList.forEach((citem, cindex) => {
|
|
|
+ if (gitem.roleId == citem) {
|
|
|
+ this.zhiwuCheckList.splice(cindex, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // this.zhiwuCheckList.push(item.roleId);
|
|
|
+
|
|
|
+ // if(this.zhiwu2.find(item => item.roleId === this.zhiwu1.roleId)){
|
|
|
+ // this.zhiwu2 = [];
|
|
|
+ // }
|
|
|
+ this.roleLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeDept (id) {
|
|
|
+ // 部门
|
|
|
+ getDeptListByCompId({ vesselBankFlag: "B", underCompId: id }).then(
|
|
|
+ response => {
|
|
|
+ this.postId = id;
|
|
|
+ this.deptList = response;
|
|
|
+ this.partTimeDepartmentList = response;
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ adddepartmentDel () {
|
|
|
+ this.resetChecked();
|
|
|
+ this.checklist = [
|
|
|
+ {
|
|
|
+ key: "",
|
|
|
+ value: ""
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ /* 删除 */
|
|
|
+ resetChecked (key, value) {
|
|
|
+ this.$refs.tree.setCheckedKeys([key]);
|
|
|
+ this.checklist.push({
|
|
|
+ key,
|
|
|
+ value
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // /* 清空 */
|
|
|
+ // check(data) {
|
|
|
+ // this.checklist = [];
|
|
|
+ // const key = data.id;
|
|
|
+ // const value = data.label;
|
|
|
+ // this.resetChecked(key, value);
|
|
|
+ // },
|
|
|
+ departmentsave () {
|
|
|
+ this.setUpTheDepartment = false;
|
|
|
+ this.ruleForm.deptId = this.checklist[0].key;
|
|
|
+ },
|
|
|
+ // 主要职务单选
|
|
|
+ handleCheckAllChanges (value) {
|
|
|
+ // this.zhiwu1 = {
|
|
|
+ // roleName: this.data1.find(item => item.roleId === value).roleName
|
|
|
+ // };
|
|
|
+ this.zhiwu1 = {
|
|
|
+ roleId: value,
|
|
|
+ roleName: this.data1.find(item => item.roleId === value).roleName
|
|
|
+ };
|
|
|
+ },
|
|
|
+ /* 保存 */
|
|
|
+ // 设置主要职务
|
|
|
+ setMainJob () {
|
|
|
+ this.setDuty = false;
|
|
|
+ this.zhiwu11 = this.zhiwu1;
|
|
|
+ const zhiwuAll = [];
|
|
|
+ zhiwuAll.push(this.zhiwu1);
|
|
|
+ this.ruleForm.roles = zhiwuAll.concat(this.zhiwu2);
|
|
|
+ this.mainJobSelection = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 设置职务 */
|
|
|
+ setDutysave () {
|
|
|
+ // if (this.zhiwu1.roleId) {
|
|
|
+ this.setDuty = false;
|
|
|
+ this.ruleForm.roleVesselIds = [];
|
|
|
+ this.jobList.forEach(item => {
|
|
|
+ item.asd.forEach(ite => {
|
|
|
+ this.ruleForm.roleVesselIds.push(item.roleId + "_" + ite.vesselId);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ // this.zhiwu11 = this.zhiwu1;
|
|
|
+ // const zhiwuAll = [];
|
|
|
+ // zhiwuAll.push(this.zhiwu1);
|
|
|
+ // this.ruleForm.roles = zhiwuAll.concat(this.zhiwu2);
|
|
|
+ // } else {
|
|
|
+ // this.$message({
|
|
|
+ // type: "error",
|
|
|
+ // message: "请选择主要职务",
|
|
|
+ // showClose: true
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ getNowList () {
|
|
|
+ this.chargeShip = false;
|
|
|
+ this.searchKeyword = null;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ saveChargeShip () {
|
|
|
+ this.getNowList();
|
|
|
+ this.ruleForm.vessels = this.seleteShipList;
|
|
|
+ },
|
|
|
+ zhiwu2Check (data) {
|
|
|
+ this.zhiwu2 = [];
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ this.zhiwu2.push({
|
|
|
+ roleId: data[i],
|
|
|
+ roleName: this.partTimeJobList.find(item => item.roleId === data[i])
|
|
|
+ .roleName,
|
|
|
+ major: "0"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 职务操作
|
|
|
+
|
|
|
+ zhiwuCheck (id) {
|
|
|
+ // if (this.primaryzw == "1") {
|
|
|
+ // this.zhiwuCheckList = [];
|
|
|
+ // this.zhiwuCheckList.push(data[data.length - 1]);
|
|
|
+ // this.zhiwu1 = {
|
|
|
+ // roleId: data[data.length - 1],
|
|
|
+ // roleName: this.data1.find(
|
|
|
+ // item => item.roleId === data[data.length - 1]
|
|
|
+ // ).roleName,
|
|
|
+ // major: "1"
|
|
|
+ // };
|
|
|
+ // } else {
|
|
|
+ // this.zhiwu2 = [];
|
|
|
+ // for (let i = 0; i < data.length; i++) {
|
|
|
+ // this.zhiwu2.push({
|
|
|
+ // roleId: data[i],
|
|
|
+ // roleName: this.data5.find(item => item.roleId === data[i]).roleName,
|
|
|
+ // major: "0"
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ this.roleLoading = true;
|
|
|
+ shoreApi
|
|
|
+ .queryRoleSelectData({
|
|
|
+ vesselBankFlag: "B",
|
|
|
+ underCompId: this.ruleForm.underCompId,
|
|
|
+ deptId: id.join(",")
|
|
|
+ })
|
|
|
+ .then(response => {
|
|
|
+ this.partTimeJobList = response;
|
|
|
+ // this.data6 = response.map(item => {
|
|
|
+ // return {
|
|
|
+ // ...item,
|
|
|
+ // state: false
|
|
|
+ // };
|
|
|
+ // });
|
|
|
+ // this.data1 = this.data6;
|
|
|
+ this.roleLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ zhiwuRadio1 (data) {
|
|
|
+ this.data1 = this.data6;
|
|
|
+ for (let i = 0; i < this.data1.length; i++) {
|
|
|
+ this.data1[i].state = false;
|
|
|
+ }
|
|
|
+ for (let i = 0; i < this.zhiwu2.length; i++) {
|
|
|
+ for (let j = 0; j < this.data1.length; j++) {
|
|
|
+ if (this.zhiwu2[i].roleId == this.data1[j].roleId) {
|
|
|
+ this.data1[j].state = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.zhiwuCheckList = [];
|
|
|
+ this.zhiwuCheckList.push(data);
|
|
|
+ },
|
|
|
+ zhiwuRadio2 (data) {
|
|
|
+ this.data1 = this.data5;
|
|
|
+ for (let i = 0; i < this.data1.length; i++) {
|
|
|
+ this.data1[i].state = false;
|
|
|
+ }
|
|
|
+ for (let i = 0; i < this.data1.length; i++) {
|
|
|
+ if (this.zhiwu1.roleId == this.data1[i].roleId) {
|
|
|
+ this.data1[i].state = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.zhiwuCheckList = [];
|
|
|
+ if (data.length > 0) {
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ this.zhiwuCheckList.push(data[i].roleId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ delZhiWu (data) {
|
|
|
+ for (
|
|
|
+ let i = 0;
|
|
|
+ i < this.aaabbb[`${data.deptId}_${data.roleId}`].length;
|
|
|
+ i++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.aaabbb[`${data.deptId}_${data.roleId}`][i].roleId == data.roleId
|
|
|
+ ) {
|
|
|
+ this.aaabbb[`${data.deptId}_${data.roleId}`].splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ for (let i = 0; i < this.jobList.length; i++) {
|
|
|
+ if (data.roleId === this.jobList[i].roleId) {
|
|
|
+ this.jobList.splice(i, 1);
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // for (let i = 0; i < this.data1.length; i++) {
|
|
|
+ // if (data.roleId == this.data1[i].roleId) {
|
|
|
+ // this.data1[i].state = false;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ // 弹出框确认关闭
|
|
|
+ handleClose (done) {
|
|
|
+ this.clearZhiwu();
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ clearZhiwu () {
|
|
|
+ this.zhiwu11 = [];
|
|
|
+ this.zhiwu1 = {};
|
|
|
+ this.zhiwu2 = [];
|
|
|
+ this.zhiwuCheckList = [];
|
|
|
+ this.primaryzw = "1";
|
|
|
+ this.shipCheckList = [];
|
|
|
+ this.seleteShipList = [];
|
|
|
+ },
|
|
|
+
|
|
|
+ delShipSelect (data) {
|
|
|
+ const num = this.shipCheckList.indexOf(data);
|
|
|
+ this.shipCheckList.splice(num, 1);
|
|
|
+ for (let i = 0; i < this.seleteShipList.length; i++) {
|
|
|
+ if (this.seleteShipList[i].vesselId == data) {
|
|
|
+ this.seleteShipList.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.seleteShipList.length === 0) {
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ } else {
|
|
|
+ this.isIndeterminate = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ delShipSelects (data) {
|
|
|
+ const num = this.shipCheckLists.indexOf(data);
|
|
|
+ this.shipCheckLists.splice(num, 1);
|
|
|
+
|
|
|
+ for (let i = 0; i < this.seleteShipLists.length; i++) {
|
|
|
+ if (this.seleteShipLists[i].vesselId == data) {
|
|
|
+ this.seleteShipLists.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.gggg.asd = this.seleteShipLists;
|
|
|
+ if (this.seleteShipLists.length === 0) {
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ } else {
|
|
|
+ this.isIndeterminate = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.dept-comp {
|
|
|
+ /deep/ .el-select:nth-child(1) {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ /deep/ .el-input__inner,
|
|
|
+ .el-select {
|
|
|
+ width: 203px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.serviceType {
|
|
|
+ /deep/ .el-form-item__label {
|
|
|
+ padding-right: 25px;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .tips {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #999;
|
|
|
+ position: absolute;
|
|
|
+ left: -25px;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 99;
|
|
|
+ &:hover {
|
|
|
+ p {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ p {
|
|
|
+ display: none;
|
|
|
+ box-shadow: 0 1px 8px rgba(137, 142, 146, 0.34);
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 16px;
|
|
|
+ background: #fff;
|
|
|
+ color: #333;
|
|
|
+ padding: 3px;
|
|
|
+ margin: 0;
|
|
|
+ margin-top: -4px;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.border {
|
|
|
+ width: 960px;
|
|
|
+ height: 100%;
|
|
|
+ border-left: 1px solid #cccccc;
|
|
|
+}
|
|
|
+.organization-box {
|
|
|
+ height: calc(86vh - 10px);
|
|
|
+ overflow-y: auto;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.uphead {
|
|
|
+ margin: 20px 0;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+}
|
|
|
+.img {
|
|
|
+ display: inline-block;
|
|
|
+ height: 60px;
|
|
|
+ width: 60px;
|
|
|
+ border-radius: 10px;
|
|
|
+ vertical-align: sub;
|
|
|
+}
|
|
|
+.kyc-passin {
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 170px;
|
|
|
+}
|
|
|
+.talk {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999999;
|
|
|
+}
|
|
|
+/deep/.el-dialog__body {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+/deep/ .el-dialog--center .el-dialog__body {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.adddepartment {
|
|
|
+ height: 400px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.adddepartment1 {
|
|
|
+ padding: 20px;
|
|
|
+ width: 50%;
|
|
|
+ overflow-y: auto;
|
|
|
+ .el-checkbox-group {
|
|
|
+ padding-left: 15px;
|
|
|
+ }
|
|
|
+ .search-box {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ .search-keyword {
|
|
|
+ margin-right: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.adddepartment2 {
|
|
|
+ padding: 20px;
|
|
|
+ width: 50%;
|
|
|
+ background-color: #eeeeee;
|
|
|
+}
|
|
|
+/deep/.el-tree-node__content {
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+.adddepartment3 {
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+.adddepartment4 {
|
|
|
+ display: inline-block;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.adddepartmentLeft {
|
|
|
+ width: 195px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ left: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.shipName {
|
|
|
+ padding: 4px 8px;
|
|
|
+ background-color: #dde9fc;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.ddv1 {
|
|
|
+ //width: 730px;
|
|
|
+ vertical-align: top;
|
|
|
+ margin-top: 2px;
|
|
|
+}
|
|
|
+.ddv1 > span {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.adddepartmentDel {
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ color: #1d6ced;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+/deep/.el-form-item .el-input__inner {
|
|
|
+ width: 420px;
|
|
|
+}
|
|
|
+.main-list {
|
|
|
+ height: calc(42vh);
|
|
|
+}
|
|
|
+.primaryzw {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+.zhiwuCheck {
|
|
|
+ display: block;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.zhiwuChecks {
|
|
|
+ display: block;
|
|
|
+ margin-left: -30px;
|
|
|
+}
|
|
|
+.zhuyaozhiwu {
|
|
|
+ margin-top: 10px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 3px 8px;
|
|
|
+ // display: inline-block;
|
|
|
+}
|
|
|
+.ciyaozhiwu {
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 5px 10px;
|
|
|
+ // display: inline-block;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.zhiwuradio {
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+.zhiwuDel {
|
|
|
+ margin-inline-start: 10px;
|
|
|
+ color: #1d6ced;
|
|
|
+ cursor: pointer;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.lastspan {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.ddv1 {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.inputPsd {
|
|
|
+ -webkit-text-security: disc;
|
|
|
+}
|
|
|
+/deep/ .el-form-item__error {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.dept-comp {
|
|
|
+ /deep/ .el-form-item__error {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ /deep/ .el-form-item__content {
|
|
|
+ /deep/ .el-input {
|
|
|
+ width: 202px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-form-item__content {
|
|
|
+ /deep/ .el-input {
|
|
|
+ width: 420px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.member {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
+}
|
|
|
+.checkBoxClass {
|
|
|
+ // float: left;
|
|
|
+ width: 650px;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.checkBoxCla {
|
|
|
+ width: 25%;
|
|
|
+ margin: 10px 0 10px 20px;
|
|
|
+}
|
|
|
+.boxClass {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.aaa {
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 12px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+.bbb {
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 12px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+.postBox {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.ship-tree {
|
|
|
+ /deep/.el-tree-node__content {
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ /deep/.el-radio-group {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ text-align: left;
|
|
|
+ & > .el-radio {
|
|
|
+ margin: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
