From deb4575b72443cf906946a9fb28a557c16556fb9 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 01 十一月 2024 09:30:50 +0800
Subject: [PATCH] Merge branch '2.0.1' of http://139.186.142.91:10010/r/productDev/yunyibao into 2.0.1

---
 company/src/components/business/OperaSolutionsBaseDescWindow.vue |  283 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 283 insertions(+), 0 deletions(-)

diff --git a/company/src/components/business/OperaSolutionsBaseDescWindow.vue b/company/src/components/business/OperaSolutionsBaseDescWindow.vue
new file mode 100644
index 0000000..852982d
--- /dev/null
+++ b/company/src/components/business/OperaSolutionsBaseDescWindow.vue
@@ -0,0 +1,283 @@
+<template>
+    <GlobalWindow
+        :title="title"
+        width="100%"
+        text="淇敼"
+        :withFooter="userInfo.type !== 1"
+        :visible.sync="visible"
+        :confirm-working="isWorking"
+        @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">{{form.name}}</div>
+                </div>
+                <div class="info_list_item">
+                    <div class="info_list_item_label">淇濋櫓鍏徃锛�</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">{{form.companyName}}</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">{{form.correctWarnTime}}</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.delOnlyReplace === 1 ? '鏄�' : '鍚�'}}</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">
+                    <div class="info_list_item_label">鎵瑰噺浠呮敮鎸佹浛鎹細</div>
+                    <div class="info_list_item_val">鏄�</div>
+                </div>
+            </div>
+            <el-table
+                :data="form.worktypeList"
+                border
+                style="width: 100%; margin-bottom: 20px;">
+                <el-table-column
+                        label="搴忓彿"
+                        align="center"
+                        width="80">
+                    <template slot-scope="scope">
+                        <span>{{scope.$index + 1}}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="worktypeName"
+                        align="center"
+                        label="宸ョ鍚嶇О">
+                </el-table-column>
+            </el-table>
+            <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="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'
+  import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow'
+  import { solutionsBaseId } from '@/api/business/solutionsBase'
+  import { mapState } from 'vuex'
+  export default {
+    name: 'OperaSolutionsBaseDescWindow',
+    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,
+          correctWarnTime: '',
+          specialAgreement: '',
+          specialInfo: '',
+          ortherInfo: '',
+          insuranceName: '',
+          signKeyword: '',
+          worktypeList: [],
+          worktypeIdList: []
+        }
+      }
+    },
+    computed: {
+      ...mapState(['userInfo'])
+    },
+    created () {
+      this.config({
+        api: '/business/solutionsBase',
+        '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,
+          correctWarnTime: '',
+          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 () {
+        solutionsBaseId(this.form.id)
+          .then(res => {
+            for (const key in this.form) {
+              this.form[key] = res[key]
+            }
+            if (res.worktypeList) {
+              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;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 20px;
+            span {
+                font-size: 18px;
+                font-weight: 500;
+                color: #000000;
+            }
+        }
+        .info_fwb {
+            width: 100%;
+            margin-top: 20px;
+        }
+        .info_list {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            flex-wrap: wrap;
+            .info_list_item {
+                width: 50%;
+                display: flex;
+                align-items: start;
+                margin-bottom: 20px;
+                .info_list_item_label {
+
+                    flex-shrink: 0;
+                }
+                .info_list_item_val {
+                    flex: 1;
+                    display: flex;
+                    align-items: center;
+                    .image {
+                        width: 100px;
+                        height: 100px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        overflow: hidden;
+                        img {
+                            width: 100%;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>

--
Gitblit v1.9.3