<template>
|
<GlobalWindow
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="main-container">
|
<!-- @tab-click="handleClick" -->
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane label="企业资料" name="first">
|
<div class="container">
|
<div class="title">
|
<div class="status"></div>
|
{{ company.name }}
|
</div>
|
<div class="setting">
|
<div class="setting-title">社会信用代码：{{ company.creditCode || '暂无' }}</div>
|
<div class="parting-line"></div>
|
<div class="setting-title">企业所属行业：{{ company.industryName || '暂无' }}</div>
|
<div class="parting-line"></div>
|
<div class="setting-title">企业性质：{{ company.natureName || '暂无' }}</div>
|
<div class="parting-line"></div>
|
<div class="setting-title">企业规模：{{ company.labelName || '暂无' }}</div>
|
<div class="parting-line"></div>
|
<div class="setting-title">单位地址：{{ company.address || '暂无' }}</div>
|
</div>
|
<div class="company-message">
|
<div class="item-line">
|
<div class="item">
|
<div class="item-value">
|
<div class="value-label">企业法定代表人：</div>
|
<div class="value-value">{{ company.legalPerson || '法人' }}</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="item-value">
|
<div class="value-label">手机/电话：</div>
|
<div class="value-value">{{ company.legalPersonPhone || '15511111111' }}</div>
|
</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item">
|
<div class="item-value">
|
<div class="value-label">联系人：</div>
|
<div class="value-value">{{ company.linkName || '联系人' }}</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="item-value">
|
<div class="value-label">手机/电话：</div>
|
<div class="value-value">{{ company.linkPhone || '15511111111' }}</div>
|
</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label ">主营产品：</div>
|
<div class="value-value ">{{ company.product || '待完善' }}</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label">企业简介：</div>
|
<div class="value-value ">{{ company.content || '待完善' }}</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label">营业执照：</div>
|
<div class="value-value">
|
<el-image
|
style="margin-right: 10px; width: 90px; height: 90px; border-radius: 2px;"
|
v-for="(item, index) in company.businessList"
|
:key="index"
|
:initial-index="index"
|
:src="item.fileurlfull"
|
:preview-src-list="company.businessList.map(item => item.fileurlfull)"
|
:z-index="3000"
|
></el-image>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="sub-title">企业财务</div>
|
<el-table
|
:data="company.list"
|
stripe
|
border
|
>
|
<el-table-column prop="years" label="近三年主要指标" align="center" min-width="100px" fixed="left" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="assets" label="企业总资产(万元)" align="center" min-width="100px"></el-table-column>
|
<el-table-column prop="income" label="营业收入(万元)" align="center" min-width="100px" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="ratio" label="资产负债率(%)" align="center" min-width="100px" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="develop" label="研发费用(万元)" align="center" min-width="100px" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="profit" label="利润总额(万元)" align="center" min-width="100px" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="taxes" label="上缴税金(万元)" align="center" min-width="100px"></el-table-column>
|
<el-table-column prop="employee" label="从业人数" align="center" min-width="100px"></el-table-column>
|
</el-table>
|
<div class="sub-title" style="margin-top: 20px;">附件信息</div>
|
<div class="data-list">
|
<!-- {{ form.fileServiceList }} -->
|
<FileLink
|
v-if="form.fileServiceList.length"
|
:links="form.fileServiceList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
<div v-else>暂无</div>
|
</div>
|
<div v-if="form.answerId" class="score">
|
<div class="top-btn" @click="showQuestion">问卷得分 ></div>
|
<div class="score-value">{{ form.dascore || 0 }} 分</div>
|
</div>
|
</div>
|
</el-tab-pane>
|
<el-tab-pane label="企业报名信息" name="second">
|
<div class="container">
|
<div class="title">
|
<div class="status"></div>
|
{{ project().name }}
|
</div>
|
<div class="setting">
|
<div class="setting-title">所属城市：<span class="setting-value">{{ project().cityName }}</span></div>
|
<div class="parting-line"></div>
|
<!-- {{ form.startDate }} ~ {{ form.endDate }} -->
|
<div class="setting-title">报名时间：<span class="setting-value">
|
{{ `${project().startDate}~${project().endDate}` }}</span></div>
|
</div>
|
<div class="content">{{ project().content || '暂无' }}</div>
|
<div class="splating-ling"></div>
|
<div class="sub-title">
|
报名信息
|
</div>
|
<div class="apply-list">
|
|
<div class="apply-item">
|
<div class="label">联系人：</div>
|
<div class="value">{{ form.linkname }}</div>
|
<!-- {{ form. }} -->
|
</div>
|
<div class="apply-item">
|
<div class="label">联系电话：</div>
|
<div class="value">{{ form.linkphone }}</div>
|
<!-- {{ form.linkphone }} -->
|
</div>
|
</div>
|
<div class="apply-item">
|
<div class="label">项目诊断类型：</div>
|
<div class="value">{{ form.diagnoseType || '暂无' }}</div>
|
|
</div>
|
<div class="sub-title" style="margin-top: 20px;">企业资料</div>
|
<div class="data-list">
|
<!-- {{ form.fileServiceList }} -->
|
<FileLink
|
v-if="form.fileServiceList.length"
|
:links="form.fileServiceList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
<div v-else>暂无</div>
|
</div>
|
|
<template v-if="form.answerId">
|
<div class="sub-title question-title" style="margin-top: 30px;">问卷信息</div>
|
<div class="questionnaire-container">
|
<div v-if="form.dascore" class="quetionnaire_score">
|
<div>问卷得分：</div>
|
<div class="score-show" @click="showQuestion">{{ form.dascore }}</div>
|
</div>
|
</div>
|
</template>
|
</div>
|
</el-tab-pane>
|
|
<el-tab-pane label="诊断资料" name="three" >
|
<div class="container">
|
<template v-if="serviceMessage.companyName">
|
<div class="title">
|
<div class="status"></div>
|
{{ serviceMessage.companyName }}
|
</div>
|
<div class="setting">
|
<div class="setting-title">社会信用代码：{{ serviceMessage.creditCode || '暂无' }}</div>
|
<div class="parting-line"></div>
|
<div class="setting-title">单位类别：{{ serviceMessage.labelName || '暂无' }}</div>
|
<!-- <div class="parting-line"></div>
|
<div class="setting-title">企业性质：{{ serviceMessage.natureName || '暂无' }}</div> -->
|
<div class="parting-line"></div>
|
<div class="setting-title">单位地址：{{ serviceMessage.address || '暂无' }}</div>
|
</div>
|
</template>
|
|
<template v-if="
|
(serviceMessage.dsServiceList!=null && serviceMessage.dsServiceList.length)
|
|| (serviceMessage.dsZHList!=null && serviceMessage.dsZHList.length&&([8,9,4,5].indexOf(userInfo.type) != -1))
|
|| (serviceMessage.declareExpert &&([8,4,5,2,3,6].indexOf(userInfo.type) != -1))"
|
>
|
<!-- 服务机构服务数据 all-->
|
<template v-if="serviceMessage.dsServiceList!=null && serviceMessage.dsServiceList.length">
|
<div class="sub-title" style="margin-top: 36px;">服务机构服务数据</div>
|
<div class="serviceList" ref="navBar">
|
<div
|
class="arrow"
|
:class="index==tempService&&'arrow-select'"
|
v-for="(item, index) in serviceList"
|
:key="index"
|
@click="selectServe(item, index)"
|
>
|
<div v-if="index" class="arrow-foot"></div>
|
<div class="arrow-body">{{ item.serviceTitle }}</div>
|
<div v-if="index != serviceList.length-1" class="arrow-header"></div>
|
</div>
|
</div>
|
<!-- v-if="serviceMessage.serviceDone==1" -->
|
<div class="service-detail">
|
<!-- <div class="service-detail"> -->
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">服务时间：</div>
|
<div class="value-value ">{{ tempServiceObj.serviceDate }}</div>
|
</div>
|
</div>
|
<!-- {{ tempServicteObj }}1 -->
|
<div class="item-line" v-if="!!tempServiceObj.creatorName">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">上传用户：</div>
|
<div class="value-value" >{{ tempServiceObj.creatorName }}</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempServiceObj.content">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">服务说明：</div>
|
<div class="value-value ">{{ tempServiceObj.content }}</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempServiceObj.fileList&&tempServiceObj.fileList.length">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">服务资料：</div>
|
<div class="data-list">
|
<FileLink
|
:links="tempServiceObj.fileList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
<!-- 完成服务 -->
|
<div class="item-line" v-if="tempServiceObj.fileScoreList && tempServiceObj.fileScoreList.length">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">企业评分表：</div>
|
<div>
|
<FileLink
|
:links="tempServiceObj.fileScoreList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempServiceObj.diagnoseScore">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">企业评分分数：</div>
|
<div class="value-value ">{{ tempServiceObj.diagnoseScore || 0}}</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempServiceObj.fileExtraList&&tempServiceObj.fileExtraList.length">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">补充资料：</div>
|
<div>
|
<FileLink
|
:links="tempServiceObj.fileExtraList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="item-line" v-if= "tempServiceObj.fileDiagnosisList && tempServiceObj.fileDiagnosisList.length">
|
<!-- {{ tempServiceObj.fileDiagnosisList }} -->
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">诊断报告：</div>
|
<!-- <div class="value-value ">{{ company.product || '待完善' }}</div> -->
|
<div>
|
<FileLink
|
:links="tempServiceObj.fileDiagnosisList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempServiceObj.declareDiagnoseList&&tempServiceObj.declareDiagnoseList.length">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">报告详情：</div>
|
<div class="value-value ">
|
<div v-for="(item, index) in tempServiceObj.declareDiagnoseList" :key="item.id" style="margin-bottom: 10px;">
|
<div>{{ `${item.name}` }}</div>
|
<Editor
|
v-model="item.content"
|
:defaultConfig="{ readOnly : true }"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<!-- 核查资料 市局 综合 8 4 5-->
|
<template v-if="serviceMessage.dsZHList && serviceMessage.dsZHList.length&&([8, 9, 4, 5].indexOf(userInfo.type) != -1)">
|
<div class="sub-title" style="margin-top: 36px;">综合服务单位核查资料</div>
|
<div class="serviceList" ref="navBar1">
|
<div
|
class="arrow"
|
:class="index==tempHcService&&'arrow-select'"
|
v-for="(item, index) in serviceMessage.dsZHList"
|
:key="index"
|
@click="selectHcServe(item, index)"
|
>
|
<div v-if="index" class="arrow-foot"></div>
|
<div class="arrow-body">{{ index==0 ? '首次核查数据': `第${index+1}次核查数据` }}</div>
|
<div v-if="index != serviceMessage.dsZHList.length-1" class="arrow-header"></div>
|
</div>
|
</div>
|
<div class="service-detail">
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">核查时间：</div>
|
<div class="value-value ">{{ tempHcServiceObj.serviceDate }}</div>
|
</div>
|
</div>
|
<div class="item-line" >
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">上传用户：</div>
|
<div class="value-value" >{{ tempHcServiceObj.creatorName }}</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="!!tempHcServiceObj.content">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">核查说明：</div>
|
<div class="value-value ">{{tempHcServiceObj.content }}</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">核查资料：</div>
|
<div class="data-list" v-if="tempHcServiceObj.fileDiagnosisList ">
|
<FileLink
|
:links="tempHcServiceObj.fileDiagnosisList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="item-line" v-if="tempHcServiceObj.fileExtraList&&tempHcServiceObj.fileExtraList.length">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">补充资料：</div>
|
<div class="data-list">
|
<FileLink
|
:links="tempHcServiceObj.fileExtraList"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<!-- 专家评分 市局 综合 服务 专家 8 4 5 2 3 6-->
|
<template v-if="serviceMessage.declareExpert && serviceMessage.declareExpert.status==1 && ([8,9,4,5,2,3,6].indexOf(userInfo.type) != -1)">
|
<div class="sub-title" style="margin-top: 36px;">专家评分</div>
|
<div>
|
<div class="service-detail">
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">评分分数：</div>
|
<div class="value-value ">{{ serviceMessage.declareExpert.status==1?(serviceMessage.declareExpert.score || '0'): '尚未评分'}}</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">评分时间：</div>
|
<div class="value-value ">{{ serviceMessage.declareExpert.scoreDate}}</div>
|
</div>
|
</div>
|
<div class="item-line" >
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">评分专家：</div>
|
<div class="value-value" >{{ serviceMessage.declareExpert.realZJName }}</div>
|
</div>
|
</div>
|
<div class="item-line">
|
<div class="item-value">
|
<div class="value-label" style="width: 100px;">上传报告：</div>
|
<!-- <div class="value-value ">{{ company.product || '待完善' }}</div> -->
|
<div class="data-list" v-if="serviceMessage.declareExpertFiles&&serviceMessage.declareExpertFiles.length">
|
<FileLink
|
:links="serviceMessage.declareExpertFiles"
|
linkName="fileurlfull"
|
:isUpload="false"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
<template v-else>
|
<div class="empty">
|
<img src="@/assets/images/default_nodata@2x.png" alt="">
|
</div>
|
</template>
|
</div>
|
</el-tab-pane>
|
<el-tab-pane label="查看进度" v-if="hasHistory" name="four">
|
<div class="declare-history">
|
<el-timeline>
|
<el-timeline-item
|
v-for="(declare, index) in declareHistoryList"
|
:key="index"
|
hide-timestamp
|
:class="index==0&&'first'"
|
:size="index==0?'large':'normal'"
|
:timestamp="declare.checkDate"
|
>
|
<h4>{{ declare.checkDate }}</h4>
|
<p>{{ declare.checkInfo }}</p>
|
</el-timeline-item>
|
</el-timeline>
|
</div>
|
</el-tab-pane>
|
</el-tabs>
|
|
</div>
|
<!-- <input type="file" @change="upFiles" ref="upFile" style="display: none;" /> -->
|
<QuestionAnswer ref="questionAnswer" />
|
<!-- @success="questionnaire" -->
|
<div slot="footer">
|
<el-button @click="confirm">返回</el-button>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import { mapState } from 'vuex'
|
import TableLayout from '@/layouts/TableLayout'
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import QuestionAnswer from '@/components/business/QuestionAnswer'
|
import { Editor } from '@wangeditor/editor-for-vue'
|
import { fetchList as serviceList, serviceDetail } from '@/api/business/declareService'
|
import { getListByDeclareId as declareHistory } from '@/api/business/declareHistory'
|
import { queryCompanyDetail } from '@/api/business/company'
|
|
export default {
|
name: 'AProjectApplyDetail',
|
extends: BaseOpera,
|
components: { GlobalWindow, TableLayout, QuestionAnswer, Editor },
|
data () {
|
return {
|
activeName: 'first',
|
hasHistory: true,
|
// 表单数据
|
form: {
|
id: '',
|
projectId: '',
|
companyId: '',
|
questionnaireId: '',
|
dascore: 0,
|
fileServiceList: [],
|
answerId: '',
|
|
diagnoseType: '',
|
linkname: '',
|
linkphone: '',
|
},
|
flag: '',
|
serviceMessage: {},
|
tempServiceObj: {
|
fileScoreList: [],
|
fileDiagnosisList: [],
|
declareDiagnoseList: [],
|
fileList: [],
|
fileExtraList: [],
|
},
|
tempHcServiceObj: {
|
fileScoreList: []
|
},
|
serviceList: [],
|
tempService: 0,
|
tempHcService: 0,
|
declareHistoryList: [],
|
answerId: '',
|
projectId: '',
|
company: {},
|
// 验证规则
|
rules: {
|
}
|
}
|
},
|
inject: ['project'],
|
computed: {
|
...mapState(['userInfo']),
|
},
|
created () {
|
this.config({
|
api: '/business/project',
|
'field.id': 'id'
|
})
|
},
|
beforeDestroy() {
|
const buttonGroup = this.$refs.navBar;
|
if (!buttonGroup) {
|
return
|
}
|
buttonGroup.removeEventListener('mousedown', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mouseleave', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mouseup', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mousemove', (e) => {
|
console.log(e);
|
})
|
},
|
methods: {
|
setListen() {
|
const buttonGroup = this.$refs.navBar;
|
// debugger
|
if (!buttonGroup) {
|
return
|
}
|
let isDragging = false;
|
let startX = 0;
|
let scrollLeft = 0;
|
|
buttonGroup.addEventListener('mousedown', (e) => {
|
|
isDragging = true;
|
startX = e.pageX - buttonGroup.offsetLeft;
|
scrollLeft = buttonGroup.scrollLeft;
|
console.log(startX, scrollLeft);
|
});
|
|
buttonGroup.addEventListener('mouseleave', () => {
|
isDragging = false;
|
});
|
|
buttonGroup.addEventListener('mouseup', () => {
|
isDragging = false;
|
});
|
|
buttonGroup.addEventListener('mousemove', (e) => {
|
if (!isDragging) return;
|
e.preventDefault();
|
const x = e.pageX - buttonGroup.offsetLeft;
|
const walk = (x - startX) * 3;
|
buttonGroup.scrollLeft = scrollLeft - walk;
|
});
|
},
|
setListen1() {
|
const buttonGroup = this.$refs.navBar1;
|
if (!buttonGroup) {
|
return
|
}
|
let isDragging = false;
|
let startX = 0;
|
let scrollLeft = 0;
|
buttonGroup.removeEventListener('mousedown', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mouseleave', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mouseup', (e) => {
|
console.log(e);
|
})
|
buttonGroup.removeEventListener('mousemove', (e) => {
|
console.log(e);
|
})
|
|
buttonGroup.addEventListener('mousedown', (e) => {
|
isDragging = true;
|
startX = e.pageX - buttonGroup.offsetLeft;
|
scrollLeft = buttonGroup.scrollLeft;
|
console.log(startX, scrollLeft);
|
});
|
|
buttonGroup.addEventListener('mouseleave', () => {
|
isDragging = false;
|
});
|
|
buttonGroup.addEventListener('mouseup', () => {
|
isDragging = false;
|
});
|
|
buttonGroup.addEventListener('mousemove', (e) => {
|
if (!isDragging) return;
|
e.preventDefault();
|
const x = e.pageX - buttonGroup.offsetLeft;
|
const walk = (x - startX) * 3;
|
buttonGroup.scrollLeft = scrollLeft - walk;
|
});
|
},
|
open (title, target, flag) {
|
debugger
|
this.title = title
|
this.visible = true
|
this.flag = flag
|
this.company = {}
|
this.declareHistoryList = []
|
this.serviceMessage = {}
|
this.serviceList = []
|
// debugger
|
this.$nextTick(() => {
|
for (const key in this.form) {
|
this.form[key] = target[key]
|
}
|
this.form.fileServiceList = !this.form.fileServiceList ? [] : this.form.fileServiceList
|
this.form.dascore = target.dascore || target.declareAnswer&&target.declareAnswer.score
|
// debugger
|
if (this.flag === 2) {
|
this.activeName = 'first'
|
this.hasHistory = false
|
} else if (this.flag === 1) {
|
this.activeName = 'three'
|
this.hasHistory = true
|
} else {
|
this.activeName = 'first'
|
}
|
// debugger
|
this.handleClick()
|
})
|
},
|
selectServe(item, index) {
|
debugger
|
if (item != null ){
|
this.tempServiceObj = item
|
}
|
this.tempService = index
|
},
|
selectHcServe(item, index) {
|
this.tempHcService = index
|
this.tempHcServiceObj = item
|
},
|
initData () {
|
// debugger
|
queryCompanyDetail(this.form.companyId)
|
.then(res => {
|
this.company = res
|
})
|
// this.getServiceList()
|
},
|
getServiceList () {
|
// debugger
|
|
serviceDetail({ declareId: this.form.id })
|
.then(res => {
|
this.serviceMessage = res
|
// console.log(this.serviceMessage);
|
this.tempService = 0
|
this.tempHcService = 0
|
if (this.serviceMessage.dsServiceList != null && this.serviceMessage.dsServiceList.length) {
|
// debugger
|
this.tempServiceObj = this.serviceMessage.dsServiceList[0]
|
// console.log(this.tempServiceObj);
|
this.serviceList = []
|
this.serviceMessage.dsServiceList.forEach((item, index) => {
|
this.serviceList.push({
|
...item,
|
serviceTitle: index==0?'首次服务数据' : `第${index+1}次服务数据`
|
})
|
})
|
}
|
if (this.serviceMessage.dsZHList != null && this.serviceMessage.dsZHList.length) {
|
this.tempHcServiceObj = this.serviceMessage.dsZHList[0]
|
}
|
this.serviceMessage.declareDoneList.forEach((item, index) => {
|
this.serviceList.push({
|
...item,
|
serviceDate: item.diagnoseDate,
|
serviceTitle: index==0?'完成服务' : `第${index}次退回服务`
|
})
|
})
|
this.$nextTick(() => {
|
this.setListen()
|
this.setListen1()
|
})
|
})
|
.catch(e => {
|
this.$message.error(e)
|
})
|
},
|
handleClick () {
|
if (this.activeName === 'first') {
|
this.initData()
|
} else if (this.activeName === 'second') {
|
|
} else if (this.activeName === 'three') {
|
this.getServiceList()
|
|
} else if (this.activeName === 'four') {
|
declareHistory({ declareId: this.form.id })
|
.then(res => {
|
this.declareHistoryList = res
|
// if (this.declareHistoryList != null && this.declareHistoryList.length) {
|
// // this.hasHistory = true
|
// } else {
|
// // this.hasHistory=false
|
// }
|
})
|
.catch(e => {
|
this.$message.error(e)
|
})
|
}
|
},
|
showQuestion () {
|
// console.log(this.form)
|
this.$refs.questionAnswer.open('', { id: this.form.answerId })
|
},
|
questionnaire (data) {
|
this.answerId = data.id
|
},
|
confirm () {
|
this.visible = false
|
}
|
}
|
}
|
|
</script>
|
<style src="@wangeditor/editor/dist/css/style.css">
|
::v-deep th {
|
width: 100px;
|
height: 20px;
|
|
}
|
</style>
|
<style lang="scss" scoped>
|
.main-container {
|
background-color: #F4F7FC;
|
padding: 20px;
|
}
|
.container {
|
background-color: #fff;
|
padding: 30px;
|
border-radius: 4px;
|
position: relative;
|
.score {
|
width: 140px;
|
height: 61px;
|
position: absolute;
|
|
top: 15px;
|
right: 30px;
|
border-radius: 2px;
|
border: 1px solid #DFE2E8;
|
overflow: hidden;
|
text-align: center;
|
.top-btn {
|
font-size: 13px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
background-color: #216EEE;
|
color: #FFFFFF;
|
line-height: 30px;
|
border-top-right-radius: 2px;
|
border-top-left-radius: 2px;
|
height: 30px;
|
cursor: pointer;
|
}
|
.score-value {
|
font-size: 15px;
|
font-family: PingFangSC-Semibold, PingFang SC;
|
font-weight: 600;
|
color: #216EEE;
|
line-height: 30px;
|
height: 30px;
|
}
|
}
|
}
|
.title {
|
font-size: 22px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #222222;
|
line-height: 28px;
|
height: 28px;
|
display: flex;
|
.status {
|
margin-top: 3px;
|
width: 4px;
|
height: 22px;
|
background: #216EEE;
|
border-radius: 1px;
|
margin-right: 4px;
|
}
|
.change {
|
text-align: center;
|
cursor: pointer;
|
font-size: 12px;
|
font-weight: 400;
|
color: #216EEE;
|
line-height: 28px;
|
width: 92px;
|
height: 28px;
|
background: #FFFFFF;
|
border-radius: 2px;
|
border: 1px solid #216EEE;
|
margin-left: 8px;
|
}
|
}
|
.setting {
|
display: flex;
|
margin-top: 25px;
|
.setting-title {
|
height: 14px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #222222;
|
line-height: 14px;
|
.setting-value {
|
font-weight: 600;
|
}
|
}
|
.parting-line {
|
height: 14px;
|
background-color: #DFE2E8;
|
width: 1px;
|
margin: 0 15px;
|
}
|
}
|
.company-message {
|
margin: 30px 0;
|
padding: 24px 34px;
|
border-radius: 2px;
|
background-color: #F4F7FC;
|
}
|
|
.item-line {
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: 24px;
|
height: auto;
|
.item {
|
width: 50%;
|
}
|
}
|
.item-value {
|
display: flex;
|
font-size: 14px;
|
line-height: 24px;
|
.value-label {
|
width: 146px;
|
text-align: right;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #666666;
|
|
}
|
.value-value {
|
flex: 1;
|
}
|
.long-message {
|
line-height: 24px;
|
}
|
}
|
|
.sub-title {
|
height: 16px;
|
font-size: 16px;
|
font-family: PingFangSC-Semibold, PingFang SC;
|
font-weight: 600;
|
color: #222222;
|
line-height: 16px;
|
margin-bottom: 20px;
|
}
|
|
.data-list {
|
margin-bottom: 20px;
|
}
|
::v-deep .el-tabs__header {
|
background-color: #fff;
|
margin-bottom: 0;
|
padding: 30px 30px 0;
|
}
|
|
.arrow {
|
background-color: #DFE2E8;
|
color: #333333;
|
height: 40px;
|
line-height: 40px;
|
display: flex;
|
margin-bottom: 10px;
|
cursor: pointer;
|
// margin-left: -5px;
|
// margin-right: -5px;
|
.arrow-foot {
|
// background-color: #fff;
|
border-left: 20px solid rgba($color: #fff, $alpha: 1);
|
border-top: 20px solid rgba($color: #fff, $alpha: 0);
|
border-bottom: 20px solid rgba($color: #fff, $alpha: 0);
|
}
|
|
// .arrow-body {
|
// height: 40px;
|
// line-height: 40px;
|
// padding: 0 20px;
|
// font-size: 16px;
|
// }
|
.arrow-body {
|
height: 40px;
|
width: 100%;
|
min-width: 120px;
|
line-height: 40px;
|
padding: 0 20px;
|
font-size: 16px;
|
}
|
.arrow-header {
|
// background-color: #DFE2E8;
|
border-left: 20px solid rgba($color: #fff, $alpha: 0);
|
border-top: 20px solid rgba($color: #fff, $alpha: 1);
|
border-bottom: 20px solid rgba($color: #fff, $alpha: 1);
|
}
|
}
|
.arrow-select {
|
background-color: #216EEE;
|
color: #fff;
|
}
|
.service-detail {
|
margin-top: 20px;
|
padding: 30px;
|
border-radius: 0px 0px 2px 2px;
|
border: 1px solid #DFE2E8;
|
}
|
.declare-history {
|
background-color: #fff;
|
padding: 30px;
|
}
|
.first {
|
::v-deep .el-timeline-item__node {
|
background-color: #fff !important;
|
width: 8px !important;
|
height: 8px !important;
|
transform: translateX(-3px);
|
border: #216EEE solid 6px !important;
|
}
|
}
|
|
.empty {
|
width: 100%;
|
height: 400px;
|
position: relative;
|
img {
|
position: absolute;
|
top: 0;
|
right: 0;
|
left: 0;
|
bottom: 0;
|
margin: auto;
|
width: 268px;
|
height: 268px;
|
}
|
}
|
.apply-list {
|
display: flex;
|
margin-bottom: 20px;
|
}
|
.apply-item {
|
margin-right: 10px;
|
display: flex;
|
.label {
|
margin: auto 0;
|
font-size: 14px;
|
font-weight: 400;
|
color: #333333;
|
line-height: 14px;
|
height: 14px;
|
min-width: 100px;
|
text-align: right;
|
}
|
.value {
|
margin: auto 0;
|
font-size: 14px;
|
font-weight: 400;
|
line-height: 14px;
|
height: 14px;
|
min-width: 50px;
|
color: #333333;
|
}
|
}
|
|
.questionnaire-container {
|
display: flex;
|
.quetionnaire_score {
|
display: flex;
|
vertical-align: middle;
|
line-height: 33px;
|
margin-left: 10px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
.score-show {
|
font-size: 15px;
|
font-weight: 600;
|
color: #216EEE;
|
text-decoration: underline;
|
cursor: pointer;
|
}
|
}
|
}
|
.splating-ling {
|
margin: 29px 0;
|
height: 1px;
|
background-color: #DFE2E8;
|
}
|
.content {
|
margin-top: 19px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
line-height: 24px;
|
}
|
.serviceList {
|
display: flex;
|
// flex-wrap: wrap;
|
overflow-x: scroll;
|
overflow-y: hidden;
|
margin-bottom: 20px;
|
&::-webkit-scrollbar {
|
display: none;
|
width: 0 !important
|
}
|
-ms-overflow-style: none;
|
}
|
</style>
|
