From 09da100729793848bc01b51f7b05ca3f1e7ec64f Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 20 六月 2024 14:05:35 +0800
Subject: [PATCH] 提交一把
---
company/src/components/business/OperaSolutionsDescWindow.vue | 288 +++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 218 insertions(+), 70 deletions(-)
diff --git a/company/src/components/business/OperaSolutionsDescWindow.vue b/company/src/components/business/OperaSolutionsDescWindow.vue
index 2537026..ae42aab 100644
--- a/company/src/components/business/OperaSolutionsDescWindow.vue
+++ b/company/src/components/business/OperaSolutionsDescWindow.vue
@@ -1,61 +1,104 @@
<template>
<GlobalWindow
:title="title"
- width="50%"
- submitText="淇敼"
+ width="70%"
+ text="淇敼"
+ :withFooter="userInfo.type !== 1"
:visible.sync="visible"
:confirm-working="isWorking"
- @confirm="$refs.operaSolutionsWindow.open('缂栬緫鏂规')"
+ @confirm="$refs.operaSolutionsWindow.open('缂栬緫鏂规', form)"
>
<div class="info">
<div class="info_list">
<div class="info_list_item">
<div class="info_list_item_label">鏂规鍚嶇О锛�</div>
- <div class="info_list_item_val">骞冲畨淇濋櫓闆囦富璐ｄ换闄〢鐗�</div>
+ <div class="info_list_item_val">{{form.name}}</div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">淇濋櫓鍏徃锛�</div>
- <div class="info_list_item_val">骞冲畨淇濋櫓</div>
+ <div class="info_list_item_val">{{form.insuranceName}}</div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">鎵夸繚鍏徃锛�</div>
- <div class="info_list_item_val">瀹夊窘骞冲畨淇濋櫓鏈夐檺鍏徃</div>
+ <div class="info_list_item_val">{{form.companyName}}</div>
</div>
+ <div class="info_list_item">
+ <div class="info_list_item_label">鎶曚繚绫诲瀷锛�</div>
+ <div class="info_list_item_val" v-if="form.type === 0 "> 鐩翠繚</div>
+ <div class="info_list_item_val" v-if="form.type === 1">濮旀墭鎶曚繚</div>
+ </div>
+ <div class="info_list_item" v-if="form.type === 1">
+ <div class="info_list_item_label">濮旀墭鍟嗘埛锛�</div>
+ <div class="info_list_item_val" > {{form.shopName}}</div>
+ </div>
<div class="info_list_item">
<div class="info_list_item_label">鎶曚繚骞撮緞锛�</div>
- <div class="info_list_item_val">25鑷�65</div>
+ <div class="info_list_item_val">{{form.minAge}}鑷硔{form.maxAge}}</div>
</div>
<div class="info_list_item">
- <div class="info_list_item_label">鎶曚繚绫诲瀷锛�</div>
- <div class="info_list_item_val">骞冲彴鎶曚繚</div>
+ <div class="info_list_item_label" v-if="form.type !=1">鏂规璐圭敤锛�</div>
+ <div class="info_list_item_label" v-else>鏈嶅姟璐圭敤锛�</div>
+ <div class="info_list_item_val">
+ {{form.price}}鍏�/浜�/
+<!-- <span v-if="form.timeUnit === 0">澶�</span>
+ <span v-if="form.timeUnit === 1">鍗婃湀</span>
+ <span v-if="form.timeUnit === 2">鏈�</span>
+ <span v-if="form.timeUnit === 3">骞�</span>-->
+ <span v-if="form.timeUnit === 0">澶�</span>
+ <span v-if="form.timeUnit === 2">鏈�</span>
+ <span v-if="form.timeUnit === 3">瀛ｅ害</span>
+ <span v-if="form.timeUnit === 4">鍗婂勾</span>
+ <span v-if="form.timeUnit === 5">骞�</span>
+ </div>
</div>
<div class="info_list_item">
- <div class="info_list_item_label">淇濋櫓璐圭敤锛�</div>
- <div class="info_list_item_val">200鍏�/浜�/骞�</div>
- </div>
- <div class="info_list_item">
- <div class="info_list_item_label">鎶曚繚鍛ㄦ湡锛�</div>
- <div class="info_list_item_val">1鏈�</div>
+ <div class="info_list_item_label">鎵规敼璁¤垂鍗曚綅锛�</div>
+ <div class="info_list_item_val">
+ <span v-if="form.insureCycleUnit === 0">澶�</span>
+ <span v-if="form.insureCycleUnit === 1">鍗婃湀</span>
+ <span v-if="form.insureCycleUnit === 2">鏈�</span>
+ <span v-if="form.insureCycleUnit === 3">瀛ｅ害</span>
+ <span v-if="form.insureCycleUnit === 4">鍗婂勾</span>
+ <span v-if="form.insureCycleUnit === 5">骞�</span>
+ </div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">鐢熸晥鏃堕棿锛�</div>
- <div class="info_list_item_val">1鏃ュ悗鐢熸晥</div>
+ <div class="info_list_item_val">{{form.validType === 0 ? form.validTypeNum + '鏃ュ悗鐢熸晥' : '娆℃湀鐢熸晥'}}</div>
</div>
- <div class="info_list_item">
- <div class="info_list_item_label">鎶曚繚绫诲瀷锛�</div>
- <div class="info_list_item_val">鐩翠繚</div>
- </div>
- <div class="info_list_item">
- <div class="info_list_item_label">鍗曠嫭鎸囨淳宸ョ锛�</div>
- <div class="info_list_item_val">鍚�</div>
- </div>
+
<div class="info_list_item">
<div class="info_list_item_label">鎺ユ敹鏂囦欢閭锛�</div>
- <div class="info_list_item_val">111@163.com</div>
+ <div class="info_list_item_val">{{form.email}}</div>
</div>
+ <div class="info_list_item">
+ <div class="info_list_item_label">鎵瑰鐢熸晥锛�</div>
+ <div class="info_list_item_val">{{form.addValidDays||0}}澶�</div>
+ </div>
+ <div class="info_list_item">
+ <div class="info_list_item_label">鎵瑰噺鐢熸晥锛�</div>
+ <div class="info_list_item_val">{{form.delValidDays||0}}澶�</div>
+ </div>
+ <div class="info_list_item">
+ <div class="info_list_item_label">鎵规敼鏀寔锛�</div>
+ <div class="info_list_item_val">
+ <span style="margin-right: 50px">鍔犱繚 <i :class="form.canAdd ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canAdd ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
+ <span style="margin-right: 50px">鍑忎繚 <i :class="form.canReduce ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canReduce ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
+ <span>鏇存崲娲鹃仯鍗曚綅 <i :class="form.canChangeUnit ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canChangeUnit ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
+ </div>
+ </div>
+ <div class="info_list_item" v-if="form.insureCycleUnit===0 || (form.insureCycleUnit===form.timeUnit)">
+ <div class="info_list_item_label">鎵规敼浠呮敮鎸佹浛鎹細</div>
+ <div class="info_list_item_val" v-if="form.delOnlyReplace == 1">鏄�</div>
+ <div class="info_list_item_val" v-else>鍚�</div>
+ </div>
+ <div class="info_list_item" style="width: 100%" v-if="form.type==1">
+ <div class="info_list_item_label">鏂规纭涔︼細</div>
+ <div class="info_list_item_val" ><a v-if="form.fanganFile && form.fanganFile.fileurlFull" style="cursor: pointer;color: #2E68EC" title="鐐瑰嚮鏌ョ湅" @click="openFile(form.fanganFile.fileurlFull)">{{ form.fanganFile.name || '鐐瑰嚮鏌ョ湅' }}</a></div>
+ </div>
</div>
<el-table
- :data="tableData"
+ :data="form.worktypeList"
border
style="width: 100%; margin-bottom: 20px;">
<el-table-column
@@ -67,64 +110,169 @@
</template>
</el-table-column>
<el-table-column
- prop="code"
+ prop="worktypeName"
align="center"
- label="鎵�灞炲伐绉�">
+ label="宸ョ鍚嶇О">
</el-table-column>
</el-table>
- <div class="info_fwb">瀵屾枃鏈唴瀹�</div>
+ <div class="info_agree">
+ <div class="info_agree_label">鐗瑰埆绾﹀畾锛�<div v-html="form.specialAgreement"></div></div>
+ <div class="info_agree_label">鐗瑰埆璇存槑锛�<div v-html="form.specialInfo"></div></div>
+ <div class="info_agree_label">鍏朵粬璇存槑锛�<div v-html="form.ortherInfo"></div></div>
+ </div>
</div>
<!-- 淇敼 -->
- <OperaSolutionsWindow ref="operaSolutionsWindow" @success="handlePageChange"/>
+ <OperaSolutionsWindow ref="operaSolutionsWindow" @success="callback"/>
+ <OperaPdfViewerWindow ref="OperaPdfViewerWindow" />
</GlobalWindow>
</template>
<script>
- import BaseOpera from '@/components/base/BaseOpera'
- import GlobalWindow from '@/components/common/GlobalWindow'
- import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow'
- export default {
- name: 'OperaSolutionsDescWindow',
- extends: BaseOpera,
- components: { GlobalWindow, OperaSolutionsWindow },
- data () {
- return {
- // 琛ㄥ崟鏁版嵁
- form: {
- id: null,
- name: '',
- insuranceId: '',
- validType: '',
- type: '',
- minAge: '',
- maxAge: '',
- price: '',
- timeUnit: '',
- insureCycleUnit: '',
- priceCycleUnit: '',
- email: '',
- specialAgreement: '',
- specialInfo: '',
- ortherInfo: ''
- },
- // 楠岃瘉瑙勫垯
- rules: {
- },
- tableData: []
- }
- },
- created () {
- this.config({
- api: '/business/solutions',
- 'field.id': 'id'
- })
- }
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow'
+import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow'
+import { solutionsId } from '@/api/business/solutions'
+import { mapState } from 'vuex'
+export default {
+ name: 'OperaSolutionsDescWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow, OperaPdfViewerWindow,OperaSolutionsWindow },
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ form: {
+ id: null,
+ name: '',
+ companyName: '',
+ insuranceId: '',
+ validType: 0,
+ type: 0,
+ minAge: '',
+ maxAge: '',
+ price: '',
+ timeUnit: '',
+ insureCycle: '',
+ shopName: '',
+ insureCycleUnit: '',
+ validTypeNum: '',
+ email: '',
+ canReduce: 0,
+ canChangeUnit: 0,
+ addValidDays: 0,
+ delValidDays: 0,
+ delOnlyReplace: 0,
+ canAdd: 0,
+ specialAgreement: '',
+ specialInfo: '',
+ ortherInfo: '',
+ insuranceName: '',
+ signKeyword: '',
+ worktypeList: [],
+ worktypeIdList: []
+ }
}
+ },
+ computed: {
+ ...mapState(['userInfo'])
+ },
+ created () {
+ this.config({
+ api: '/business/solutions',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ open (title, target) {
+ this.title = title
+ this.visible = true
+ this.form = {
+ id: null,
+ name: '',
+ companyName: '',
+ insuranceId: '',
+ validType: 0,
+ type: 0,
+ minAge: '',
+ maxAge: '',
+ price: '',
+ timeUnit: '',
+ insureCycle: '',
+ shopName: '',
+ insureCycleUnit: '',
+ validTypeNum: '',
+ email: '',
+ specialAgreement: '',
+ specialInfo: '',
+ ortherInfo: '',
+ fanganFile: null,
+ canReduce: 0,
+ canChangeUnit: 0,
+ addValidDays: 0,
+ delValidDays: 0,
+ delOnlyReplace: 0,
+ canAdd: 0,
+ insuranceName: '',
+ signKeyword: '',
+ worktypeList: [],
+ worktypeIdList: []
+ }
+
+ this.$nextTick(() => {
+ for (const key in this.form) {
+ this.form[key] = target[key]
+ }
+ this.getDetails()
+ })
+ },
+ openFile (url) {
+ setTimeout(() => {
+ this.$refs.OperaPdfViewerWindow.open('鏂规纭涔�',url)
+ // window.open(url)
+ }, 500)
+ },
+ getDetails () {
+ solutionsId(this.form.id)
+ .then(res => {
+ for (const key in this.form) {
+ this.form[key] = res[key]
+ }
+ this.form.worktypeIdList = res.worktypeList.map(item => {
+ return {
+ worktypeId: item.worktypeId
+ }
+ })
+ })
+ },
+ callback () {
+ this.$emit('success')
+ this.visible = false
+ }
+ }
+}
</script>
<style lang="scss" scoped>
.info {
width: 100%;
+ .info_agree {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ margin-top: 20px;
+ .info_agree_label {
+ font-size: 14px;
+ font-weight: 500;
+ color: #000000;
+ margin-top: 5px;
+ }
+ .info_agree_val {
+ font-size: 14px;
+ font-weight: 500;
+ color: #000000;
+ margin-top: 5px;
+ }
+ }
.info_label {
width: 100%;
display: flex;
@@ -152,7 +300,7 @@
align-items: start;
margin-bottom: 20px;
.info_list_item_label {
- width: 130px;
+
flex-shrink: 0;
}
.info_list_item_val {
--
Gitblit v1.9.3