|  |  | 
 |  |  |                     <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> | 
 |  |  | 
 |  |  |                     <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> | 
 |  |  | 
 |  |  |                 <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%;"> | 
 |  |  | 
 |  |  |             </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 | 
 |  |  | 
 |  |  |         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) | 
 |  |  |       }, | 
 |  |  |     } | 
 |  |  |   } |