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/OperaSolutionsDescWindow.vue | 243 +++++++++++++++++++++++++++++++++---------------
1 files changed, 168 insertions(+), 75 deletions(-)
diff --git a/company/src/components/business/OperaSolutionsDescWindow.vue b/company/src/components/business/OperaSolutionsDescWindow.vue
index 2537026..bacd9ca 100644
--- a/company/src/components/business/OperaSolutionsDescWindow.vue
+++ b/company/src/components/business/OperaSolutionsDescWindow.vue
@@ -1,61 +1,64 @@
<template>
<GlobalWindow
:title="title"
- width="50%"
- submitText="淇敼"
+ width="100%"
+ :withFooter="false"
: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_label">瀛愭柟妗堬細</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>
- <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">25鑷�65</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">涓绘柟妗堬細</div>
+ <div class="info_list_item_val"><a @click="$refs.operaSolutionsBaseDescWindow.open('涓绘柟妗堣鎯�', { id: form.parentId })" style="cursor: pointer;color: #2E68EC;">{{form.solutionBaseName}}</a></div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">淇濋櫓璐圭敤锛�</div>
- <div class="info_list_item_val">200鍏�/浜�/骞�</div>
+ <div class="info_list_item_val">
+ {{form.price}}鍏�/浜�/<template v-if="form.timeUnit === 0">澶�</template><template v-if="form.timeUnit === 2">鏈�</template><template v-if="form.timeUnit === 3">瀛ｅ害</template><template v-if="form.timeUnit === 4">鍗婂勾</template><template v-if="form.timeUnit === 5">骞�</template>
+ </div>
</div>
<div class="info_list_item">
- <div class="info_list_item_label">鎶曚繚鍛ㄦ湡锛�</div>
- <div class="info_list_item_val">1鏈�</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">鐩翠繚</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">
- <div class="info_list_item_label">鍗曠嫭鎸囨淳宸ョ锛�</div>
- <div class="info_list_item_val">鍚�</div>
+ <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" v-if="form.hasDispatchUnit === 1">鏃�</div>
+ <div class="info_list_item_val" v-else-if="form.hasDispatchUnit === 0">鏈�</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" style="width: 100%">
+ <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,59 +70,149 @@
</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>
<!-- 淇敼 -->
- <OperaSolutionsWindow ref="operaSolutionsWindow" @success="handlePageChange"/>
+ <OperaSolutionsWindow ref="operaSolutionsWindow" @success="callback"/>
+ <OperaPdfViewerWindow ref="OperaPdfViewerWindow" />
+ <OperaSolutionsBaseDescWindow ref="operaSolutionsBaseDescWindow" />
</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 OperaSolutionsBaseDescWindow from '@/components/business/OperaSolutionsBaseDescWindow'
+import { solutionsId } from '@/api/business/solutions'
+import { mapState } from 'vuex'
+export default {
+ name: 'OperaSolutionsDescWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow, OperaPdfViewerWindow,OperaSolutionsWindow, OperaSolutionsBaseDescWindow },
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ form: {
+ id: null,
+ name: '',
+ companyName: '',
+ insuranceId: '',
+ validType: 0,
+ type: 0,
+ minAge: '',
+ maxAge: '',
+ price: '',
+ timeUnit: '',
+ insureCycle: '',
+ parentId: '',
+ shopName: '',
+ insureCycleUnit: '',
+ hasDispatchUnit: '',
+ solutionBaseName: '',
+ 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: '',
+ parentId: '',
+ price: '',
+ timeUnit: '',
+ insureCycle: '',
+ hasDispatchUnit: '',
+ shopName: '',
+ insureCycleUnit: '',
+ validTypeNum: '',
+ email: '',
+ specialAgreement: '',
+ solutionBaseName: '',
+ 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>
@@ -152,7 +245,7 @@
align-items: start;
margin-bottom: 20px;
.info_list_item_label {
- width: 130px;
+
flex-shrink: 0;
}
.info_list_item_val {
--
Gitblit v1.9.3