#

whycq

2023-11-21 df31ccf78ab750b60bc05523dfa8d7f859938e16

 pages/business/cstmr/modiCsmter.vue

@@ -2,45 +2,66 @@
   <view>
      <view class="container">
         <uni-forms ref="baseForm" :modelValue="baseFormData">
            <uni-forms-item label="客户名称" required name="name">
            <!-- <uni-forms-item label="客户名称" required name="name">
               <uni-easyinput v-model="baseFormData.name" placeholder="请输入客户名称" />
            </uni-forms-item> -->
				
            <uni-forms-item label="客户名称" required name="name">
               <view>
                  <uni-combox :candidates="names" placeholder="请输入客户名称"
                  v-model="baseFormData.name" @input="cstmrSearch()"></uni-combox>
               </view>
            </uni-forms-item>
            <uni-forms-item label="客户关系" name="rela" >
               <uni-easyinput v-model="baseFormData.rela" placeholder="请输入客户关系" />
            </uni-forms-item>
				
            <uni-forms-item label="客户类别" required name="cstmrType">
               <view @click="autoLoad('cstmrType','')">
                  <uni-combox :candidates="cstmrTypes" placeholder="请选择客户类别"
                  v-model="baseFormData.cstmrType" @input="autoLoad('cstmrType',baseFormData.cstmrType)"></uni-combox>
                  v-model="baseFormData.cstmrType$" @input="autoLoad('cstmrType',baseFormData.cstmrType$)"></uni-combox>
               </view>
            </uni-forms-item>
            <uni-forms-item label="客户行业" required name="industry">
               <view >
                  <uni-combox :candidates="industrys" placeholder="请选择客户行业"
                  v-model="baseFormData.industry"></uni-combox>
               </view>
            </uni-forms-item>
				
            <uni-forms-item label="产品类别" required name="productCategory">
               <view>
                  <uni-combox :candidates="productCategorys" placeholder="请选择产品类别"
                  v-model="baseFormData.productCategory"></uni-combox>
               </view>
            </uni-forms-item>
				
            <uni-forms-item label="区分" required name="type">
               <uni-data-checkbox v-model="baseFormData.type" :localdata="type$" />
            </uni-forms-item>
            <uni-forms-item label="省市区" required name="citysData">
               <uni-data-picker @change="areaChange" placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="baseFormData.pcd">
            <uni-forms-item label="省市区" required name="pcd">
               <uni-data-picker preload @change="areaChange" placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="baseFormData.pcd">
               </uni-data-picker>
            </uni-forms-item>
            <uni-forms-item label="电话" required name="tel">
               <uni-easyinput v-model="baseFormData.tel" placeholder="请输入客户电话" />
            </uni-forms-item>
            <uni-forms-item label="详细地址" required name="addr">
               <uni-easyinput v-model="baseFormData.addr" placeholder="请输入详细地址" />
            </uni-forms-item>
            <uni-forms-item label="负责人" required name="director">
				
				
            <!-- <uni-forms-item label="负责人" required name="director">
               <view @click="autoLoad('user','')">
                  <uni-combox :candidates="directors" placeholder="请选择负责人"
                  v-model="baseFormData.director" @input="autoLoad('user',baseFormData.director)"></uni-combox>
               </view>
            </uni-forms-item>
            </uni-forms-item> -->
            <uni-forms-item label="客户联系人" required name="contacts">
               <uni-easyinput v-model="baseFormData.contacts" placeholder="请输入客户联系人" />
            </uni-forms-item>
            <uni-forms-item label="电话" required name="tel">
               <uni-easyinput v-model="baseFormData.tel" placeholder="请输入客户电话" />
            </uni-forms-item>
            <uni-forms-item label="备注" name="remarks">
               <uni-easyinput type="textarea" v-model="baseFormData.remarks" placeholder="请输入备注" />
            </uni-forms-item>
         </uni-forms>
         <button type="primary" @click="addCstmr()">添加</button>
         <button type="primary" @click="modiCstmr()">修改</button>
      </view>
   </view>
</template>
@@ -50,19 +71,26 @@
   export default {
      data() {
         return {
            ide: 0,
            cstmrTypes: [],
            cstmrType: '',
            directors: [],
            director: '',
            cstmrTypeList: [],
            directorList: [],
            names: [],
            nameList: [],
            industrys: ['医药业','制造业','纺织业'],
            productCategorys: ['立体库（货架）','立体库（集成）','四向穿梭库/两向穿梭库','阁楼货架/钢平台','周转容器','平库'],
            baseFormData: {
               name: '',
               citysData: [],
               cstmrType: '',
               director: '',
               rela: '',
               remarks: '',
					
               industry: '',
               pcd$: ''
            },
            rules: {
               name: {
@@ -83,13 +111,25 @@
                     errorMessage: '请选择客户类别',
                  }]
               },
               industry: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择客户行业'
                  }]
               },
               productCategory: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择产品类别'
                  }]
               },
               type: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择区分',
                  }]
               },
               citysData: {
               pcd: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择省市区',
@@ -149,12 +189,72 @@
         this.autoLoad('cstmrType','')
         this.autoLoad('user','')
      },
      onLoad(option) {
         if (JSON.stringify(option) != "{}") {
            this.id = option.id
            this.init()
         } else {
            let _this = this
            const eventChannel = this.getOpenerEventChannel();
            eventChannel.on('cstmr', function(data) {
               _this.id = data.data.id
               _this.init()
            })
         }
      },
      methods: {
         init() {
            let that = this
            uni.request({
               url: that.baseUrl + '/cstmr/' + that.id +'/auth',
               header: {'token' : uni.getStorageSync('token')},
               method: 'GET',
               success(res) {
                  res = res.data
                  for (let key in res.data) {
                     if (res.data[key] === null) {
                        res.data[key] = ''
                     }
                     if (key == 'pcd') {
                        that.citysDataTemp = res.data[key]
                        res.data[key] = res.data[key].split(',')[2]
                     }
                  }
                  that.ide = res.data.id
                  that.baseFormData = res.data
               }
            })
         },
         cstmrSearch() {
            this.names = []
            let _this = this
            if(_this.baseFormData.name.length < 4) {
               return
            }
            uni.request({
               url: `${_this.baseUrl}/cstmrSearch/auth`,
               header:{'token':uni.getStorageSync('token'),'content-type':'application/x-www-form-urlencoded',},
               data: {condition: _this.baseFormData.name},
               method: 'POST',
               success(res) {
                  res = res.data
                  if (res.code === 200 && res.data.length > 0) {
                     for(let element of res.data) {
                        _this.names.push(element.name)
                        _this.nameList.push(element)
                     }
                  }
               }
            })
				
         },
         bindPickerChange: function(e) {
            this.cstmrTypeIndex = e.detail.value
            this.baseFormData.cstmrType = this.cstmrTypes[e.detail.value].id
         },
         areaChange(e) {
            console.log(e);
            console.log(this.baseFormData.pcd$);
            this.citysDataTemp = e.detail.value[0].value + ',' + e.detail.value[1].value + ',' + e.detail.value[2].value
         },
         autoLoad(type,condition) {
@@ -191,8 +291,8 @@
               }
            })
         },
         // 添加用户
         addCstmr() {
         // 修改用户
         modiCstmr() {
            let that = this
            var element;
            for (element of that.directorList) {
@@ -201,7 +301,7 @@
               }
            }
            for (element of that.cstmrTypeList) {
               if(element.value == that.baseFormData.cstmrType) {
               if(element.value == that.baseFormData.cstmrType$) {
                  that.baseFormData.cstmrType = element.id
               }
            }
@@ -213,8 +313,9 @@
                  res.remarks = ''
               }
               res.pcd = this.citysDataTemp
               res['id'] = this.ide
               uni.request({
                  url: that.baseUrl + '/cstmr/add/auth',
                  url: that.baseUrl + '/cstmr/update/auth',
                  header:{
                     'token':uni.getStorageSync('token'),
                     'content-type':'application/x-www-form-urlencoded',
@@ -252,4 +353,4 @@
      background-color: #fff;
      /* background-color: aqua; */
   }
</style>
</style>