添加下拉框
This commit is contained in:
		
							parent
							
								
									2fc5955d3d
								
							
						
					
					
						commit
						df3d8f527d
					
				| 
						 | 
					@ -190,7 +190,8 @@
 | 
				
			||||||
                this.total = Number(response.total);
 | 
					                this.total = Number(response.total);
 | 
				
			||||||
                this.tableListData.forEach(item=>{
 | 
					                this.tableListData.forEach(item=>{
 | 
				
			||||||
                    if(item.phoneNumber&&item.phoneNumber!=""){
 | 
					                    if(item.phoneNumber&&item.phoneNumber!=""){
 | 
				
			||||||
                        this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
 | 
					                       // this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
 | 
				
			||||||
 | 
					                        this.$set(item, "phoneNumber", this.maskPhoneNumber(item.phoneNumber));
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                accInfoSumPageApi(param).then(response => {
 | 
					                accInfoSumPageApi(param).then(response => {
 | 
				
			||||||
| 
						 | 
					@ -198,8 +199,13 @@
 | 
				
			||||||
                });
 | 
					                });
 | 
				
			||||||
                this.loading = false;
 | 
					                this.loading = false;
 | 
				
			||||||
            });
 | 
					            });
 | 
				
			||||||
        }
 | 
					        },
 | 
				
			||||||
 | 
					        maskPhoneNumber(phoneNumber) {
 | 
				
			||||||
 | 
					            // 解密电话号码
 | 
				
			||||||
 | 
					            const decryptedPhone = decryptWithSM4(phoneNumber);
 | 
				
			||||||
 | 
					          // 这里使用正则表达式将中间四位数字替换为 ***
 | 
				
			||||||
 | 
					          return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
 | 
				
			||||||
 | 
					        },
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
  </script>
 | 
					  </script>
 | 
				
			||||||
  
 | 
					 | 
				
			||||||
| 
						 | 
					@ -275,7 +275,8 @@ export default {//交易流水
 | 
				
			||||||
              this.total = Number(response.total);
 | 
					              this.total = Number(response.total);
 | 
				
			||||||
              this.tableListData.forEach(item=>{
 | 
					              this.tableListData.forEach(item=>{
 | 
				
			||||||
                  if(item.phonenumber&&item.phonenumber!=""){
 | 
					                  if(item.phonenumber&&item.phonenumber!=""){
 | 
				
			||||||
                      this.$set(item,"phonenumber",decryptWithSM4(item.phonenumber))
 | 
					                      //this.$set(item,"phonenumber",decryptWithSM4(item.phonenumber))
 | 
				
			||||||
 | 
					                      this.$set(item, "phonenumber", this.maskPhoneNumber(item.phonenumber));
 | 
				
			||||||
                  }
 | 
					                  }
 | 
				
			||||||
              })
 | 
					              })
 | 
				
			||||||
              this.loading = false;
 | 
					              this.loading = false;
 | 
				
			||||||
| 
						 | 
					@ -285,7 +286,13 @@ export default {//交易流水
 | 
				
			||||||
        this.rowData = row;
 | 
					        this.rowData = row;
 | 
				
			||||||
        this.openView = true
 | 
					        this.openView = true
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
 | 
					      maskPhoneNumber(phoneNumber) {
 | 
				
			||||||
 | 
					            // 解密电话号码
 | 
				
			||||||
 | 
					            const decryptedPhone = decryptWithSM4(phoneNumber);
 | 
				
			||||||
 | 
					            console.log(decryptedPhone)
 | 
				
			||||||
 | 
					          // 这里使用正则表达式将中间四位数字替换为 ***
 | 
				
			||||||
 | 
					          return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
 | 
				
			||||||
 | 
					        },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      defaultDateRange() {
 | 
					      defaultDateRange() {
 | 
				
			||||||
        const end = new Date(new Date().toLocaleDateString());
 | 
					        const end = new Date(new Date().toLocaleDateString());
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -229,7 +229,7 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
 | 
				
			||||||
                this.total1 = Number(response.total);
 | 
					                this.total1 = Number(response.total);
 | 
				
			||||||
                this.tableListData1.forEach(item=>{
 | 
					                this.tableListData1.forEach(item=>{
 | 
				
			||||||
                    if(item.phoneNumber&&item.phoneNumber!=""){
 | 
					                    if(item.phoneNumber&&item.phoneNumber!=""){
 | 
				
			||||||
                        this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
 | 
					                         this.$set(item, "phoneNumber", this.maskPhoneNumber(item.phoneNumber));
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                // if(this.tableListData1.length>0){
 | 
					                // if(this.tableListData1.length>0){
 | 
				
			||||||
| 
						 | 
					@ -240,6 +240,13 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
 | 
				
			||||||
                this.loading = false;
 | 
					                this.loading = false;
 | 
				
			||||||
            });
 | 
					            });
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
 | 
					        maskPhoneNumber(phoneNumber) {
 | 
				
			||||||
 | 
					            // 解密电话号码
 | 
				
			||||||
 | 
					            const decryptedPhone = decryptWithSM4(phoneNumber);
 | 
				
			||||||
 | 
					            console.log(decryptedPhone)
 | 
				
			||||||
 | 
					          // 这里使用正则表达式将中间四位数字替换为 ***
 | 
				
			||||||
 | 
					          return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
 | 
				
			||||||
 | 
					        },
 | 
				
			||||||
        /** 撤销按钮操作 */
 | 
					        /** 撤销按钮操作 */
 | 
				
			||||||
        handleRepeal1(row) {
 | 
					        handleRepeal1(row) {
 | 
				
			||||||
            // this.$modal.confirm('是否确认撤销?').then(function() {
 | 
					            // this.$modal.confirm('是否确认撤销?').then(function() {
 | 
				
			||||||
| 
						 | 
					@ -301,4 +308,3 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
 | 
				
			||||||
  </style>
 | 
					  </style>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    
 | 
					 | 
				
			||||||
| 
						 | 
					@ -50,8 +50,18 @@
 | 
				
			||||||
                        ></el-option>
 | 
					                        ></el-option>
 | 
				
			||||||
                    </el-select>
 | 
					                    </el-select>
 | 
				
			||||||
                </el-form-item>
 | 
					                </el-form-item>
 | 
				
			||||||
                <el-form-item label="联系人" prop="linkMan">
 | 
					                <!-- <el-form-item label="联系人" prop="linkMan">
 | 
				
			||||||
                    <el-input v-model="baseInfo.linkMan" placeholder="请输入联系人" maxlength="20" clearable style="width: 240px"/>
 | 
					                    <el-input v-model="baseInfo.linkMan" placeholder="请输入联系人" maxlength="20" clearable style="width: 240px"/>
 | 
				
			||||||
 | 
					                </el-form-item> -->
 | 
				
			||||||
 | 
					                <el-form-item label="联系人" prop="linkMan">
 | 
				
			||||||
 | 
					                  <el-select v-model="contractPerson" placeholder="请输入联系人" clearable style="width: 240px">
 | 
				
			||||||
 | 
					                    <el-option
 | 
				
			||||||
 | 
					                      v-for="option in contractPersonOptions"
 | 
				
			||||||
 | 
					                      :key="option.value"
 | 
				
			||||||
 | 
					                      :label="option.label"
 | 
				
			||||||
 | 
					                      :value="option.value"
 | 
				
			||||||
 | 
					                    />
 | 
				
			||||||
 | 
					                  </el-select>
 | 
				
			||||||
                </el-form-item>
 | 
					                </el-form-item>
 | 
				
			||||||
                <el-form-item label="联系电话" prop="phone">
 | 
					                <el-form-item label="联系电话" prop="phone">
 | 
				
			||||||
                    <el-input v-model="baseInfo.phone" placeholder="请输入联系电话" maxlength="11" clearable style="width: 240px"/>
 | 
					                    <el-input v-model="baseInfo.phone" placeholder="请输入联系电话" maxlength="11" clearable style="width: 240px"/>
 | 
				
			||||||
| 
						 | 
					@ -249,6 +259,7 @@
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
 | 
					import { fetchUsers } from "@/api/foodManage/purchaseManage";
 | 
				
			||||||
import { imgUpLoadTwo } from '@/api/system/upload'
 | 
					import { imgUpLoadTwo } from '@/api/system/upload'
 | 
				
			||||||
import { systemAreaTreeApi } from "@/api/base/stall";
 | 
					import { systemAreaTreeApi } from "@/api/base/stall";
 | 
				
			||||||
import { systemMaterialTreeApi,getMaterialListApi,supplierPageApi } from "@/api/foodManage/stockManage";
 | 
					import { systemMaterialTreeApi,getMaterialListApi,supplierPageApi } from "@/api/foodManage/stockManage";
 | 
				
			||||||
| 
						 | 
					@ -259,6 +270,8 @@ export default {
 | 
				
			||||||
    dicts: [],
 | 
					    dicts: [],
 | 
				
			||||||
    data() {
 | 
					    data() {
 | 
				
			||||||
      return {
 | 
					      return {
 | 
				
			||||||
 | 
					        contractPersonOptions: [], // 下拉框选项
 | 
				
			||||||
 | 
					        contractPerson: '', // 绑定的值
 | 
				
			||||||
        goodsInquiryData:{},//页面传参
 | 
					        goodsInquiryData:{},//页面传参
 | 
				
			||||||
        loading:false,
 | 
					        loading:false,
 | 
				
			||||||
        loadingBtn:false,
 | 
					        loadingBtn:false,
 | 
				
			||||||
| 
						 | 
					@ -368,6 +381,7 @@ export default {
 | 
				
			||||||
      };
 | 
					      };
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    created() {
 | 
					    created() {
 | 
				
			||||||
 | 
					        this.fetchUsers();
 | 
				
			||||||
        this.getAreaTreeData()
 | 
					        this.getAreaTreeData()
 | 
				
			||||||
        this.getMaterialTree()
 | 
					        this.getMaterialTree()
 | 
				
			||||||
        if(this.$route.query.goodsInquiryData){
 | 
					        if(this.$route.query.goodsInquiryData){
 | 
				
			||||||
| 
						 | 
					@ -387,6 +401,22 @@ export default {
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    methods: {
 | 
					    methods: {
 | 
				
			||||||
 | 
					      fetchUsers() {
 | 
				
			||||||
 | 
					        let param = {
 | 
				
			||||||
 | 
					            pageNum:1,
 | 
				
			||||||
 | 
					            pageSize: 1000,
 | 
				
			||||||
 | 
					            roleIds: 130, // 过滤角色
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					      fetchUsers(param).then((response) => {
 | 
				
			||||||
 | 
					             if (response.rows) {
 | 
				
			||||||
 | 
					                  // 从接口返回的数据中提取用户选项
 | 
				
			||||||
 | 
					                  this.contractPersonOptions  = response.rows.map(user => ({
 | 
				
			||||||
 | 
					                    value: user.userId, // 下拉框绑定的值
 | 
				
			||||||
 | 
					                    label: user.userName, // 下拉框显示的文本
 | 
				
			||||||
 | 
					                  }));
 | 
				
			||||||
 | 
					                }
 | 
				
			||||||
 | 
					        });
 | 
				
			||||||
 | 
					      },
 | 
				
			||||||
     limitDecimalInput(value, row, key) {
 | 
					     limitDecimalInput(value, row, key) {
 | 
				
			||||||
            // 只允许数字和小数点
 | 
					            // 只允许数字和小数点
 | 
				
			||||||
            let val = value.replace(/[^\d.]/g, '');
 | 
					            let val = value.replace(/[^\d.]/g, '');
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue