This commit is contained in:
linfso 2024-06-19 13:42:20 +08:00
parent 60726bbe25
commit 69b11ceeaa
3 changed files with 404 additions and 0 deletions

View File

@ -0,0 +1,157 @@
<template>
<el-select
multiple
filterable
clearable
ref="selectRef"
remote
:remote-method="queryData"
:loading="loading"
v-model="svalue"
:placeholder="placeholder"
style="width:100%"
@focus="onFocus"
@change="onChange"
class="mutiSelect"
>
<!-- collapse-tags -->
<div style="padding: 0px 8px 0 20px;width:100%;line-height:34px;display:inline-flex; border-bottom: 1px solid #e7e7e7;">
<div style="width:50%">
<span style="font-size: 13px;font-weight: 600;">选择客户</span>
</div>
<div style="width:50%;text-align:right">
<el-button type="primary" size="mini" style="padding:2px 10px" @click="confirmOk">确定</el-button>
</div>
</div>
<el-option v-for="item in optionItems" :key="item.custNo" :label="item.custName" :value="item.custNo">
</el-option>
</el-select>
</template>
<script>
import { listSimpleEmisMonthpayAccount } from "@/api/emis/emisMonthpayAccount";
import emitter from 'element-ui/src/mixins/emitter';
export default {
name: "MonthpayMultipleSelectPicker",
mixins: [emitter],
props: {
value: {
type: [String],
required: false
},
placeholder:{
type: [String],
required: false
},
},
data() {
return {
svalue: [],
// 搜索后的数据
optionItems:[],
itemMap:new Map(),
loading: false,
queryParams:{
pageNum: 1,
pageSize: 50,
custNo:this.value,
custName:null
}
};
},
watch: {
value(newVal) {
},
},
created() {
if(this.value) {
this.svalue = this.value.split(',');
}
this.queryParams.custNo=this.value;
console.log("xxxx===>xxx1:",this.queryParams)
this.queryData(null);
},
methods: {
confirmOk(){
let selIdStr="";
let selNameStr="";
if(this.svalue&&this.svalue.length>0){
selIdStr=this.svalue.join(',');
}
selIdStr = selIdStr.substring(0,selIdStr.length-1);
console.log("===>==1:",selIdStr);
this.$emit('input', selIdStr)
this.$emit('onChange',selIdStr)
this.dispatch('ElFormItem', 'el.form.blur', [this.svalue]);
this.$refs.selectRef.blur();
},
onFocus(){
this.queryData();
},
onChange(val) {
this.confirmOk()
},
queryData(queryVal) {
this.queryParams.pageNum=1;
this.queryParams.custName=queryVal;
console.log("xxxx===>xxx2:",this.queryParams)
listSimpleEmisMonthpayAccount(this.queryParams).then(response => {
this.optionItems=response.rows
this.optionItems.forEach(item => {
if(!(item.custNo in this.itemMap)){
this.itemMap[item.custNo]=item;
}
});
});
},
}
};
</script>
<style lang="scss" scoped>
.el-s-thead{
width: 100%;
color: rgb(177 47 41);
font-size: 14px;
font-weight: 600;
display: inline-flex;
padding: 10px;
border-bottom: 1px solid #e6e3e3;
min-width: 300px;
}
.el-data{
width: 100%;
color: #000;
font-size: 14px;
font-weight: 600;
display: inline-flex;
padding: 5px;
border-bottom: 1px solid #e6e3e3;
}
.el-tag.el-tag--info {
background-color: #f4f4f5;
border-color: #e9e9eb;
color: #000000;
font-weight: 600;
}
.mutiSelect :deep .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
display: none;
}
</style>

View File

@ -0,0 +1,151 @@
<template>
<div class="app-container">
<el-form ref="form" :model="form" size="mini" :rules="rules" label-width="150px">
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
<el-col :span="12">
<el-form-item label="主版本号" prop="version">
<el-input v-model="form.version" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="次版本号" prop="versionCode">
<el-input v-model="form.versionCode" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主版本apk安装包" prop="apkUrl">
<FileUpload :showTip="true" v-model="form.apkUrl" :isNeedUpload="true" :fileType="['apk']" :limit="1"></FileUpload>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="次版本wgt更新文件" prop="wgtUrl">
<FileUpload :showTip="true" v-model="form.wgtUrl" :isNeedUpload="true" :fileType="['wgt']" :limit="1"></FileUpload>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="升级设备白名单" prop="whiteDeviceIds">
<el-input v-model="form.whiteDeviceIds" type="textarea" placeholder="设备ID逗号隔开" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="text-align: center;margin-bottom: 10px;">
<el-button type="primary" @click="submitForm">Save </el-button>
<el-button @click="cancel">Cancel</el-button>
</div>
</div>
</template>
<script>
import { getConfigKey,updateConfigByKey } from "@/api/system/config";
export default {
name: "AppUpdater",
props:{
id:{
type:Number
}
},
components: { },
dicts: [
],
data() {
return {
emisSiteSettleRecordOptions: [],
// 遮罩层
loading: true,
// 表单参数
form: {},
// 表单校验
rules: {
version: [
{ required: true, message: "主版本号不能为空", trigger: "blur" }
],
versionCode: [
{ required: true, message: "次版本号不能为空", trigger:["blur",'change'] }
],
apkUrl: [
{ required: true, message: "apkUrl不能为空", trigger:["blur",'change'] }
],
wgtUrl: [
{ required: true, message: "wgtUrl不能为空", trigger: ["blur",'change'] }
],
}
};
},
watch: {
"id": {
handler (newValue, oldValue) {
this.id = newValue;
this.initData();
},
deep: true
}
},
created() {
this.initData();
},
methods: {
initData() {
/*
{ version: '1.0.0', versionCode: 101, apkUrl: 'https://oss-emis.tanex56.com/app/t240616.apk', wgtUrl: 'https://oss-emis.tanex56.com/app/240616-1.wgt', whiteDeviceIds: [], remark: '' }
*/
getConfigKey("sys.app.version").then(response => {
let str=response.msg;
str = str.replace(/[ ]/g,"")
str = str.replace(/[\r\n]/g,"");
let obj= eval("("+str+")");
obj.whiteDeviceIds=obj.whiteDeviceIds.join(",");
this.form = Object.assign({},obj);
});
},
// 取消按钮
cancel() {
this.reset();
},
// 表单重置
reset() {
this.form = {
version: null,
versionCode: null,
apkUrl: null,
wgtUrl: null,
whiteDeviceIds: null,
remark: null
};
this.resetForm("form");
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
let postData = Object.assign({},this.form);
let str=postData.whiteDeviceIds;
str = str.replace(/[ ]/g,"")
str = str.replace(/[\r\n]/g,"");
let wdis=str.split(",");
if(wdis&&wdis.length>0) {
postData.whiteDeviceIds=wdis;
}
else{
postData.whiteDeviceIds=[];
}
updateConfigByKey("sys.app.version",JSON.stringify(postData)).then(response => {
this.$modal.msgSuccess("更新成功");
});
}
});
},
}
};
</script>

View File

@ -0,0 +1,96 @@
<template>
<div class="app-container">
<el-form ref="form" :model="form" size="mini" :rules="rules" label-width="100px">
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
<el-col :span="24">
<el-form-item label="下载地址" prop="downUrl">
<FileUpload :showTip="true" v-model="form.downUrl" :isNeedUpload="true" :fileType="['zip']" :limit="1"></FileUpload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="text-align: center;margin-bottom: 10px;">
<el-button type="primary" @click="submitForm">Save </el-button>
<el-button @click="cancel">Cancel</el-button>
</div>
</div>
</template>
<script>
import { getConfigKey,updateConfigByKey } from "@/api/system/config";
export default {
name: "PrinterUpdater",
props:{
id:{
type:Number
}
},
components: { },
dicts: [
],
data() {
return {
// 遮罩层
loading: true,
// 表单参数
form: {},
// 表单校验
rules: {
downUrl: [
{ required: true, message: "下载地址不能为空", trigger:["blur",'change'] }
],
}
};
},
watch: {
"id": {
handler (newValue, oldValue) {
this.id = newValue;
this.initData();
},
deep: true
}
},
created() {
this.initData();
},
methods: {
initData() {
/*
{ http://doc.xdadan.com/download/2024/06/10/d585b4c1ad5fc36b7e17320f5dfa603b.zip }
*/
getConfigKey("sys.printer.downurl").then(response => {
this.form.downUrl = response.msg;
});
},
// 取消按钮
cancel() {
this.reset();
},
// 表单重置
reset() {
this.form = {
downUrl: null,
};
this.resetForm("form");
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
updateConfigByKey("sys.printer.downurl",this.form.downUrl).then(response => {
this.$modal.msgSuccess("更新成功");
});
}
});
},
}
};
</script>