|
@@ -5,131 +5,137 @@
|
|
|
<div class="drawer__panel">
|
|
|
<el-row :gutter="20">
|
|
|
<el-form :model="form" size="small" :rules="rules" ref="form" label-position="right" label-width="100px">
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="编号:" prop="hrcode">
|
|
|
- <el-input v-model="form.hrcode" placeholder="输入人员编号" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="性别">
|
|
|
- <el-select v-model="form.sex" style="width:100%" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in sys_options"
|
|
|
- :key="item.index"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="姓名:" prop="name">
|
|
|
- <el-input v-model="form.name" placeholder="输入姓名" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="电子邮箱:" prop="email">
|
|
|
- <el-input v-model="form.email" placeholder="输入电子邮箱" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<!-- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="手机号码:" prop="phonenumber">
|
|
|
- <el-input v-if="form.accountno === ''" v-model="form.phonenumber" placeholder="输入手机号码" autocomplete="off" ></el-input>
|
|
|
- <el-input v-else v-model="form.userphonenumber" placeholder="输入手机号码" autocomplete="off" disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>-->
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="身份证号:">
|
|
|
- <el-input v-model="form.idcard" placeholder="输入身份证号" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="部门:" prop="depname">
|
|
|
- <el-popover
|
|
|
- placement="bottom"
|
|
|
- width="400"
|
|
|
- trigger="click"
|
|
|
- v-model="visible">
|
|
|
- <el-tree
|
|
|
- :data="deplist"
|
|
|
- node-key="id"
|
|
|
- default-expand-all
|
|
|
- highlight-current
|
|
|
- @node-click="nodeClick"
|
|
|
- :expand-on-click-node="false">
|
|
|
- <span class="custom-tree-node" slot-scope="{ node, data }">
|
|
|
- <span>{{ node.label }}</span>
|
|
|
- <span>
|
|
|
- <el-button size="small" type="text" @click="selectDep(data,visible=false)" v-if="data.departmentid === pointValue" style="color: #FFFFFF">选 择</el-button>
|
|
|
- <el-button size="small" type="text" @click="selectDep(data,visible=false)" v-else >选 择</el-button>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="编号:" prop="hrcode">
|
|
|
+ <el-input v-model="form.hrcode" placeholder="输入人员编号" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="性别">
|
|
|
+ <el-select v-model="form.sex" style="width:100%" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in sys_options"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="姓名:" prop="name">
|
|
|
+ <el-input v-model="form.name" placeholder="输入姓名" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="电子邮箱:" prop="email">
|
|
|
+ <el-input v-model="form.email" placeholder="输入电子邮箱" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="手机号码:" prop="phonenumber">
|
|
|
+ <el-input v-if="form.accountno === ''" v-model="form.phonenumber" placeholder="输入手机号码" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-else v-model="form.userphonenumber" placeholder="输入手机号码" autocomplete="off" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>-->
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="身份证号:">
|
|
|
+ <el-input v-model="form.idcard" placeholder="输入身份证号" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="部门:" prop="depname">
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ width="400"
|
|
|
+ trigger="click"
|
|
|
+ v-model="visible">
|
|
|
+ <el-tree
|
|
|
+ :data="deplist"
|
|
|
+ node-key="id"
|
|
|
+ default-expand-all
|
|
|
+ highlight-current
|
|
|
+ @node-click="nodeClick"
|
|
|
+ :expand-on-click-node="false">
|
|
|
+ <span class="custom-tree-node" slot-scope="{ node, data }">
|
|
|
+ <span>{{ node.label }}</span>
|
|
|
+ <span>
|
|
|
+ <el-button size="small" type="text" @click="selectDep(data,visible=false)" v-if="data.departmentid === pointValue" style="color: #FFFFFF">选 择</el-button>
|
|
|
+ <el-button size="small" type="text" @click="selectDep(data,visible=false)" v-else >选 择</el-button>
|
|
|
+ </span>
|
|
|
</span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- <el-input slot="reference" v-model="form.depname" readonly placeholder="请选择" autocomplete="off"></el-input>
|
|
|
- </el-popover>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="办公电话:">
|
|
|
- <el-input v-model="form.officetelephone" placeholder="输入办公电话" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-tree>
|
|
|
+ <el-input slot="reference" v-model="form.depname" readonly placeholder="请选择" autocomplete="off"></el-input>
|
|
|
+ </el-popover>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="办公电话:">
|
|
|
+ <el-input v-model="form.officetelephone" placeholder="输入办公电话" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="职位:">
|
|
|
- <el-input v-model="form.position" placeholder="输入职位" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12">
|
|
|
- <el-form-item label="汇报对象:">
|
|
|
- <selectMenber :reporthrname="form.reporthrname" @selectMenber="selectMenber"></selectMenber>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="5" style="height:51px">
|
|
|
- <el-form-item>
|
|
|
- <el-checkbox v-model="form.isleader" :false-label="0" :true-label="1">是否部门负责人</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="5">
|
|
|
- <el-form-item>
|
|
|
- <el-checkbox v-model="form.isworker" :false-label="0" :true-label="1">是否服务人员</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="状态:">
|
|
|
- <el-radio-group v-model="form.status">
|
|
|
- <el-radio label="0">在职</el-radio>
|
|
|
- <el-radio label="1">离职</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="5">
|
|
|
- <el-form-item>
|
|
|
- <el-checkbox v-model="form.isuppictured" :false-label="0" :true-label="1">是否上图员</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="5">
|
|
|
- <el-form-item>
|
|
|
- <el-checkbox v-model="form.issalehr" :false-label="0" :true-label="1" :disabled="issalehr == '1'">是否业务员</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12" v-if="form.issalehr == '1'">
|
|
|
- <el-form-item label="营销区域:">
|
|
|
- <el-input v-if="issalehr == 1" v-model="form.areaname" placeholder="选择营销区域" autocomplete="off" disabled></el-input>
|
|
|
- <areaList v-else :areaname="form.areaname" @selectArea="selectArea" @areaList="areaLists"></areaList>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="职位:">
|
|
|
+ <el-input v-model="form.position" placeholder="输入职位" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="汇报对象:">
|
|
|
+ <selectMenber :reporthrname="form.reporthrname" @selectMenber="selectMenber"></selectMenber>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12">
|
|
|
+ <el-form-item label="状态:">
|
|
|
+ <el-radio-group v-model="form.status">
|
|
|
+ <el-radio label="0">在职</el-radio>
|
|
|
+ <el-radio label="1">离职</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="mb-30" :span="5" style="height:51px">
|
|
|
+ <el-form-item>
|
|
|
+ <el-checkbox v-model="form.isleader" :false-label="0" :true-label="1">是否部门负责人</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="5">
|
|
|
+ <el-form-item>
|
|
|
+ <el-checkbox v-model="form.isworker" :false-label="0" :true-label="1">是否服务人员</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="5">
|
|
|
+ <el-form-item>
|
|
|
+ <el-checkbox v-model="form.isuppictured" :false-label="0" :true-label="1">是否上图员</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="5">
|
|
|
+ <el-form-item>
|
|
|
+ <el-checkbox v-model="form.issalehr" :false-label="0" :true-label="1" :disabled="issalehr == '1'">是否业务员</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="mb-30" :span="12" v-if="form.issalehr == '1'">
|
|
|
+ <el-form-item label="营销区域:">
|
|
|
+ <el-input v-if="issalehr == 1" v-model="form.areaname" placeholder="选择营销区域" autocomplete="off" disabled></el-input>
|
|
|
+ <areaList v-else :areaname="form.areaname" @selectArea="selectArea" @areaList="areaLists"></areaList>
|
|
|
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="12" v-if="form.issalehr == '1'">
|
|
|
- <el-form-item label="最低授权折扣(%):" prop="discountrate" label-width="132px">
|
|
|
- <el-input v-model="form.discountrate" placeholder="输入最低授权折扣" autocomplete="off" @change="discountrateChange(form.discountrate)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mb-30" :span="5" v-if="form.issalehr == '1'">
|
|
|
- <el-form-item>
|
|
|
- <el-checkbox v-model="form.iseditprice" :false-label="0" :true-label="1">是否可编辑订单价格</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="12" v-if="form.issalehr == '1'">
|
|
|
+ <el-form-item label="最低授权折扣(%):" prop="discountrate" label-width="132px">
|
|
|
+ <el-input v-model="form.discountrate" placeholder="输入最低授权折扣" autocomplete="off" @change="discountrateChange(form.discountrate)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="mb-30" :span="5" v-if="form.issalehr == '1'">
|
|
|
+ <el-form-item>
|
|
|
+ <el-checkbox v-model="form.iseditprice" :false-label="0" :true-label="1">是否可编辑订单价格</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -220,7 +226,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
this.form = Object.assign({},this.form, res.data)
|
|
|
- this.form.discountrate = this.form.discountrate * 100
|
|
|
+ this.form.discountrate = Math.round((this.form.discountrate*100)*100)/100
|
|
|
this.issalehr = this.form.issalehr
|
|
|
},
|
|
|
areaLists(val){
|