|
|
@ -16,7 +16,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<div class="qqCode-wrap right"> |
|
|
<div class="qqCode-wrap right"> |
|
|
<el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" |
|
|
<!-- <el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" |
|
|
action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList" :on-change="handleFileChange" :auto-upload="false" |
|
|
action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList" :on-change="handleFileChange" :auto-upload="false" |
|
|
:before-upload="beforeAvatarUpload"> |
|
|
:before-upload="beforeAvatarUpload"> |
|
|
<hover-button slot="trigger" button-text="重新上传" |
|
|
<hover-button slot="trigger" button-text="重新上传" |
|
|
@ -24,6 +24,14 @@ |
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
default-text-color="#23242B" hover-text-color="#006AFF" /> |
|
|
default-text-color="#23242B" hover-text-color="#006AFF" /> |
|
|
<div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div> |
|
|
<div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div> |
|
|
|
|
|
</el-upload> --> |
|
|
|
|
|
<el-upload ref="upload" class="avatar-uploader" :auto-upload="false" accept=".jpg,.png" action="#" :file-list="fileList" :multiple="false" :http-request="customUpload"> |
|
|
|
|
|
<template #trigger> |
|
|
|
|
|
<hover-button button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')" |
|
|
|
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
|
|
|
default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -47,25 +55,34 @@ |
|
|
<el-form :model="siteForm" :rules="siteFormrules2" ref="siteForm2"> |
|
|
<el-form :model="siteForm" :rules="siteFormrules2" ref="siteForm2"> |
|
|
<div class="flex-wrap"> |
|
|
<div class="flex-wrap"> |
|
|
<div class="flex-left"> |
|
|
<div class="flex-left"> |
|
|
<GuipRadio v-model="siteForm.first_visit_audit" class="mb12" column="column" :options="groupOptions" |
|
|
<GuipRadio v-model="siteForm.first_visit_audit" class="mb12" column="column" |
|
|
label="初诊是否审批" required prop="first_visit_audit" @change="radioChange" /> |
|
|
:options="groupOptions" label="初诊是否审批" required prop="first_visit_audit" |
|
|
|
|
|
@change="radioChange" /> |
|
|
<GuipInput ref="GuipInput" column="column" label="审批人电话" desc="审批人电话、微信，至少填写一项" |
|
|
<GuipInput ref="GuipInput" column="column" label="审批人电话" desc="审批人电话、微信，至少填写一项" |
|
|
v-model="siteForm.approve_phone" prop="approve_phone" placeholder="请输入" /> |
|
|
v-model="siteForm.approve_phone" prop="approve_phone" placeholder="请输入" /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex-line"></div> |
|
|
<div class="flex-line"></div> |
|
|
<div class="flex-right"> |
|
|
<div class="flex-right"> |
|
|
<GuipFormItem column="column" label="审批人微信" > |
|
|
<GuipFormItem column="column" label="审批人微信"> |
|
|
<span class="desc" slot="formRight">审批人电话、微信，至少填写一项</span> |
|
|
<span class="desc" slot="formRight">审批人电话、微信，至少填写一项</span> |
|
|
<div class="qqCode-wrap right" slot="formDom"> |
|
|
<div class="qqCode-wrap right" slot="formDom"> |
|
|
<el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" |
|
|
<!-- <el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" |
|
|
action="https://jsonplaceholder.typicode.com/posts/" |
|
|
action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" |
|
|
:on-preview="handlePreview" :on-remove="handleRemove" |
|
|
:on-remove="handleRemove" :on-success="handleAvatarSuccess" |
|
|
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> |
|
|
:before-upload="beforeAvatarUpload"> |
|
|
<hover-button button-text="微信二维码" |
|
|
<hover-button button-text="微信二维码" |
|
|
:default-icon="require('../assets/upLoad_grey.svg')" |
|
|
:default-icon="require('../assets/upLoad_grey.svg')" |
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" /> |
|
|
default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" /> |
|
|
<div slot="tip" class="el-upload__tip desc">审批人微信二维码，大小2M以内</div> |
|
|
<div slot="tip" class="el-upload__tip desc">审批人微信二维码，大小2M以内</div> |
|
|
|
|
|
</el-upload> --> |
|
|
|
|
|
<el-upload ref="upload1" class="avatar-uploader" :auto-upload="false" action="#" :multiple="false" :http-request="customUpload"> |
|
|
|
|
|
<template #trigger> |
|
|
|
|
|
<hover-button button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')" |
|
|
|
|
|
:hover-icon="require('../assets/upLoad_active.svg')" |
|
|
|
|
|
default-text-color="#23242B" hover-text-color="#006AFF" @click="handleUploadClick" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<div slot="tip" class="el-upload__tip desc">审批人微信二维码，大小2M以内</div> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
</div> |
|
|
</div> |
|
|
</GuipFormItem> |
|
|
</GuipFormItem> |
|
|
@ -81,11 +98,8 @@ |
|
|
<div class="flex-left"> |
|
|
<div class="flex-left"> |
|
|
<GuipInput column="column" v-model="siteForm.doctor_desc" prop="doctor_desc" label="一句话介绍" |
|
|
<GuipInput column="column" v-model="siteForm.doctor_desc" prop="doctor_desc" label="一句话介绍" |
|
|
width="100%" height="56px" placeholder="请输入描述内容" maxlength="14" show-word-limit /> |
|
|
width="100%" height="56px" placeholder="请输入描述内容" maxlength="14" show-word-limit /> |
|
|
<GuipFormItem column="column" class="" label="详细介绍"> |
|
|
<GuipTextarea label="详细介绍" column="column" v-model="siteForm.doctor_detail" prop="doctor_detail" |
|
|
<GuipTextarea slot="formDom" v-model="siteForm.doctor_detail" prop="doctor_detail" |
|
|
width="100%" autosize placeholder="请输入描述内容" maxlength="不限" show-word-limit /> |
|
|
width="100%" height="86px" autosize placeholder="请输入描述内容" maxlength="不限" |
|
|
|
|
|
show-word-limit /> |
|
|
|
|
|
</GuipFormItem> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="flex-line"></div> |
|
|
<div class="flex-line"></div> |
|
|
<div class="flex-right"> |
|
|
<div class="flex-right"> |
|
|
@ -157,13 +171,13 @@ export default { |
|
|
doctor_desc: '', |
|
|
doctor_desc: '', |
|
|
doctor_detail: '', |
|
|
doctor_detail: '', |
|
|
label: '', |
|
|
label: '', |
|
|
first_visit_audit:'1', |
|
|
first_visit_audit: '1', |
|
|
approve_phone:'' |
|
|
approve_phone: '' |
|
|
}, |
|
|
}, |
|
|
oldForm: {}, |
|
|
oldForm: {}, |
|
|
siteFormrules2: { |
|
|
siteFormrules2: { |
|
|
first_visit_audit: [ |
|
|
first_visit_audit: [ |
|
|
{ required: true, message: '请选择初诊审批设置', trigger: 'change'} |
|
|
{ required: true, message: '请选择初诊审批设置', trigger: 'change' } |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
|
siteFormrules: { |
|
|
siteFormrules: { |
|
|
@ -219,8 +233,8 @@ export default { |
|
|
}).then(response => { |
|
|
}).then(response => { |
|
|
if (response.code == 0) { |
|
|
if (response.code == 0) { |
|
|
let obj = JSON.parse(JSON.stringify(this.siteForm)) |
|
|
let obj = JSON.parse(JSON.stringify(this.siteForm)) |
|
|
this.oldForm = { ...obj,...response.data } |
|
|
this.oldForm = { ...obj, ...response.data } |
|
|
this.siteForm = { ...this.siteForm,...response.data } |
|
|
this.siteForm = { ...this.siteForm, ...response.data } |
|
|
if (response.data.avator) { |
|
|
if (response.data.avator) { |
|
|
this.fileList = [{ |
|
|
this.fileList = [{ |
|
|
name: 'avator', |
|
|
name: 'avator', |
|
|
@ -232,7 +246,23 @@ export default { |
|
|
console.error(error, 'error') |
|
|
console.error(error, 'error') |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
btnClick() { |
|
|
handleUploadClick(e) { |
|
|
|
|
|
console.log(e,'------e===='); |
|
|
|
|
|
e.preventDefault(); |
|
|
|
|
|
this.$refs.upload.$el.querySelector('input[type="file"]').click(); |
|
|
|
|
|
}, |
|
|
|
|
|
btnClick(e) { |
|
|
|
|
|
console.log(e,'------e===='); |
|
|
|
|
|
e.preventDefault(); |
|
|
|
|
|
this.$refs.upload1.$el.querySelector('input[type="file"]').click(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
customUpload(params) { |
|
|
|
|
|
// 自定义上传逻辑 |
|
|
|
|
|
const formData = new FormData(); |
|
|
|
|
|
console.log(params.file,'-222----'); |
|
|
|
|
|
formData.append('file', params.file); |
|
|
|
|
|
// this.$http.post('/api/upload', formData).then() |
|
|
}, |
|
|
}, |
|
|
handleRemove(file, fileList) { |
|
|
handleRemove(file, fileList) { |
|
|
console.log(file, fileList); |
|
|
console.log(file, fileList); |
|
|
@ -257,7 +287,7 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
handleFileChange(file, fileList) { |
|
|
handleFileChange(file, fileList) { |
|
|
console.log(file,fileList,'======file'); |
|
|
console.log(file, fileList, '======file'); |
|
|
this.siteForm.avator = fileList.length ? 'uploaded' : ''; |
|
|
this.siteForm.avator = fileList.length ? 'uploaded' : ''; |
|
|
this.$refs.siteForm.validateField('avator'); |
|
|
this.$refs.siteForm.validateField('avator'); |
|
|
this.fileList = fileList |
|
|
this.fileList = fileList |
|
|
@ -276,7 +306,7 @@ export default { |
|
|
this.imageUrl1 = URL.createObjectURL(file.raw); |
|
|
this.imageUrl1 = URL.createObjectURL(file.raw); |
|
|
}, |
|
|
}, |
|
|
beforeAvatarUpload(file) { |
|
|
beforeAvatarUpload(file) { |
|
|
console.log(file,'=====file'); |
|
|
console.log(file, '=====file'); |
|
|
const isJPG = file.type === 'image/jpeg' || file.type === 'image/png'; |
|
|
const isJPG = file.type === 'image/jpeg' || file.type === 'image/png'; |
|
|
const isLt2M = file.size / 1024 / 1024 < 2; |
|
|
const isLt2M = file.size / 1024 / 1024 < 2; |
|
|
|
|
|
|
|
|
@ -289,40 +319,36 @@ export default { |
|
|
return isJPG && isLt2M; |
|
|
return isJPG && isLt2M; |
|
|
}, |
|
|
}, |
|
|
submitForm(form) { |
|
|
submitForm(form) { |
|
|
|
|
|
let props = {}; |
|
|
if (form == 'siteForm') { |
|
|
if (form == 'siteForm') { |
|
|
this.$refs[form].validate((valid) => { |
|
|
this.$refs[form].validate((valid) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
this.$http('POST', '/supernew/ajax_get_type_batch_list', { |
|
|
props = { |
|
|
did: this.doctorId, |
|
|
did: this.doctorId, |
|
|
name: this.siteForm.doctor_name, |
|
|
name: this.siteForm.doctor_name, |
|
|
idcard: this.siteForm.idcard, |
|
|
idcard: this.siteForm.idcard, |
|
|
avatar_file: this.siteForm.avator, |
|
|
avatar_file: this.siteForm.avator, |
|
|
phone: this.siteForm.phone |
|
|
phone: this.siteForm.phone |
|
|
}).then(response => { |
|
|
} |
|
|
if (response.code == 0) { |
|
|
|
|
|
this.$Message.success('修改成功') |
|
|
|
|
|
} |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
|
|
|
} else { |
|
|
} else { |
|
|
return false; |
|
|
return false; |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
this.$http('POST', '/supernew/ajax_get_type_batch_list', { |
|
|
props = { |
|
|
did: this.doctorId, |
|
|
did: this.doctorId, |
|
|
desc: form.doctor_desc, |
|
|
desc: form.doctor_desc, |
|
|
detail: form.doctor_detail, |
|
|
detail: form.doctor_detail, |
|
|
label: form.label |
|
|
label: form.label |
|
|
}).then(response => { |
|
|
} |
|
|
if (response.code == 0) { |
|
|
|
|
|
this.$Message.success('修改成功') |
|
|
|
|
|
} |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
this.$http('POST', '/supernew/ajax_get_type_batch_list', props).then(response => { |
|
|
|
|
|
if (response.code == 0) { |
|
|
|
|
|
this.$Message.success('修改成功') |
|
|
|
|
|
} |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
cancelClick(type) { |
|
|
cancelClick(type) { |
|
|
// siteForm |
|
|
// siteForm |
|
|
@ -357,11 +383,13 @@ export default { |
|
|
transition: all .5s; |
|
|
transition: all .5s; |
|
|
border: 1px solid transparent; |
|
|
border: 1px solid transparent; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.special-form-item { |
|
|
.special-form-item { |
|
|
.el-form-item__label{ |
|
|
.el-form-item__label { |
|
|
margin-bottom: 12px; |
|
|
margin-bottom: 12px; |
|
|
} |
|
|
} |
|
|
.custom-label{ |
|
|
|
|
|
|
|
|
.custom-label { |
|
|
gap: 6px; |
|
|
gap: 6px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -375,6 +403,7 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
justify-content: flex-start; |
|
|
justify-content: flex-start; |
|
|
|
|
|
|
|
|
.labelImg { |
|
|
.labelImg { |
|
|
opacity: .7; |
|
|
opacity: .7; |
|
|
margin-left: 8px; |
|
|
margin-left: 8px; |
|
|
|
zq
4 weeks ago