From b6fde711bf33cede4cb84f85146c32b0c0c61aa5 Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期一, 04 十一月 2024 09:06:28 +0800 Subject: [PATCH] 优化需求 --- company/src/components/business/OperaInsuranceWindow.vue | 61 ++++++++++++++++++++++++++++++ 1 files changed, 60 insertions(+), 1 deletions(-) diff --git a/company/src/components/business/OperaInsuranceWindow.vue b/company/src/components/business/OperaInsuranceWindow.vue index 914aec3..71e833c 100644 --- a/company/src/components/business/OperaInsuranceWindow.vue +++ b/company/src/components/business/OperaInsuranceWindow.vue @@ -9,6 +9,18 @@ <el-form-item label="淇濋櫓鍏徃" prop="name"> <el-input v-model="form.name" placeholder="骞冲畨淇濋櫓" v-trim/> </el-form-item> + <el-form-item label="logo" prop="logo"> + <UploadAvatarImage :uploadData="{ folder: 'insurance' }" :file="file" @uploadSuccess="result" /> + </el-form-item> + <el-form-item label="鑻辨枃鍚嶇О" prop="englishName"> + <el-input v-model="form.englishName" maxlength="100" show-word-limit placeholder="璇疯緭鍏ヨ嫳鏂囧悕绉�" v-trim/> + </el-form-item> + <el-form-item label="鑱旂郴浜�" prop="linkName"> + <el-input v-model="form.linkName" maxlength="10" show-word-limit placeholder="璇疯緭鍏ヨ仈绯讳汉" v-trim/> + </el-form-item> + <el-form-item label="鑱旂郴浜虹數璇�" prop="linkPhone"> + <el-input v-model="form.linkPhone" maxlength="11" show-word-limit placeholder="璇疯緭鍏ヨ仈绯讳汉鐢佃瘽" v-trim/> + </el-form-item> <div style="width: 100%; display: flex; align-items: center;margin-bottom: 10px;"> <el-button type="primary" @click="add">娣诲姞</el-button> <el-button type="primary" @click="impor">瀵煎叆宸ョ</el-button> @@ -42,6 +54,15 @@ </template> </el-table-column> </el-table> + <el-form-item label="鐞嗚禂鎵�闇�鏉愭枡" prop="claimsInformation"> + <RichEditor :richData="form.claimsInformation" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/> + </el-form-item> + <el-form-item label="淇濋櫓鏀跨瓥" prop="policy"> + <RichEditor :richData="form.policy" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor1" :readonly="false"/> + </el-form-item> + <el-form-item label="淇濋櫓鏉℃" prop="agreement"> + <RichEditor :richData="form.agreement" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/> + </el-form-item> </el-form> <!-- 涓婁紶宸ョ --> <input type="file" @change="getFile" style="opacity: 0;" ref="upload" accept=".xlsx" /> @@ -51,24 +72,47 @@ <script> import BaseOpera from '@/components/base/BaseOpera' import GlobalWindow from '@/components/common/GlobalWindow' + import UploadAvatarImage from '@/components/common/UploadAvatarImage' + import RichEditor from '@/components/common/RichEditor' import { importExcel, all } from '@/api/business/worktype' export default { name: 'OperaInsuranceWindow', extends: BaseOpera, - components: { GlobalWindow }, + components: { GlobalWindow, UploadAvatarImage, RichEditor }, data () { + var phoneRule = (rule, value, callback) => { + if (value) { + if (!/^1[3-9]\d{9}$/.test(value)) { + return callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙凤紒')) + } + } + callback() + } return { // 琛ㄥ崟鏁版嵁 form: { id: null, name: '', + logo: '', + englishName: '', + linkName: '', + linkPhone: '', + agreement: '', + claimsInformation: '', + policy: '', worktypeList: [ { name: '' } ] }, + file: { + imgurlfull: '' + }, // 楠岃瘉瑙勫垯 rules: { + linkPhone: [ + { required: false, validator: phoneRule } + ] } } }, @@ -96,6 +140,8 @@ for (const key in this.form) { this.form[key] = target[key] } + this.file.imgurlfull = target.logoFullUrl + console.log(this.form) all({ insuranceId: this.form.id }) .then(res => { let arr = [] @@ -106,6 +152,19 @@ }) }) }, + getWangedditor(val){ + this.form.claimsInformation = val; + }, + getWangedditor1(val){ + this.form.policy = val; + }, + getWangedditor2(val){ + this.form.agreement = val; + }, + result(res) { + this.form.logo = res.imgurl + this.file.imgurlfull = res.imgurlfull + }, // 瀵煎嚭妯℃澘 exprot() { window.open(process.env.VUE_APP_TYPEWORK_URL) -- Gitblit v1.9.3