优化

MrShi

2024-11-15 30cfb2b836a8a3d609518cc295753b58b17a9bc7

 company/src/components/business/OperaContractDescWindow.vue

@@ -20,7 +20,7 @@
                    <div class="info_list_item_label">合同时间：</div>
                    <div class="info_list_item_val">{{info.startTime}} - {{info.endTime}}</div>
                </div>
                <div class="info_list_item">
                <div class="info_list_item" v-if="userInfo.type === 0 || info.type === 2">
                    <div class="info_list_item_label">合同类型：</div>
                    <div class="info_list_item_val">
                        <template v-if="info.signType === 0">平台-商户</template>
@@ -32,7 +32,7 @@
                    <div class="info_list_item_label">企业名称：</div>
                    <div class="info_list_item_val">{{info.companyName}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                <div class="info_list_item" style="width: 100%;" v-if="userInfo.type === 0 || info.type === 2">
                    <div class="info_list_item_label">签署方式：</div>
                    <div class="info_list_item_val">
                        <template v-if="info.type === 0">双方签章</template>
@@ -42,7 +42,7 @@
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">原始附件：</div>
                    <div class="info_list_item_val" v-if="info.multifile">
                        <u @click="openPDF(info.multifile.fileurlFull)">{{info.multifile.name}}</u>
                        <u @click.stop="openPDF(info.multifile.name, info.multifile.fileurlFull)">{{info.multifile.name}}</u>
                    </div>
                </div>
                <div class="info_list_item" style="width: 100%;">
@@ -57,51 +57,48 @@
            </div>
            <div class="info_list">
                <div class="info_list_item">
                    <div class="info_list_item_label">平台签署人：</div>
                    <div class="info_list_item_label">{{info.signType === 2 ? '商户' :  [0, 1].includes(info.signType) ? '平台' : ''}}签署人：</div>
                    <div class="info_list_item_val">{{info.firstSignUserName}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">平台签署时间：</div>
                    <div class="info_list_item_label">{{info.signType === 2 ? '商户' :  [0, 1].includes(info.signType) ? '平台' : ''}}签署时间：</div>
                    <div class="info_list_item_val">{{info.signDate}}</div>
                </div>
<!--                <div class="info_list_item">-->
<!--                    <div class="info_list_item_label">合同类型：</div>-->
<!--                    <template v-if="info.signType === 0">平台-商户</template>-->
<!--                    <template v-if="info.signType === 1">平台-企业</template>-->
<!--                    <template v-if="info.signType === 2">商户-企业</template>-->
<!--                </div>-->
<!--                <div class="info_list_item">-->
<!--                    <div class="info_list_item_label">企业名称：</div>-->
<!--                    <div class="info_list_item_val">{{info.companyName}}</div>-->
<!--                </div>-->
                <div class="info_list_item" v-if="info.type === 0">
                    <div class="info_list_item_label">企业签署人：</div>
                <div class="info_list_item" v-if="info.type !== 1">
                    <div class="info_list_item_label">{{info.signType === 0 ? '商户' :  [1, 2].includes(info.signType) ? '企业' : ''}}签署人：</div>
                    <div class="info_list_item_val">{{info.doneSignUserName}}</div>
                </div>
                <div class="info_list_item" v-if="info.type === 0">
                    <div class="info_list_item_label">企业签署时间：</div>
                <div class="info_list_item" v-if="info.type !== 1">
                    <div class="info_list_item_label">{{info.signType === 0 ? '商户' :  [1, 2].includes(info.signType) ? '企业' : ''}}签署时间：</div>
                    <div class="info_list_item_val">{{info.comSignDate}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">签署件：</div>
                    <div class="info_list_item_val" v-if="info.multiFirstFile || info.multiDoneFile">
                        <u v-if="info.status === 1" @click="openPDF(info.multiFirstFile.fileurlFull)">{{info.multiFirstFile.name}}</u>
                        <u v-if="info.status === 3" @click="openPDF(info.multiDoneFile.fileurlFull)">{{info.multiDoneFile.name}}</u>
                    <div class="info_list_item_val">
                        <u v-if="info.multiDoneFile" @click.stop="openPDF(info.multiDoneFile.name, info.multiDoneFile.fileurlFull)">{{info.multiDoneFile.name}}</u>
                        <u v-else-if="info.multiFirstFile" @click.stop="openPDF(info.multiFirstFile.name, info.multiFirstFile.fileurlFull)">{{info.multiFirstFile.name}}</u>
                    </div>
                </div>
            </div>
        </div>
        <!-- 预览pdf -->
        <OperaPdfViewerWindow ref="OperaPdfViewerWindow"  />
    </GlobalWindow>
</template>

<script>
  import BaseOpera from '@/components/base/BaseOpera'
  import GlobalWindow from '@/components/common/GlobalWindow'
  import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow'
  import { contractId } from '@/api/business/contract'
  import { mapState } from 'vuex'
  export default {
    name: 'OperaContractDescWindow',
    extends: BaseOpera,
    components: { GlobalWindow },
    computed: {
      ...mapState(['userInfo'])
    },
    components: { GlobalWindow, OperaPdfViewerWindow },
    data () {
      return {
        info: null
@@ -112,14 +109,15 @@
        this.title = title
        this.info = null
        this.visible = true
        console.log(this.userInfo)
        contractId(id)
          .then(res => {
            console.log(res)
            this.info = res
          })
      },
      openPDF(url) {
        window.open(url)
      openPDF(name, url) {
        this.$refs.OperaPdfViewerWindow.open(name, url)
      },
    }
  }