|
|
@@ -6,28 +6,13 @@
|
|
|
<h2 class="bg-left title">创建仓库</h2>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="bg-right">
|
|
|
- <el-button
|
|
|
- class="bg-bottom"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="returnsales()"
|
|
|
- ><img
|
|
|
- width="6"
|
|
|
- height="10"
|
|
|
- style="vertical-align: bottom; margin-right: 3px"
|
|
|
- src="../../../public/img/lujing.png"
|
|
|
- alt=""
|
|
|
- />返回</el-button
|
|
|
- >
|
|
|
+ <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()"><img width="6" height="10"
|
|
|
+ style="vertical-align: bottom; margin-right: 3px" src="../../../public/img/lujing.png" alt="" />返回
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <ws-form
|
|
|
- class="position"
|
|
|
- ref="deptBudgetList"
|
|
|
- :rules="rules"
|
|
|
- :model="deptBudgetList"
|
|
|
- >
|
|
|
+ <ws-form class="position" ref="deptBudgetList" :rules="rules" :model="deptBudgetList">
|
|
|
<el-radio-group v-model="radio">
|
|
|
<el-radio :label="1">常用仓库</el-radio>
|
|
|
<el-radio :label="2">临时仓库</el-radio>
|
|
|
@@ -37,251 +22,136 @@
|
|
|
<ws-info-table>
|
|
|
<!--仓库名称-->
|
|
|
<ws-form-item label="仓库名称" span="1" prop="warehouseName">
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.warehouseName"
|
|
|
- placeholder="请输入仓库名"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-model="deptBudgetList.warehouseName" placeholder="请输入仓库名" maxlength="20" size="small" />
|
|
|
</ws-form-item>
|
|
|
<!--负责人-->
|
|
|
<ws-form-item label="负责人" span="1" prop="personCharge">
|
|
|
- <el-select
|
|
|
- v-model="deptBudgetList.personCharge"
|
|
|
- placeholder="请选择负责人"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- @change="selectstaff"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.staffName"
|
|
|
- :value="item.staffName"
|
|
|
- />
|
|
|
+ <el-select v-model="deptBudgetList.personCharge" placeholder="请选择负责人" filterable clearable
|
|
|
+ @change="selectstaff">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
|
|
|
</el-select>
|
|
|
</ws-form-item>
|
|
|
<!--负责人电话-->
|
|
|
<ws-form-item label="负责人电话" span="1" prop="personPhone">
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.personPhone"
|
|
|
- placeholder="请输入负责人手机号码"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-model="deptBudgetList.personPhone" placeholder="请输入负责人手机号码" maxlength="100" size="small" />
|
|
|
</ws-form-item>
|
|
|
<!--其他负责人-->
|
|
|
- <ws-form-item label="其他负责人" span="1" prop="otherPersonCharge">
|
|
|
- <el-select
|
|
|
- v-model="deptBudgetList.otherPersonPhone"
|
|
|
- placeholder="请选择其他负责人"
|
|
|
- @change="selectstaffOther"
|
|
|
- multiple
|
|
|
- filterable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in optionsOther"
|
|
|
- :key="item.staffMobilePhone"
|
|
|
- :label="item.staffName"
|
|
|
- :value="item.staffMobilePhone"
|
|
|
- />
|
|
|
+ <ws-form-item label="其他负责人" span="1" prop="otherPersonCharge">
|
|
|
+ <el-select v-model="deptBudgetList.otherPersonPhone" placeholder="请选择其他负责人" @change="selectstaffOther"
|
|
|
+ multiple filterable>
|
|
|
+ <el-option v-for="item in optionsOther" :key="item.staffMobilePhone" :label="item.staffName"
|
|
|
+ :value="item.staffMobilePhone" />
|
|
|
</el-select>
|
|
|
</ws-form-item>
|
|
|
<!--仓库所在地-->
|
|
|
<ws-form-item label="仓库所在地" span="1" prop="acceptanceMethod">
|
|
|
- <el-cascader
|
|
|
- :options="options_"
|
|
|
- v-model="selectedOptions"
|
|
|
- clearable
|
|
|
- size="large"
|
|
|
- placeholder="请选择仓库所在地"
|
|
|
- style="width: 200%"
|
|
|
- @change="handleChange"
|
|
|
- />
|
|
|
+ <el-cascader :options="options_" v-model="selectedOptions" clearable size="large" placeholder="请选择仓库所在地"
|
|
|
+ style="width: 200%" @change="handleChange" />
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--详细地址-->
|
|
|
- <ws-form-item
|
|
|
- label="详细地址"
|
|
|
- span="1"
|
|
|
- prop="detailedAddress"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.detailedAddress"
|
|
|
- placeholder="请输入详细地址"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-form-item label="详细地址" span="1" prop="detailedAddress" class="readonly">
|
|
|
+ <ws-input v-model="deptBudgetList.detailedAddress" placeholder="请输入详细地址" maxlength="100" size="small" />
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--总储量（吨）-->
|
|
|
- <ws-form-item
|
|
|
- label="总储量（吨）"
|
|
|
- span="1"
|
|
|
- prop="settlementMethod"
|
|
|
- v-show="radio == 1"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- class="totalStorage"
|
|
|
- :readonly="true"
|
|
|
- v-model="totalStorage"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-form-item label="总储量（吨）" span="1" prop="settlementMethod" v-show="radio == 1">
|
|
|
+ <ws-input class="totalStorage" :readonly="true" v-model="totalStorage" maxlength="100" size="small" />
|
|
|
</ws-form-item>
|
|
|
- <div
|
|
|
- style="width: 100%"
|
|
|
- class="flex position"
|
|
|
- v-for="(item, index) in freightspace"
|
|
|
- v-show="radio == 1"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <ws-form-item
|
|
|
- label="仓位编号"
|
|
|
- span="1"
|
|
|
- prop="contractNo"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="item.binNumber"
|
|
|
- placeholder="请输入仓位编号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <div style="width: 100%" class="flex position" v-for="(item, index) in freightspace" v-show="radio == 1"
|
|
|
+ :key="index">
|
|
|
+ <ws-form-item label="仓位编号" span="1" prop="contractNo" class="readonly">
|
|
|
+ <ws-input v-model="item.binNumber" placeholder="请输入仓位编号" maxlength="20" size="small" />
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="仓位储量（吨）" span="1" prop="contractNo">
|
|
|
- <ws-input
|
|
|
- v-model="item.maxStorage"
|
|
|
- placeholder="请输入仓位最大容量"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-model="item.maxStorage" placeholder="请输入仓位最大容量" maxlength="100" size="small" />
|
|
|
</ws-form-item>
|
|
|
<!--备注（选项）-->
|
|
|
<ws-form-item label="备注（选填）" span="1" prop="placeDelivery">
|
|
|
- <ws-input
|
|
|
- v-model="item.remark"
|
|
|
- placeholder="请输入备注"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-model="item.remark" placeholder="请输入备注" maxlength="20" size="small" />
|
|
|
</ws-form-item>
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="add"
|
|
|
- @click="add"
|
|
|
- src="../../../public/img/add.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="del"
|
|
|
- @click="del(index)"
|
|
|
- src="../../../public/img/del.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img width="22" height="22" class="add" @click="add" src="../../../public/img/add.png" alt="" />
|
|
|
+ <img width="22" height="22" class="del" @click="del(index)" src="../../../public/img/del.png" alt="" />
|
|
|
</div>
|
|
|
</ws-info-table>
|
|
|
</ws-form>
|
|
|
<ws-form ref="deptBudgetList" :model="deptBudgetList">
|
|
|
<div class="small-title" v-show="radio == 1">上传仓库照片</div>
|
|
|
- <el-upload
|
|
|
- ref='upload'
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="
|
|
|
+ <el-upload ref='upload' action="https://www.zthymaoyi.com/upload/admin" :show-file-list="false" :on-success="
|
|
|
(res, file) => {
|
|
|
uploadSuccessHandle(res)
|
|
|
}
|
|
|
- "
|
|
|
- class="avatar-uploader"
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
- >
|
|
|
+ " class="avatar-uploader" accept=".jpg, .jpeg, .png, .gif">
|
|
|
<el-button v-show="radio == 1">上传附件</el-button>
|
|
|
</el-upload>
|
|
|
<div class="addressUrls" v-if="addressUrls != null">
|
|
|
<div class="addressUrls-item">
|
|
|
- <div
|
|
|
- v-for="(item, index) in addressUrls"
|
|
|
- class="addressUrl"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
+ <div v-for="(item, index) in addressUrls" class="addressUrl" :key="index">
|
|
|
<div @click="close(index)" class="iconfont icon-guanbi"></div>
|
|
|
- <img
|
|
|
- v-if="addressUrls != null"
|
|
|
- width="100"
|
|
|
- height="100"
|
|
|
- :src="item"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img v-if="addressUrls != null" width="100" height="100" :src="item" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="margin-bottom: 5px" class="small-title">仓库定位</div>
|
|
|
- <map-drag @marker="marker" @selectedAddress="selectedAddress" @provinceChange='provinceChange' @pickedAddress='getInfo'></map-drag>
|
|
|
+ <!-- <map-drag @marker="marker" @selectedAddress="selectedAddress" @provinceChange='provinceChange' @pickedAddress='getInfo'></map-drag> -->
|
|
|
+ <map-drag @marker="marker" :isShowaddress='false' v-on:addressListen='getAddress' v-on:pickedAddress='searchAddress' ></map-drag>
|
|
|
</ws-form>
|
|
|
<!-- 提交 -->
|
|
|
<div style="text-align: right; padding: 10px" class="center">
|
|
|
- <el-button
|
|
|
- class="bg-bottom"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="submit(deptBudgetList)"
|
|
|
- >提交</el-button
|
|
|
- >
|
|
|
+ <el-button class="bg-bottom" type="primary" size="small" @click="submit(deptBudgetList)">提交</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
|
-import {
|
|
|
- addList,
|
|
|
- addxiala,
|
|
|
- editxiala,
|
|
|
- delxiala,
|
|
|
- increase,
|
|
|
- getstaff,
|
|
|
-} from '@/model/warehouse/index'
|
|
|
-import WsUpload from '@/components/WsUpload'
|
|
|
-import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
-export default {
|
|
|
- name: 'viewSpareMoney',
|
|
|
- components: {
|
|
|
- WsUpload,
|
|
|
- mapDrag,
|
|
|
- },
|
|
|
- watch: {
|
|
|
- vesselId(val) {
|
|
|
- this.getVesselData()
|
|
|
+ import {
|
|
|
+ regionData,
|
|
|
+ CodeToText,
|
|
|
+ TextToCode
|
|
|
+ } from 'element-china-area-data'
|
|
|
+ import {
|
|
|
+ addList,
|
|
|
+ addxiala,
|
|
|
+ editxiala,
|
|
|
+ delxiala,
|
|
|
+ increase,
|
|
|
+ getstaff,
|
|
|
+ } from '@/model/warehouse/index'
|
|
|
+ import WsUpload from '@/components/WsUpload'
|
|
|
+ import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
+ export default {
|
|
|
+ name: 'viewSpareMoney',
|
|
|
+ components: {
|
|
|
+ WsUpload,
|
|
|
+ mapDrag,
|
|
|
},
|
|
|
- isShow(val) {
|
|
|
- this.showType = val
|
|
|
- },
|
|
|
- },
|
|
|
- data() {
|
|
|
- let self = this
|
|
|
- return {
|
|
|
- deptBudgetList: {
|
|
|
- totalStorage: 0,
|
|
|
- addressUrl: '',
|
|
|
+ watch: {
|
|
|
+ vesselId(val) {
|
|
|
+ this.getVesselData()
|
|
|
+ },
|
|
|
+ isShow(val) {
|
|
|
+ this.showType = val
|
|
|
},
|
|
|
- options_: regionData,
|
|
|
- otherPersonPhone:'',
|
|
|
- heightData: '600px',
|
|
|
- zoom: 7,
|
|
|
- selectedOptions: [],
|
|
|
- center: [116.244694, 39.517344],
|
|
|
- window: '',
|
|
|
- radio: 1,
|
|
|
- personCharge: [],
|
|
|
- options: [],
|
|
|
- optionsOther: [],
|
|
|
- staffList: [],
|
|
|
- polygons: [
|
|
|
- {
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ let self = this
|
|
|
+ return {
|
|
|
+ deptBudgetList: {
|
|
|
+ totalStorage: 0,
|
|
|
+ addressUrl: '',
|
|
|
+ },
|
|
|
+ options_: regionData,
|
|
|
+ otherPersonPhone: '',
|
|
|
+ heightData: '600px',
|
|
|
+ zoom: 7,
|
|
|
+ selectedOptions: [],
|
|
|
+ center: [116.244694, 39.517344],
|
|
|
+ window: '',
|
|
|
+ radio: 1,
|
|
|
+ personCharge: [],
|
|
|
+ options: [],
|
|
|
+ optionsOther: [],
|
|
|
+ staffList: [],
|
|
|
+ polygons: [{
|
|
|
pName: 'Geolocation', //定位
|
|
|
events: {
|
|
|
init(o) {
|
|
|
@@ -297,831 +167,925 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
},
|
|
|
+ }, ],
|
|
|
+ district: null,
|
|
|
+ listDate: {
|
|
|
+ country: '中国',
|
|
|
+ level: 'country',
|
|
|
+ city: ''
|
|
|
+ },
|
|
|
+ citylist: [],
|
|
|
+ compId: sessionStorage.getItem('ws-pf_compId'),
|
|
|
+ rules: {
|
|
|
+ warehouseName: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入仓库名称',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ min: 2,
|
|
|
+ max: 20,
|
|
|
+ message: '仓库名长度不符合要求，请输入2-20字符之内',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
- ],
|
|
|
- district: null,
|
|
|
- listDate: { country: '中国', level: 'country', city: '' },
|
|
|
- citylist: [],
|
|
|
- compId: sessionStorage.getItem('ws-pf_compId'),
|
|
|
- rules: {
|
|
|
- warehouseName: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请输入仓库名称',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- {
|
|
|
- min: 2,
|
|
|
- max: 20,
|
|
|
- message: '仓库名长度不符合要求，请输入2-20字符之内',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
|
|
|
- appendixIdsAdd: '',
|
|
|
- size: 10,
|
|
|
- value1: '',
|
|
|
- unitList: [],
|
|
|
- freightspace: [{ binNumber: '', maxStorage: '', remark: '' }],
|
|
|
- name: '',
|
|
|
- list: [],
|
|
|
- addressUrls: [],
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- computed: {
|
|
|
- totalStorage: function () {
|
|
|
- var maxStorage = 0
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- maxStorage += Number(this.freightspace[i].maxStorage)
|
|
|
+ appendixIdsAdd: '',
|
|
|
+ size: 10,
|
|
|
+ value1: '',
|
|
|
+ unitList: [],
|
|
|
+ freightspace: [{
|
|
|
+ binNumber: '',
|
|
|
+ maxStorage: '',
|
|
|
+ remark: ''
|
|
|
+ }],
|
|
|
+ name: '',
|
|
|
+ list: [],
|
|
|
+ addressUrls: [],
|
|
|
}
|
|
|
- return maxStorage
|
|
|
},
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getInfo(e){
|
|
|
- console.log(e)
|
|
|
- this.deptBudgetList.warehousePositioning = e.lat +','+e.lng
|
|
|
- console.log(this.deptBudgetList.warehousePositioning)
|
|
|
+ mounted() {
|
|
|
+ this.getList()
|
|
|
},
|
|
|
- close(index) {
|
|
|
- this.addressUrls.splice(index, 1)
|
|
|
+ computed: {
|
|
|
+ totalStorage: function() {
|
|
|
+ var maxStorage = 0
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
+ maxStorage += Number(this.freightspace[i].maxStorage)
|
|
|
+ }
|
|
|
+ return maxStorage
|
|
|
+ },
|
|
|
},
|
|
|
- dataFilter(val) {
|
|
|
- this.deptBudgetList.personCharge = val
|
|
|
- if (val) {
|
|
|
- console.log(val)
|
|
|
- this.options = this.staffList.filter((item) => {
|
|
|
- if (
|
|
|
- !!~item.staffName.indexOf(val) ||
|
|
|
- !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
|
|
|
- ) {
|
|
|
- return true
|
|
|
+ methods: {
|
|
|
+ getAddress(data) {
|
|
|
+ console.log("getAddress", data)
|
|
|
+ this.deptBudgetList.warehousePrivate =data[0]
|
|
|
+ this.deptBudgetList.warehouseCity =data[1]
|
|
|
+ this.deptBudgetList.warehouseArea =data[2]
|
|
|
+ },
|
|
|
+ searchAddress(e) {
|
|
|
+ this.deptBudgetList.warehousePositioning =e.lat + ',' + e.lng
|
|
|
+ },
|
|
|
+ close(index) {
|
|
|
+ this.addressUrls.splice(index, 1)
|
|
|
+ },
|
|
|
+ dataFilter(val) {
|
|
|
+ this.deptBudgetList.personCharge = val
|
|
|
+ if (val) {
|
|
|
+ console.log(val)
|
|
|
+ this.options = this.staffList.filter((item) => {
|
|
|
+ if (
|
|
|
+ !!~item.staffName.indexOf(val) ||
|
|
|
+ !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
|
|
|
+ ) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.options = this.staffList
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectstaffOther(e) {
|
|
|
+ this.deptBudgetList.otherPersonCharge = ''
|
|
|
+ for (var i = 0; i < this.optionsOther.length; i++) {
|
|
|
+ for (var j = 0; j < e.length; j++) {
|
|
|
+ if (this.optionsOther[i].staffMobilePhone == e[j]) {
|
|
|
+ this.deptBudgetList.otherPersonCharge += this.optionsOther[i].staffName + ' ' + this.optionsOther[i]
|
|
|
+ .staffMobilePhone + ','
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.options = this.staffList
|
|
|
- }
|
|
|
- },
|
|
|
- selectstaffOther(e) {
|
|
|
- this.deptBudgetList.otherPersonCharge = ''
|
|
|
- for (var i = 0; i < this.optionsOther.length; i++) {
|
|
|
- for(var j=0;j<e.length;j++){
|
|
|
- if (this.optionsOther[i].staffMobilePhone == e[j]) {
|
|
|
- this.deptBudgetList.otherPersonCharge += this.optionsOther[i].staffName + ' '+ this.optionsOther[i].staffMobilePhone + ','
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectstaff(e) {
|
|
|
+ for (var i = 0; i < this.staffList.length; i++) {
|
|
|
+ if (this.staffList[i].staffName == e) {
|
|
|
+ this.deptBudgetList.personPhone = this.staffList[i].staffMobilePhone
|
|
|
+ this.deptBudgetList.personChargeKey = this.staffList[i].staffId
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectstaff(e) {
|
|
|
- for (var i = 0; i < this.staffList.length; i++) {
|
|
|
- if (this.staffList[i].staffName == e) {
|
|
|
- this.deptBudgetList.personPhone = this.staffList[i].staffMobilePhone
|
|
|
- this.deptBudgetList.personChargeKey = this.staffList[i].staffId
|
|
|
+ },
|
|
|
+ marker: function(item) {
|
|
|
+ this.deptBudgetList.warehousePositioning =
|
|
|
+ item.lnglat.lat + ',' + item.lnglat.lng
|
|
|
+ },
|
|
|
+ selectedAddress(e) {
|
|
|
+ this.deptBudgetList.warehousePositioning =
|
|
|
+ e.center.lat + ',' + e.center.lng
|
|
|
+ },
|
|
|
+ provinceChange(e) {
|
|
|
+ console.log(CodeToText[e])
|
|
|
+ },
|
|
|
+ confirmPositioncity() {
|
|
|
+ this.listDate.level = 'city'
|
|
|
+ this.listDate.country = this.name
|
|
|
+ },
|
|
|
+ // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
+ handleClose() {
|
|
|
+ this.dialogViewSpareMoney = false
|
|
|
+ },
|
|
|
+ add() {
|
|
|
+ this.freightspace.push({
|
|
|
+ binNumber: '',
|
|
|
+ maxStorage: '',
|
|
|
+ remark: '',
|
|
|
+ })
|
|
|
+ },
|
|
|
+ del(index) {
|
|
|
+ if (this.freightspace.length > 1) {
|
|
|
+ this.freightspace.splice(index, 1)
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- marker: function (item) {
|
|
|
- this.deptBudgetList.warehousePositioning =
|
|
|
- item.lnglat.lat + ',' + item.lnglat.lng
|
|
|
- },
|
|
|
- selectedAddress(e) {
|
|
|
- this.deptBudgetList.warehousePositioning =
|
|
|
- e.center.lat + ',' + e.center.lng
|
|
|
- },
|
|
|
- provinceChange(e){
|
|
|
- console.log(CodeToText[e])
|
|
|
- },
|
|
|
- confirmPositioncity() {
|
|
|
- this.listDate.level = 'city'
|
|
|
- this.listDate.country = this.name
|
|
|
- },
|
|
|
- // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
- handleClose() {
|
|
|
- this.dialogViewSpareMoney = false
|
|
|
- },
|
|
|
- add() {
|
|
|
- this.freightspace.push({
|
|
|
- binNumber: '',
|
|
|
- maxStorage: '',
|
|
|
- remark: '',
|
|
|
- })
|
|
|
- },
|
|
|
- del(index) {
|
|
|
- if (this.freightspace.length > 1) {
|
|
|
- this.freightspace.splice(index, 1)
|
|
|
- }
|
|
|
- },
|
|
|
- handleChange(value) {
|
|
|
- this.selectedOptions = value
|
|
|
- },
|
|
|
- returnsales() {
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({ path: 'warehouseManagementList' })
|
|
|
- },
|
|
|
- // 上传附件
|
|
|
- uploadSuccessHandle(e) {
|
|
|
- this.deptBudgetList.addressUrl += e.url + ','
|
|
|
- this.addressUrls.push(e.url)
|
|
|
- },
|
|
|
- onChange(files) {
|
|
|
- this.fileNum = files
|
|
|
- this.$refs.upload.handleSaveBill().then((res) => {})
|
|
|
- },
|
|
|
+ },
|
|
|
+ handleChange(value) {
|
|
|
+ this.selectedOptions = value
|
|
|
+ },
|
|
|
+ returnsales() {
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = {}
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.$router.push({
|
|
|
+ path: 'warehouseManagementList'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 上传附件
|
|
|
+ uploadSuccessHandle(e) {
|
|
|
+ this.deptBudgetList.addressUrl += e.url + ','
|
|
|
+ this.addressUrls.push(e.url)
|
|
|
+ },
|
|
|
+ onChange(files) {
|
|
|
+ this.fileNum = files
|
|
|
+ this.$refs.upload.handleSaveBill().then((res) => {})
|
|
|
+ },
|
|
|
|
|
|
- submit() {
|
|
|
- if (this.radio == 1) {
|
|
|
- if (!this.deptBudgetList.warehouseName) {
|
|
|
- this.$message({
|
|
|
- message: '仓库名称不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (
|
|
|
- this.deptBudgetList.warehouseName.length < 2 ||
|
|
|
- this.deptBudgetList.warehouseName.length > 20
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '仓库名长度不符合要求！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ submit() {
|
|
|
+ if (this.radio == 1) {
|
|
|
+ if (!this.deptBudgetList.warehouseName) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓库名称不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.warehouseName.length < 2 ||
|
|
|
+ this.deptBudgetList.warehouseName.length > 20
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓库名长度不符合要求！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.personCharge) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.personCharge.length < 2 ||
|
|
|
+ this.deptBudgetList.personCharge.length > 10
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人长度不符合要求，请控制在2-10字符之内',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.personPhone) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人电话不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.deptBudgetList.personPhone.length != 11) {
|
|
|
+ this.$message({
|
|
|
+ message: '手机号输入有误！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.detailedAddress) {
|
|
|
+ this.$message({
|
|
|
+ message: '详细地址不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.totalStorage <= 0) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓位储量不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.detailedAddress.length < 2 ||
|
|
|
+ this.deptBudgetList.detailedAddress.length > 20
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '详细地址长度不符合要求，请控制在2-20字符之内',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // freightspace
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
+ for (var j = i + 1; j < this.freightspace.length; j++) {
|
|
|
+ console.log(
|
|
|
+ this.freightspace[i].binNumber,
|
|
|
+ this.freightspace[j].binNumber
|
|
|
+ )
|
|
|
+ if (
|
|
|
+ this.freightspace[i].binNumber == this.freightspace[j].binNumber
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓位编号重复',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$confirm(`确定提交仓库信息？`, {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$refs.deptBudgetList.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ // this.deptBudgetList.otherPersonCharge=this.deptBudgetList.otherPersonCharge.toString()
|
|
|
+ this.deptBudgetList.otherPersonPhone = this.deptBudgetList.otherPersonPhone.toString()
|
|
|
+ this.deptBudgetList.compId =
|
|
|
+ sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.deptBudgetList.warehousePositionInfoList =
|
|
|
+ this.freightspace
|
|
|
+ this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
+ addList(this.deptBudgetList)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$message.success('添加成功')
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = [{
|
|
|
+ binNumber: '',
|
|
|
+ maxStorage: '',
|
|
|
+ remark: ''
|
|
|
+ }]
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.addressUrls = []
|
|
|
+ this.$router.push({
|
|
|
+ path: 'warehouseManagementList'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ } else if (this.radio == 2) {
|
|
|
+ if (!this.deptBudgetList.warehouseName) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓库名称不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.warehouseName.length < 2 ||
|
|
|
+ this.deptBudgetList.warehouseName.length > 20
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '仓库名长度不符合要求！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.personCharge) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.personCharge.length < 2 ||
|
|
|
+ this.deptBudgetList.personCharge.length > 10
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人长度不符合要求，请控制在2-10字符之内',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.personPhone) {
|
|
|
+ this.$message({
|
|
|
+ message: '负责人电话不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.deptBudgetList.personPhone.length != 11) {
|
|
|
+ this.$message({
|
|
|
+ message: '手机号输入有误！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.deptBudgetList.detailedAddress) {
|
|
|
+ this.$message({
|
|
|
+ message: '详细地址不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.$confirm(`确定提交仓库信息？`, {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$refs.deptBudgetList.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.deptBudgetList.compId =
|
|
|
+ sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.deptBudgetList.warehousePrivate =
|
|
|
+ CodeToText[this.selectedOptions[0]]
|
|
|
+ this.deptBudgetList.warehouseCity =
|
|
|
+ CodeToText[this.selectedOptions[1]]
|
|
|
+ this.deptBudgetList.warehouseArea =
|
|
|
+ CodeToText[this.selectedOptions[2]]
|
|
|
+ this.deptBudgetList.warehousePositionInfoList =
|
|
|
+ this.freightspace
|
|
|
+ this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
+ this.deptBudgetList.otherPersonPhone = this.deptBudgetList.otherPersonPhone.toString()
|
|
|
+ if (this.radio == 2) {
|
|
|
+ this.deptBudgetList.warehousetype == 2
|
|
|
+ }
|
|
|
+
|
|
|
+ increase(this.deptBudgetList)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$message.success('添加成功')
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = [{
|
|
|
+ binNumber: '',
|
|
|
+ maxStorage: '',
|
|
|
+ remark: ''
|
|
|
+ }]
|
|
|
+ this.addressUrls = []
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.$router.push({
|
|
|
+ path: 'warehouseManagementList'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
}
|
|
|
- if (!this.deptBudgetList.personCharge) {
|
|
|
- this.$message({
|
|
|
- message: '负责人不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
+ },
|
|
|
+ resetForm(deptBudgetList) {
|
|
|
+ this.$refs[deptBudgetList].resetFields()
|
|
|
+ },
|
|
|
+ saveClick(item, index) {
|
|
|
+ console.log(item)
|
|
|
+
|
|
|
+ if (Object.is(item.id, 1)) {
|
|
|
return
|
|
|
}
|
|
|
- if (
|
|
|
- this.deptBudgetList.personCharge.length < 2 ||
|
|
|
- this.deptBudgetList.personCharge.length > 10
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '负责人长度不符合要求，请控制在2-10字符之内',
|
|
|
- type: 'warning',
|
|
|
+ if (Object.is(this.unitList[index].flag, 'delete')) {
|
|
|
+ this.$set(this.unitList, index, {
|
|
|
+ flag: 'check'
|
|
|
})
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.deptBudgetList.personPhone) {
|
|
|
- this.$message({
|
|
|
- message: '负责人电话不能为空！',
|
|
|
- type: 'warning',
|
|
|
+ } else {
|
|
|
+ this.$set(this.unitList, index, {
|
|
|
+ flag: 'delete'
|
|
|
})
|
|
|
- return
|
|
|
}
|
|
|
- if (this.deptBudgetList.personPhone.length != 11) {
|
|
|
- this.$message({
|
|
|
- message: '手机号输入有误！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
+ if (!item.constValue) {
|
|
|
+ this.unitList.splice(index, 1)
|
|
|
return
|
|
|
}
|
|
|
- if (!this.deptBudgetList.detailedAddress) {
|
|
|
- this.$message({
|
|
|
- message: '详细地址不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ if (item.flag == 'add') {
|
|
|
+ item.constKey = Math.random() * 20
|
|
|
+ this.trainingMethods.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.trainingMethods.constKey = item.constKey
|
|
|
+ this.trainingMethods.constCode = 'TYPEYAN'
|
|
|
+ this.trainingMethods.constValue = item.constValue
|
|
|
+ this.trainingMethods.id = item.id
|
|
|
+ addxiala(this.trainingMethods)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.getUnitList()
|
|
|
+ })
|
|
|
+ } else if (item.flag == 'check') {
|
|
|
+ this.trainingMethods.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.trainingMethods.constKey = item.constKey
|
|
|
+ this.trainingMethods.constCode = 'TYPEYAN'
|
|
|
+ this.trainingMethods.constValue = item.constValue
|
|
|
+ this.trainingMethods.id = item.id
|
|
|
+ editxiala(this.trainingMethods)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.getUnitList()
|
|
|
+ })
|
|
|
}
|
|
|
-
|
|
|
- if (this.totalStorage <= 0) {
|
|
|
- this.$message({
|
|
|
- message: '仓位储量不能为空！',
|
|
|
- type: 'warning',
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ getstaff({
|
|
|
+ compId: sessionStorage.getItem('ws-pf_compId')
|
|
|
})
|
|
|
- return
|
|
|
- }
|
|
|
- if (
|
|
|
- this.deptBudgetList.detailedAddress.length < 2 ||
|
|
|
- this.deptBudgetList.detailedAddress.length > 20
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '详细地址长度不符合要求，请控制在2-20字符之内',
|
|
|
- type: 'warning',
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ // this.agent = response
|
|
|
+ this.options = response
|
|
|
+ this.optionsOther = response
|
|
|
+ this.staffList = response
|
|
|
+ this.personCharge = response
|
|
|
+ // for(var i=0;i<response.length;i++){
|
|
|
+ // this.optionsOther.push(response[i].staffName+" "+response[i].staffMobilePhone)
|
|
|
+ // }
|
|
|
})
|
|
|
- return
|
|
|
+ },
|
|
|
+ selectChapterTwo(e) {
|
|
|
+ for (var i = 0; i < this.ChapterTwoList.length; i++) {
|
|
|
+ if (this.ChapterTwoList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- // freightspace
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- for (var j = i + 1; j < this.freightspace.length; j++) {
|
|
|
- console.log(
|
|
|
- this.freightspace[i].binNumber,
|
|
|
- this.freightspace[j].binNumber
|
|
|
- )
|
|
|
- if (
|
|
|
- this.freightspace[i].binNumber == this.freightspace[j].binNumber
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '仓位编号重复',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
+ },
|
|
|
+ selectunitList(e) {
|
|
|
+ for (var i = 0; i < this.unitList.length; i++) {
|
|
|
+ if (this.unitList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.acceptanceMethodKey = this.unitList[i].constKey
|
|
|
}
|
|
|
}
|
|
|
- this.$confirm(`确定提交仓库信息？`, {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.$refs.deptBudgetList.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- // this.deptBudgetList.otherPersonCharge=this.deptBudgetList.otherPersonCharge.toString()
|
|
|
- this.deptBudgetList.otherPersonPhone=this.deptBudgetList.otherPersonPhone.toString()
|
|
|
- this.deptBudgetList.compId =
|
|
|
- sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.deptBudgetList.warehousePrivate =
|
|
|
- CodeToText[this.selectedOptions[0]]
|
|
|
- this.deptBudgetList.warehouseCity =
|
|
|
- CodeToText[this.selectedOptions[1]]
|
|
|
- this.deptBudgetList.warehouseArea =
|
|
|
- CodeToText[this.selectedOptions[2]]
|
|
|
- this.deptBudgetList.warehousePositionInfoList =
|
|
|
- this.freightspace
|
|
|
- this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
- addList(this.deptBudgetList)
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.$message.success('添加成功')
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = [{ binNumber: '', maxStorage: '', remark: '' }]
|
|
|
- this.selectedOptions = ''
|
|
|
- this.addressUrls=[]
|
|
|
- this.$router.push({ path: 'warehouseManagementList' })
|
|
|
- })
|
|
|
- } else {
|
|
|
- EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
- return false
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return false
|
|
|
- })
|
|
|
- } else if (this.radio == 2) {
|
|
|
- if (!this.deptBudgetList.warehouseName) {
|
|
|
- this.$message({
|
|
|
- message: '仓库名称不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ },
|
|
|
+ selectgrade(e) {
|
|
|
+ for (var i = 0; i < this.gradeList.length; i++) {
|
|
|
+ if (this.gradeList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.gradeKey = this.gradeList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- if (
|
|
|
- this.deptBudgetList.warehouseName.length < 2 ||
|
|
|
- this.deptBudgetList.warehouseName.length > 20
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '仓库名长度不符合要求！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ },
|
|
|
+ selectgoodsName(e) {
|
|
|
+ for (var i = 0; i < this.goodnameList.length; i++) {
|
|
|
+ if (this.goodnameList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- if (!this.deptBudgetList.personCharge) {
|
|
|
- this.$message({
|
|
|
- message: '负责人不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ },
|
|
|
+ selectpackingMethod(e) {
|
|
|
+ for (var i = 0; i < this.packtypeList.length; i++) {
|
|
|
+ if (this.packtypeList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.packingMethodKey = this.packtypeList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- if (
|
|
|
- this.deptBudgetList.personCharge.length < 2 ||
|
|
|
- this.deptBudgetList.personCharge.length > 10
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '负责人长度不符合要求，请控制在2-10字符之内',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
+ },
|
|
|
+ // 编辑
|
|
|
+ editClick(item, index) {
|
|
|
+ const map = JSON.parse(JSON.stringify(item))
|
|
|
+ if (Object.is(item.id, 1)) {
|
|
|
return
|
|
|
}
|
|
|
- if (!this.deptBudgetList.personPhone) {
|
|
|
- this.$message({
|
|
|
- message: '负责人电话不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
+ if (Object.is(this.unitList[index].flag, 'delete')) {
|
|
|
+ map.flag = 'check'
|
|
|
+ this.$set(this.unitList, index, map)
|
|
|
+ } else {
|
|
|
+ map.flag = 'delete'
|
|
|
+ this.$set(this.unitList, index, map)
|
|
|
}
|
|
|
- if (this.deptBudgetList.personPhone.length != 11) {
|
|
|
- this.$message({
|
|
|
- message: '手机号输入有误！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
+ },
|
|
|
+ // 删除
|
|
|
+ deleteClick(item, index) {
|
|
|
+ if (Object.is(item.constKey, 1)) {
|
|
|
return
|
|
|
}
|
|
|
- if (!this.deptBudgetList.detailedAddress) {
|
|
|
- this.$message({
|
|
|
- message: '详细地址不能为空！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
+ if (!item.constValue) {
|
|
|
+ this.unitList.splice(index, 1)
|
|
|
return
|
|
|
}
|
|
|
- this.$confirm(`确定提交仓库信息？`, {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.$refs.deptBudgetList.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.deptBudgetList.compId =
|
|
|
- sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.deptBudgetList.warehousePrivate =
|
|
|
- CodeToText[this.selectedOptions[0]]
|
|
|
- this.deptBudgetList.warehouseCity =
|
|
|
- CodeToText[this.selectedOptions[1]]
|
|
|
- this.deptBudgetList.warehouseArea =
|
|
|
- CodeToText[this.selectedOptions[2]]
|
|
|
- this.deptBudgetList.warehousePositionInfoList =
|
|
|
- this.freightspace
|
|
|
- this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
- this.deptBudgetList.otherPersonPhone=this.deptBudgetList.otherPersonPhone.toString()
|
|
|
- if (this.radio == 2) {
|
|
|
- this.deptBudgetList.warehousetype == 2
|
|
|
- }
|
|
|
-
|
|
|
- increase(this.deptBudgetList)
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.$message.success('添加成功')
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = [{ binNumber: '', maxStorage: '', remark: '' }]
|
|
|
- this.addressUrls=[]
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({ path: 'warehouseManagementList' })
|
|
|
- })
|
|
|
- } else {
|
|
|
- EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
- return false
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return false
|
|
|
+ delxiala({
|
|
|
+ id: this.unitList[index].id
|
|
|
})
|
|
|
- }
|
|
|
- },
|
|
|
- resetForm(deptBudgetList) {
|
|
|
- this.$refs[deptBudgetList].resetFields()
|
|
|
- },
|
|
|
- saveClick(item, index) {
|
|
|
- console.log(item)
|
|
|
-
|
|
|
- if (Object.is(item.id, 1)) {
|
|
|
- return
|
|
|
- }
|
|
|
- if (Object.is(this.unitList[index].flag, 'delete')) {
|
|
|
- this.$set(this.unitList, index, { flag: 'check' })
|
|
|
- } else {
|
|
|
- this.$set(this.unitList, index, { flag: 'delete' })
|
|
|
- }
|
|
|
- if (!item.constValue) {
|
|
|
- this.unitList.splice(index, 1)
|
|
|
- return
|
|
|
- }
|
|
|
- if (item.flag == 'add') {
|
|
|
- item.constKey = Math.random() * 20
|
|
|
- this.trainingMethods.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.trainingMethods.constKey = item.constKey
|
|
|
- this.trainingMethods.constCode = 'TYPEYAN'
|
|
|
- this.trainingMethods.constValue = item.constValue
|
|
|
- this.trainingMethods.id = item.id
|
|
|
- addxiala(this.trainingMethods)
|
|
|
.toPromise()
|
|
|
.then((response) => {
|
|
|
this.getUnitList()
|
|
|
+ this.pleaseChoose = ''
|
|
|
})
|
|
|
- } else if (item.flag == 'check') {
|
|
|
- this.trainingMethods.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.trainingMethods.constKey = item.constKey
|
|
|
- this.trainingMethods.constCode = 'TYPEYAN'
|
|
|
- this.trainingMethods.constValue = item.constValue
|
|
|
- this.trainingMethods.id = item.id
|
|
|
- editxiala(this.trainingMethods)
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.getUnitList()
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- getList() {
|
|
|
- getstaff({ compId: sessionStorage.getItem('ws-pf_compId') })
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- // this.agent = response
|
|
|
- this.options = response
|
|
|
- this.optionsOther = response
|
|
|
- this.staffList = response
|
|
|
- this.personCharge = response
|
|
|
- // for(var i=0;i<response.length;i++){
|
|
|
- // this.optionsOther.push(response[i].staffName+" "+response[i].staffMobilePhone)
|
|
|
- // }
|
|
|
- })
|
|
|
- },
|
|
|
- selectChapterTwo(e) {
|
|
|
- for (var i = 0; i < this.ChapterTwoList.length; i++) {
|
|
|
- if (this.ChapterTwoList[i].constValue == e) {
|
|
|
- this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- selectunitList(e) {
|
|
|
- for (var i = 0; i < this.unitList.length; i++) {
|
|
|
- if (this.unitList[i].constValue == e) {
|
|
|
- this.deptBudgetList.acceptanceMethodKey = this.unitList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- selectgrade(e) {
|
|
|
- for (var i = 0; i < this.gradeList.length; i++) {
|
|
|
- if (this.gradeList[i].constValue == e) {
|
|
|
- this.deptBudgetList.gradeKey = this.gradeList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- selectgoodsName(e) {
|
|
|
- for (var i = 0; i < this.goodnameList.length; i++) {
|
|
|
- if (this.goodnameList[i].constValue == e) {
|
|
|
- this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- selectpackingMethod(e) {
|
|
|
- for (var i = 0; i < this.packtypeList.length; i++) {
|
|
|
- if (this.packtypeList[i].constValue == e) {
|
|
|
- this.deptBudgetList.packingMethodKey = this.packtypeList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 编辑
|
|
|
- editClick(item, index) {
|
|
|
- const map = JSON.parse(JSON.stringify(item))
|
|
|
- if (Object.is(item.id, 1)) {
|
|
|
- return
|
|
|
- }
|
|
|
- if (Object.is(this.unitList[index].flag, 'delete')) {
|
|
|
- map.flag = 'check'
|
|
|
- this.$set(this.unitList, index, map)
|
|
|
- } else {
|
|
|
- map.flag = 'delete'
|
|
|
- this.$set(this.unitList, index, map)
|
|
|
- }
|
|
|
- },
|
|
|
- // 删除
|
|
|
- deleteClick(item, index) {
|
|
|
- if (Object.is(item.constKey, 1)) {
|
|
|
- return
|
|
|
- }
|
|
|
- if (!item.constValue) {
|
|
|
- this.unitList.splice(index, 1)
|
|
|
- return
|
|
|
- }
|
|
|
- delxiala({ id: this.unitList[index].id })
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.getUnitList()
|
|
|
- this.pleaseChoose = ''
|
|
|
- })
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
-}
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-/deep/.totalStorage .el-input__inner {
|
|
|
- color: #afb5cb;
|
|
|
- background: #f5f7fa;
|
|
|
-}
|
|
|
-.small-title {
|
|
|
- position: relative;
|
|
|
- padding: 10px;
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-.small-title::before {
|
|
|
- position: absolute;
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- background: #5473e8;
|
|
|
- width: 4px;
|
|
|
- height: 14px;
|
|
|
- left: 0px;
|
|
|
- top: 13px;
|
|
|
-}
|
|
|
-.position {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.add,
|
|
|
-.del {
|
|
|
- position: absolute;
|
|
|
- right: -38px;
|
|
|
- top: 9px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.del {
|
|
|
- right: -70px;
|
|
|
-}
|
|
|
-.amap-page-container {
|
|
|
- width: 300px;
|
|
|
- height: 300px;
|
|
|
-}
|
|
|
-.el-form {
|
|
|
- padding: 0 15%;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item {
|
|
|
- border-right: 1px solid transparent;
|
|
|
- border-bottom: 1px solid transparent;
|
|
|
-}
|
|
|
-.readonly {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.readonly:after {
|
|
|
- content: '*';
|
|
|
- color: #ff2727;
|
|
|
- position: absolute;
|
|
|
- right: 8px;
|
|
|
- z-index: 10;
|
|
|
- top: 21%;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-.title {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.title::before {
|
|
|
- content: '';
|
|
|
- display: inline-block;
|
|
|
- width: 5px;
|
|
|
- height: 30px;
|
|
|
- background: #5473e8;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-.ws-info-table {
|
|
|
- border-left: 1px solid transparent;
|
|
|
- border-top: 1px solid transparent;
|
|
|
-}
|
|
|
-.el-button--primary {
|
|
|
- background-color: #5878e8;
|
|
|
- border-color: #5878e8;
|
|
|
-}
|
|
|
-.el-col {
|
|
|
- background: #f6f7fc;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- padding: 0 25px;
|
|
|
- border-left: 1px solid transparent;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 115px;
|
|
|
- text-align: center;
|
|
|
- background: #fff;
|
|
|
- // border: 1px solid #cdd2dc;
|
|
|
-}
|
|
|
-.button-container {
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background-color: #fff;
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- padding: 0 10px;
|
|
|
- & > div {
|
|
|
- margin-left: 10px;
|
|
|
+ /deep/.totalStorage .el-input__inner {
|
|
|
+ color: #afb5cb;
|
|
|
+ background: #f5f7fa;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-title {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-title::before {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #5473e8;
|
|
|
+ width: 4px;
|
|
|
+ height: 14px;
|
|
|
+ left: 0px;
|
|
|
+ top: 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .position {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .add,
|
|
|
+ .del {
|
|
|
+ position: absolute;
|
|
|
+ right: -38px;
|
|
|
+ top: 9px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .del {
|
|
|
+ right: -70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .amap-page-container {
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form {
|
|
|
+ padding: 0 15%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item {
|
|
|
+ border-right: 1px solid transparent;
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly:after {
|
|
|
+ content: '*';
|
|
|
+ color: #ff2727;
|
|
|
+ position: absolute;
|
|
|
+ right: 8px;
|
|
|
+ z-index: 10;
|
|
|
+ top: 21%;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title::before {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 5px;
|
|
|
+ height: 30px;
|
|
|
+ background: #5473e8;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table {
|
|
|
+ border-left: 1px solid transparent;
|
|
|
+ border-top: 1px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button--primary {
|
|
|
+ background-color: #5878e8;
|
|
|
+ border-color: #5878e8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-col {
|
|
|
+ background: #f6f7fc;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ padding: 0 25px;
|
|
|
+ border-left: 1px solid transparent;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ width: 115px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ // border: 1px solid #cdd2dc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button-container {
|
|
|
display: flex;
|
|
|
flex-wrap: nowrap;
|
|
|
- flex-direction: row;
|
|
|
- & > span {
|
|
|
- line-height: 50px;
|
|
|
- }
|
|
|
- }
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ padding: 0 10px;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: row;
|
|
|
|
|
|
- /deep/.auditFlow-box {
|
|
|
- position: unset;
|
|
|
- margin-left: 10px;
|
|
|
- &/deep/.auditFlow-icon {
|
|
|
- width: auto;
|
|
|
- padding-right: 30px;
|
|
|
+ &>span {
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
}
|
|
|
- &/deep/.auditFlow-main {
|
|
|
- position: absolute;
|
|
|
+
|
|
|
+ /deep/.auditFlow-box {
|
|
|
+ position: unset;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ &/deep/.auditFlow-icon {
|
|
|
+ width: auto;
|
|
|
+ padding-right: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &/deep/.auditFlow-main {
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.box-app {
|
|
|
- display: inline-block;
|
|
|
- float: left;
|
|
|
- margin-left: 30px;
|
|
|
- line-height: 50px;
|
|
|
-}
|
|
|
-/deep/.el-dialog {
|
|
|
- .el-form-item {
|
|
|
- margin-bottom: 0 !important;
|
|
|
- .el-input--medium {
|
|
|
- textarea {
|
|
|
- min-height: 100px !important;
|
|
|
+
|
|
|
+ .box-app {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ margin-left: 30px;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-dialog {
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+
|
|
|
+ .el-input--medium {
|
|
|
+ textarea {
|
|
|
+ min-height: 100px !important;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.collapse-bottom {
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.input-main .textarea .el-textarea__inner {
|
|
|
- width: 100%;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-.bg-left {
|
|
|
- padding-left: 30px;
|
|
|
-}
|
|
|
-.bg-right {
|
|
|
- padding-right: 10px;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-.bg-bottom {
|
|
|
- margin: 15px 0px;
|
|
|
-}
|
|
|
-.wenzi {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-.wenzi h3 {
|
|
|
- display: inline-block;
|
|
|
- left: 10px;
|
|
|
-}
|
|
|
-.wenzi p {
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-.center {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-.el-form-item {
|
|
|
- width: 50%;
|
|
|
-}
|
|
|
-.el-form-item__label {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.ce {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-/*.crt-main .textarea /deep/ .el-form-item__label {*/
|
|
|
-/* height: 82px;*/
|
|
|
-/*}*/
|
|
|
-// 控制select为只读的时候显示样式
|
|
|
-
|
|
|
-.hide-sel {
|
|
|
- .el-input__inner {
|
|
|
- border: 0px;
|
|
|
+
|
|
|
+ .collapse-bottom {
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
- .el-icon-arrow-up {
|
|
|
- display: none;
|
|
|
+
|
|
|
+ .input-main .textarea .el-textarea__inner {
|
|
|
+ width: 100%;
|
|
|
+ z-index: 1;
|
|
|
}
|
|
|
- .el-textarea__inner {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
+
|
|
|
+ .bg-left {
|
|
|
+ padding-left: 30px;
|
|
|
}
|
|
|
- .el-date-editor {
|
|
|
- i {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+
|
|
|
+ .bg-right {
|
|
|
+ padding-right: 10px;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
- .is-disabled {
|
|
|
- .el-input__inner:hover {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
- }
|
|
|
- color: #606266;
|
|
|
+
|
|
|
+ .bg-bottom {
|
|
|
+ margin: 15px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi {
|
|
|
+ width: 900px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi h3 {
|
|
|
+ display: inline-block;
|
|
|
+ left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi p {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ width: 900px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form-item__label {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ce {
|
|
|
+ width: 900px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*.crt-main .textarea /deep/ .el-form-item__label {*/
|
|
|
+ /* height: 82px;*/
|
|
|
+ /*}*/
|
|
|
+ // 控制select为只读的时候显示样式
|
|
|
+
|
|
|
+ .hide-sel {
|
|
|
.el-input__inner {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
- color: #606266;
|
|
|
+ border: 0px;
|
|
|
}
|
|
|
+
|
|
|
+ .el-icon-arrow-up {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
.el-textarea__inner {
|
|
|
background-color: #fff !important;
|
|
|
border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-editor {
|
|
|
+ i {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .is-disabled {
|
|
|
+ .el-input__inner:hover {
|
|
|
+ background-color: #fff !important;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
color: #606266;
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ border: 0;
|
|
|
+ color: #606266;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-textarea__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ border: 0;
|
|
|
+ color: #606266;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-// 控制select为只读的时候显示样式
|
|
|
-/deep/.ws-class-table-col {
|
|
|
- height: auto;
|
|
|
- padding: 0px 2px;
|
|
|
- /deep/.el-input__inner {
|
|
|
+ // 控制select为只读的时候显示样式
|
|
|
+ /deep/.ws-class-table-col {
|
|
|
+ height: auto;
|
|
|
padding: 0px 2px;
|
|
|
+
|
|
|
+ /deep/.el-input__inner {
|
|
|
+ padding: 0px 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.is-disabled {
|
|
|
+ .el-input__prefix,
|
|
|
+ .el-input__suffix {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ background-color: #fff;
|
|
|
+ border-color: #fff !important;
|
|
|
+ color: #000 !important;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: text;
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-/deep/.is-disabled {
|
|
|
- .el-input__prefix,
|
|
|
- .el-input__suffix {
|
|
|
+
|
|
|
+ .winseaview-view {
|
|
|
+ padding: 0 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container {
|
|
|
+ overflow: scroll;
|
|
|
+ height: 93vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table .el-form-item {
|
|
|
+ width: 33.3333%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly:after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-textarea__inner {
|
|
|
display: none;
|
|
|
}
|
|
|
- .el-input__inner {
|
|
|
+
|
|
|
+ .el-form {
|
|
|
+ margin-top: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly {
|
|
|
+ width: 16%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table .el-form-item {
|
|
|
+ width: 33.33%;
|
|
|
+ }
|
|
|
+
|
|
|
+ //去边框
|
|
|
+ /deep/.el-form-item {
|
|
|
+ border-right: 0px;
|
|
|
+ border-bottom: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table {
|
|
|
+ border-left: 0px;
|
|
|
+ border-top: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border-right: 0px;
|
|
|
+ border-bottom: 0px;
|
|
|
+ border-left: 0px;
|
|
|
+ border-top: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item {
|
|
|
+ border-right: 0px;
|
|
|
+ border-bottom: 0px;
|
|
|
+ border-left: 0px;
|
|
|
+ border-top: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ margin-bottom: 5px;
|
|
|
background-color: #fff;
|
|
|
- border-color: #fff !important;
|
|
|
- color: #000 !important;
|
|
|
font-size: 14px;
|
|
|
- cursor: text;
|
|
|
- padding: 0 !important;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8890b1;
|
|
|
+ line-height: 16px;
|
|
|
}
|
|
|
-}
|
|
|
-.winseaview-view {
|
|
|
- padding: 0 0 20px;
|
|
|
-}
|
|
|
-.container {
|
|
|
- overflow: scroll;
|
|
|
- height: 93vh;
|
|
|
-}
|
|
|
-.ws-info-table .el-form-item {
|
|
|
- width: 33.3333%;
|
|
|
-}
|
|
|
-.readonly:after {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.el-textarea__inner {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.el-form {
|
|
|
- margin-top: 50px;
|
|
|
-}
|
|
|
-.readonly {
|
|
|
- width: 16%;
|
|
|
-}
|
|
|
-.ws-info-table .el-form-item {
|
|
|
- width: 33.33%;
|
|
|
-}
|
|
|
-//去边框
|
|
|
-/deep/.el-form-item {
|
|
|
- border-right: 0px;
|
|
|
- border-bottom: 0px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table {
|
|
|
- border-left: 0px;
|
|
|
- border-top: 0px;
|
|
|
-}
|
|
|
-.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- border-right: 0px;
|
|
|
- border-bottom: 0px;
|
|
|
- border-left: 0px;
|
|
|
- border-top: 0px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item {
|
|
|
- border-right: 0px;
|
|
|
- border-bottom: 0px;
|
|
|
- border-left: 0px;
|
|
|
- border-top: 0px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- background: #f5f7fa;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #d8dce6;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- margin-bottom: 5px;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #8890b1;
|
|
|
- line-height: 16px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- background-color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #8890b1;
|
|
|
- line-height: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- border: 0px;
|
|
|
-}
|
|
|
-.avatar-uploader {
|
|
|
- margin: 0 5px;
|
|
|
-}
|
|
|
-.addressUrls {
|
|
|
- display: flex;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-.addressUrls-item {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-.icon-guanbi {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
-}
|
|
|
-.addressUrl {
|
|
|
- margin: 0px 10px;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-</style>
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8890b1;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .avatar-uploader {
|
|
|
+ margin: 0 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .addressUrls {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .addressUrls-item {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-guanbi {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .addressUrl {
|
|
|
+ margin: 0px 10px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+</style>
|
