Merge remote-tracking branch 'origin/dev_2nd_LCYH' into dev_2nd_LCYH
This commit is contained in:
wangzhijiang
@@ -1743,4 +1743,5 @@ module.exports = {
|
||||
marketCertificationList:'Market Certification List',
|
||||
uploadedfilelarger:'The uploaded file is larger than',
|
||||
marketCertificationListDetails:'Market Certification List Details',
|
||||
andTheProcessStatusTheList:'And the process status cannot be the data to be checked in the list',
|
||||
}
|
||||
@@ -1846,4 +1846,5 @@ module.exports = {
|
||||
uploadedfilelarger:'文件大于50M',
|
||||
marketCertificationList:'市场认证清单',
|
||||
marketCertificationListDetails:'市场认证清单详情',
|
||||
andTheProcessStatusTheList:'并且流程状态不能为清单待校核的数据',
|
||||
}
|
||||
@@ -12,7 +12,7 @@
|
||||
v-html="serial_number"></span>
|
||||
</template>
|
||||
<span v-html="serial_number"></span>
|
||||
<span> {{$t('StandardDetails')}}</span>
|
||||
<!-- <span> {{$t('StandardDetails')}}</span>-->
|
||||
</a-tooltip>
|
||||
|
||||
</div>
|
||||
@@ -47,13 +47,14 @@
|
||||
<div class="detail-content">
|
||||
<div v-for="(item,index) in detailList" class="content-box">
|
||||
<div v-for="val in Object.keys(item)" class="content">
|
||||
<div class="header-text">
|
||||
<div class="header-text fixedPosition">
|
||||
{{val}}
|
||||
</div>
|
||||
<div class="content-text" v-if="val == $t('essentialInformation')">
|
||||
<div class="text-field" :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false}"
|
||||
v-for="(ol,index1) in item[val]">
|
||||
<span class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span v-if="ol.field_show_type == 10" class="text-field-left-Index" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span v-else class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span class="text-field-right text-field-right-color" v-if="ol.urlClick" @click="urlClick(ol)"
|
||||
:title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
<span class="text-field-right" v-else-if="ol.field_show_type == 7">
|
||||
@@ -64,85 +65,52 @@
|
||||
</a-button>
|
||||
<span v-else>--</span>
|
||||
</span>
|
||||
<span @click="relatedClick(ol)" class="text-field-right text-field-right-color"
|
||||
v-else-if="ol.field_show_type == 10" :title="ol.value">
|
||||
{{ol.value ? ol.value : '--'}}
|
||||
<span class="text-field-right-Index"
|
||||
v-else-if="ol.field_show_type == 10">
|
||||
<span class="text-field-right-color-text"
|
||||
:title="valItem.title"
|
||||
@click="relatedClick(valItem)"
|
||||
v-if="ol.list && ol.list.length > 0"
|
||||
v-for="valItem in ol.list">
|
||||
{{valItem.title}}
|
||||
</span>
|
||||
<span v-else>--</span>
|
||||
</span>
|
||||
<span class="text-field-right" v-else :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="TextInformation" v-else-if="val == $t('textInformation')">
|
||||
<table class="tableInformation">
|
||||
<tr v-for="(ol,index1) in item[val]" class="trInformation">
|
||||
<td class="tdInformation LeftTdInformation" :rowspan="ol.count"
|
||||
v-if=" index1 == 0 || (index1 > 0 && ol.db_field_txt != item[val][index1 - 1].db_field_txt)">
|
||||
{{ol.db_field_txt}}
|
||||
</td>
|
||||
<td class="tdInformation conteTdInformation" v-if="ol.field_show_type==='7'">
|
||||
<span class="leftconteTdInformation" style="cursor: pointer"
|
||||
:title="ol.value ? ol.value.fileName:''"
|
||||
@click="pdfPreview(ol.value)">
|
||||
{{ol.value ? ol.value.fileName : '--'}}
|
||||
</span>
|
||||
<span class="Standard-breakdown" v-if="ol.splitFlag == 1" @click="breakdown(ol)">{{$t('StandardBreakdown')}}</span>
|
||||
<span class="rightTdInformation" v-if="ol.field_show_type==='7'" v-show="ol.value"
|
||||
@click="download(ol.value)">
|
||||
<a-icon type="vertical-align-bottom"/>
|
||||
{{$t('download')}}
|
||||
</span>
|
||||
</td>
|
||||
<td class="tdInformation TextInformationContentcontentButton" v-else-if="ol.field_show_type==='10'">
|
||||
<span style="cursor: pointer" @click="relatedClick(ol)" v-if="ol.value"
|
||||
:title="ol.value">{{ol.value}}</span>
|
||||
<span style="cursor: pointer" v-else>--</span>
|
||||
</td>
|
||||
<td class="tdInformation TextInformationContentcontent" v-else>
|
||||
<span v-if="ol.urlClick" @click="urlClick(ol)"
|
||||
class="text-field-right-color"
|
||||
:title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
<span :title="ol.value" v-else>{{ol.value ? ol.value:'--'}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="TextInformation" v-else-if="val == $t('relatedInformation')">
|
||||
<table class="tableInformation">
|
||||
<tr v-for="(ol,index1) in item[val]" class="trInformation">
|
||||
<td class="tdInformation LeftTdInformation" :rowspan="ol.count"
|
||||
v-if=" index1 == 0 || (index1 > 0 && ol.db_field_txt != item[val][index1 - 1].db_field_txt)">
|
||||
{{ol.db_field_txt}}
|
||||
</td>
|
||||
<td class="tdInformation conteTdInformation" v-if="ol.field_show_type==='7'">
|
||||
<span class="leftconteTdInformation" style="cursor: pointer"
|
||||
:title="ol.value ? ol.value.fileName:''"
|
||||
@click="pdfPreview(ol.value)">
|
||||
{{ol.value ? ol.value.fileName : '--'}}
|
||||
</span>
|
||||
<span class="Standard-breakdown" v-if="ol.splitFlag == 1" @click="breakdown(ol)">{{$t('StandardBreakdown')}}</span>
|
||||
<span class="rightTdInformation" v-if="ol.field_show_type==='7'" v-show="ol.value"
|
||||
@click="download(ol.value)">
|
||||
<a-icon type="vertical-align-bottom"/>
|
||||
{{$t('download')}}
|
||||
</span>
|
||||
</td>
|
||||
<td class="tdInformation TextInformationContentcontentButton" v-else-if="ol.field_show_type==='10'">
|
||||
<span style="cursor: pointer" @click="relatedClick(ol)" v-if="ol.value"
|
||||
:title="ol.value">{{ol.value}}</span>
|
||||
<span style="cursor: pointer" v-else>--</span>
|
||||
</td>
|
||||
<td class="tdInformation TextInformationContentcontent" v-else>
|
||||
<span v-if="ol.urlClick" @click="urlClick(ol)"
|
||||
class="text-field-right-color"
|
||||
:title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
<span :title="ol.value" v-else>{{ol.value ? ol.value:'--'}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="TextInformation-box" v-for="(ol,index1) in item[val]">
|
||||
<div class="TextInformation-box-title fixedPosition">
|
||||
{{ol.db_field_txt}}
|
||||
</div>
|
||||
<div class="TextInformation-box-box">
|
||||
<div class="TextInformation-box-box-text"
|
||||
v-if="ol.value && ol.value.length > 0"
|
||||
v-for="valItem in ol.value">
|
||||
<span @click="pdfPreview(valItem)"
|
||||
:title="valItem.fileName"
|
||||
class="leftconteTdInformation">{{valItem.fileName}}</span>
|
||||
<a-icon class="leftconteTdInformation-icon"
|
||||
@click="download(valItem)"
|
||||
:title="$t('download')"
|
||||
type="vertical-align-bottom"/>
|
||||
<a-icon class="leftconteTdInformation-icon"
|
||||
@click="breakdown(valItem)"
|
||||
v-if="valItem.splitFlag == 1"
|
||||
:title="$t('StandardBreakdown')"
|
||||
type="profile" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-text" v-else>
|
||||
<div class="text-field" :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false}"
|
||||
v-for="(ol,index1) in item[val]">
|
||||
<span class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span v-if="ol.field_show_type == 10" class="text-field-left-Index" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span class="text-field-left" v-else :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
|
||||
<span class="text-field-right text-field-right-color" v-if="ol.urlClick" @click="urlClick(ol)"
|
||||
:title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
<span class="text-field-right" v-else-if="ol.field_show_type == 7">
|
||||
@@ -153,9 +121,16 @@
|
||||
</a-button>
|
||||
<span v-else>--</span>
|
||||
</span>
|
||||
<span @click="relatedClick(ol)" class="text-field-right text-field-right-color"
|
||||
v-else-if="ol.field_show_type == 10" :title="ol.value">
|
||||
{{ol.value ? ol.value : '--'}}
|
||||
<span class="text-field-right-Index"
|
||||
v-else-if="ol.field_show_type == 10">
|
||||
<span class="text-field-right-color-text"
|
||||
@click="relatedClick(valItem)"
|
||||
:title="valItem.title"
|
||||
v-if="ol.list && ol.list.length > 0"
|
||||
v-for="valItem in ol.list">
|
||||
{{valItem.title}}
|
||||
</span>
|
||||
<span v-else>--</span>
|
||||
</span>
|
||||
<span class="text-field-right" v-else :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
|
||||
</div>
|
||||
@@ -164,7 +139,7 @@
|
||||
</div>
|
||||
<div class='content-box'>
|
||||
<div class="content">
|
||||
<div class="header-text">
|
||||
<div class="header-text fixedPosition">
|
||||
{{$t('DetailsPhasedImplementation')}}
|
||||
</div>
|
||||
<a-table
|
||||
@@ -189,6 +164,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-content-right">
|
||||
<div class="detail-content-right-text"
|
||||
:class="{'detail-content-right-text-one':item.pname ? true : false}"
|
||||
v-for="(item,index) in rightTitleList"
|
||||
@click="detailTextClick(index,item.name)">
|
||||
{{item.name}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a-modal
|
||||
@@ -306,14 +289,15 @@
|
||||
components: {
|
||||
uploadFile
|
||||
},
|
||||
mixins: [ResizeColumnProvide,ResizeHeader],
|
||||
mixins: [ResizeColumnProvide, ResizeHeader],
|
||||
data() {
|
||||
return {
|
||||
url: {
|
||||
getInfo: 'document/bussDocumentLibraryEO/getInfoById',
|
||||
list: 'log/bussLogEO/page',
|
||||
getTitle: '/document/bussDocumentLibraryEO/getTitle',
|
||||
getPage: '/document/phasedImplementationDetailsEO/page'
|
||||
getPage: '/document/phasedImplementationDetailsEO/page',
|
||||
getMenuList: 'document/bussDocumentLibraryEO/getMenuList'
|
||||
},
|
||||
titleHeader: '',
|
||||
visibleFile: false,
|
||||
@@ -345,7 +329,7 @@
|
||||
],
|
||||
dataSourceRelated: [],
|
||||
detailList: [],
|
||||
dataGrad:[],
|
||||
dataGrad: [],
|
||||
visible: false,
|
||||
serial_number: '',
|
||||
confirmLoading: false,
|
||||
@@ -360,35 +344,36 @@
|
||||
tabletotal: 0,
|
||||
visibleRelated: false,
|
||||
dataSourceFile: [],
|
||||
rightTitleList: [],
|
||||
columnsGrading: [
|
||||
{
|
||||
title: this.$t('Statutenumberclause'),
|
||||
dataIndex: 'standNumberOrClause',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 300
|
||||
width: '25%'
|
||||
},
|
||||
{
|
||||
title: this.$t('Typeofimplementation'),
|
||||
dataIndex: 'implementationTypeText',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 150
|
||||
width: '25%'
|
||||
},
|
||||
{
|
||||
title: this.$t('implementationDateTwo'),
|
||||
dataIndex: 'implementationDate',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 150
|
||||
width: '25%'
|
||||
},
|
||||
{
|
||||
title: this.$t('remarks'),
|
||||
dataIndex: 'remarks',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 350
|
||||
},
|
||||
width: '25%'
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
@@ -420,10 +405,12 @@
|
||||
let _this = this
|
||||
this.loading = true
|
||||
document.title = this.$t('documentLibraryDetails')
|
||||
|
||||
this.getTitle(function() {
|
||||
_this.getInfoById()
|
||||
})
|
||||
this.getPage()
|
||||
this.getRightTitle()
|
||||
},
|
||||
methods: {
|
||||
...mapGetters(['userInfo']),
|
||||
@@ -495,13 +482,17 @@
|
||||
getAction(this.url.getInfo, { id: _id }).then((res) => {
|
||||
if (res.success) {
|
||||
this.detailList = res.result
|
||||
this.$nextTick(() => {
|
||||
let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
|
||||
detailContentRightText[0].classList.add('detail-content-right-text-color')
|
||||
})
|
||||
this.loading = false
|
||||
} else {
|
||||
this.detailList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
getPage(){
|
||||
getPage() {
|
||||
let tablequery = {
|
||||
pageNo: this.tablepageNo,
|
||||
pageSize: this.tablepageSize,
|
||||
@@ -510,7 +501,7 @@
|
||||
getAction(this.url.getPage, tablequery).then((res) => {
|
||||
if (res.success) {
|
||||
this.dataGrad = res.result.records
|
||||
this.tabletotal=res.result.total
|
||||
this.tabletotal = res.result.total
|
||||
this.loading = false
|
||||
} else {
|
||||
this.dataGrad = []
|
||||
@@ -635,16 +626,11 @@
|
||||
window.open(newUrl.href, '_blank')
|
||||
},
|
||||
relatedClick(val) {
|
||||
if (val.list && val.list.length == 1) {
|
||||
let newUrl = this.$router.resolve({
|
||||
path: '/docManage/library/detail',
|
||||
query: val.list[0]
|
||||
})
|
||||
window.open(newUrl.href, '_blank')
|
||||
} else {
|
||||
this.visibleRelated = true
|
||||
this.dataSourceRelated = val.list
|
||||
}
|
||||
let newUrl = this.$router.resolve({
|
||||
path: '/docManage/library/detail',
|
||||
query: val
|
||||
})
|
||||
window.open(newUrl.href, '_blank')
|
||||
},
|
||||
breakdown(item) {
|
||||
let newUrl = this.$router.resolve({
|
||||
@@ -654,6 +640,41 @@
|
||||
}
|
||||
})
|
||||
window.open(newUrl.href, '_blank')
|
||||
},
|
||||
detailTextClick(num, name) {
|
||||
let detailContentRightTextColor = document.getElementsByClassName('detail-content-right-text-color')
|
||||
if (detailContentRightTextColor && detailContentRightTextColor.length > 0) {
|
||||
detailContentRightTextColor[0].classList.remove('detail-content-right-text-color')
|
||||
}
|
||||
let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
|
||||
detailContentRightText[num].classList.add('detail-content-right-text-color')
|
||||
|
||||
let fixedPosition = document.getElementsByClassName('fixedPosition')
|
||||
if (fixedPosition && fixedPosition.length > 0) {
|
||||
for (let i = 0; i < fixedPosition.length; i++) {
|
||||
if (fixedPosition[i].innerText == name) {
|
||||
let offsetTop = fixedPosition[i].offsetTop
|
||||
let body = document.documentElement || document.body
|
||||
body.scrollTop = offsetTop - 68
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
getRightTitle() {
|
||||
let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
|
||||
let query = {
|
||||
id: _id
|
||||
}
|
||||
getAction(this.url.getMenuList, query).then((res) => {
|
||||
if (res.success) {
|
||||
this.rightTitleList = res.result
|
||||
this.rightTitleList.push({
|
||||
name:this.$t('DetailsPhasedImplementation'),
|
||||
})
|
||||
} else {
|
||||
this.rightTitleList = []
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -671,17 +692,27 @@
|
||||
color: #333;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.tooltipColor .ant-tooltip-arrow::before {
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import'~@assets/less/common.less';
|
||||
@import '~@assets/less/common.less';
|
||||
|
||||
body {
|
||||
height: auto;
|
||||
transition: all .5s linear !important;
|
||||
}
|
||||
|
||||
.doc-detail {
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
|
||||
.detail-content {
|
||||
width: calc(100% - 212px);
|
||||
}
|
||||
|
||||
.doc-detail-wrap {
|
||||
.doc-detail-header {
|
||||
width: 100%;
|
||||
@@ -709,6 +740,7 @@
|
||||
/*width: 800px;*/
|
||||
line-height: 68px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.doc-detail-btn {
|
||||
margin-left: 10px;
|
||||
@@ -717,16 +749,16 @@
|
||||
}
|
||||
|
||||
.content-box {
|
||||
padding: 0 32px;
|
||||
padding: 0 40px 0 32px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
height: 80px;
|
||||
font-weight: bold;
|
||||
height: 90px;
|
||||
color: #000F16;
|
||||
line-height: 80px;
|
||||
line-height: 110px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
@@ -739,7 +771,7 @@
|
||||
margin-bottom: 8px;
|
||||
|
||||
.text-field-left {
|
||||
width: 124px;
|
||||
width: 114px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
@@ -747,19 +779,19 @@
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
margin-right: 24px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.text-field-right {
|
||||
width: calc(100% - 200px);
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
word-break: break-word;
|
||||
color: #040B29;
|
||||
font-weight: 400;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -767,7 +799,7 @@
|
||||
width: 100%;
|
||||
|
||||
.text-field-left {
|
||||
width: 124px;
|
||||
width: 114px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
@@ -775,22 +807,22 @@
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
margin-right: 24px;
|
||||
margin-right: 6px;
|
||||
float: left;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.text-field-right {
|
||||
width: calc(100% - 200px);
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
overflow: visible;
|
||||
float: left;
|
||||
color: #040B29;
|
||||
font-weight: 400;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -804,16 +836,21 @@
|
||||
|
||||
.operator-text-text {
|
||||
cursor: pointer;
|
||||
margin-right: 53px;
|
||||
margin-right: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #040B29;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
width: 130px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
border: 1px solid #CED0D8;
|
||||
border-radius: 4px;
|
||||
line-height: 40px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.content-box:last-child {
|
||||
@@ -854,11 +891,20 @@
|
||||
}
|
||||
|
||||
.leftconteTdInformation {
|
||||
width: calc(100% - 388px);
|
||||
max-width: calc(100% - 30px);
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
margin-right: 4px;
|
||||
color: #01A0AC;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.leftconteTdInformation-icon {
|
||||
color: #01A0AC;
|
||||
cursor: pointer;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.rightTdInformation {
|
||||
@@ -910,21 +956,111 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
///deep/.table .ant-table-thead > tr > th {
|
||||
// font-weight: bolder;
|
||||
//}
|
||||
///deep/.ant-table-thead > tr > th {
|
||||
// background: #f3f6f6;
|
||||
//}
|
||||
///deep/.table .ant-table-tbody > tr > td {
|
||||
// color: #040B29 ;
|
||||
//}
|
||||
|
||||
/deep/ .ant-table-placeholder{
|
||||
/deep/ .ant-table-placeholder {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
.TextInformation-box {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TextInformation-box-title {
|
||||
background: #F5F6F7;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
height: 56px;
|
||||
padding: 0 16px;
|
||||
line-height: 56px;
|
||||
color: #040B29;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.TextInformation-box-box {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 10px 16px 10px 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TextInformation-box-box-text {
|
||||
width: calc(25% - 20px);
|
||||
margin-right: 20px;
|
||||
height: 36px;
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.detail-content-right {
|
||||
width: 212px;
|
||||
position: fixed;
|
||||
top: 120px;
|
||||
right: 0;
|
||||
padding: 0 32px 0 0;
|
||||
}
|
||||
|
||||
.detail-content-right-text {
|
||||
color: #040B29;
|
||||
font-size: 14px;
|
||||
font-weight: bolder;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
border-left: 2px #CED0D8 solid;
|
||||
padding: 0 0 0 8px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.detail-content-right-text-one {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.detail-content-right-text-color {
|
||||
color: #01A0AC;
|
||||
border-left: 2px #01A0AC solid;
|
||||
}
|
||||
|
||||
.text-field-left-Index {
|
||||
width: 114px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #6F7385;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
margin-right: 6px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.text-field-right-Index {
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
word-break: break-word;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.text-field-right-color-text {
|
||||
width: calc(50% - 20px);
|
||||
margin-right: 20px;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
color: #01A0AC;
|
||||
}
|
||||
</style>
|
||||
@@ -1600,25 +1600,44 @@
|
||||
}
|
||||
}
|
||||
for (let i = 0; i < content.length > 0; i++) {
|
||||
if (content[i].verifyFlowStatus == 'List to be checked' ||
|
||||
content[i].designFlowStatus == 'List to be checked' ||
|
||||
content[i].verifyFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].designFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].verifyFlowStatus == 'Results to be submitted' ||
|
||||
content[i].designFlowStatus == 'Results to be submitted' ||
|
||||
content[i].verifyFlowStatus == 'Results to be reviewed' ||
|
||||
content[i].designFlowStatus == 'Results to be reviewed') {
|
||||
this.questionIdList.push(content[i].id)
|
||||
} else {
|
||||
detailedWarningList.push(content[i].serialNumber)
|
||||
if (this.roleSwitchingCode == 0) {
|
||||
if (content[i].verifyFlowStatus == 'List to be checked' ||
|
||||
content[i].designFlowStatus == 'List to be checked' ||
|
||||
content[i].verifyFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].designFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].verifyFlowStatus == 'Results to be submitted' ||
|
||||
content[i].designFlowStatus == 'Results to be submitted' ||
|
||||
content[i].verifyFlowStatus == 'Results to be reviewed' ||
|
||||
content[i].designFlowStatus == 'Results to be reviewed') {
|
||||
this.questionIdList.push(content[i].id)
|
||||
} else {
|
||||
detailedWarningList.push(content[i].serialNumber)
|
||||
}
|
||||
} else if (this.roleSwitchingCode == 1 || this.roleSwitchingCode == 30) {
|
||||
if (content[i].verifyFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].designFlowStatus == 'Task to be confirmed' ||
|
||||
content[i].verifyFlowStatus == 'Results to be submitted' ||
|
||||
content[i].designFlowStatus == 'Results to be submitted' ||
|
||||
content[i].verifyFlowStatus == 'Results to be reviewed' ||
|
||||
content[i].designFlowStatus == 'Results to be reviewed') {
|
||||
this.questionIdList.push(content[i].id)
|
||||
} else {
|
||||
detailedWarningList.push(content[i].serialNumber)
|
||||
}
|
||||
}
|
||||
}
|
||||
if (detailedWarningList && detailedWarningList.length > 0) {
|
||||
this.questionWarning.push(
|
||||
< div > {
|
||||
detailedWarningList
|
||||
.join(',') + this.$t('conditionsNotMet') + this.$t('onlyDataInTheReminderProcessBanBeProcessed')
|
||||
} < /div>)
|
||||
if (this.roleSwitchingCode == 0){
|
||||
this.questionWarning.push(
|
||||
< div > {
|
||||
detailedWarningList.join(',') + this.$t('conditionsNotMet') + this.$t('onlyDataInTheReminderProcessBanBeProcessed')
|
||||
} < /div>)
|
||||
}else if(this.roleSwitchingCode == 1 || this.roleSwitchingCode == 30){
|
||||
this.questionWarning.push(
|
||||
< div > {
|
||||
detailedWarningList.join(',') + this.$t('conditionsNotMet') + this.$t('onlyDataInTheReminderProcessBanBeProcessed')+this.$t('andTheProcessStatusTheList')
|
||||
} < /div>)
|
||||
}
|
||||
}
|
||||
if (this.questionIdList && this.questionIdList.length > 0) {
|
||||
this.visibleQuestion = true
|
||||
|
||||
@@ -145,6 +145,25 @@
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="deliverableTemplate">
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('deliverableTemplate',index,true)">
|
||||
{{ (item.deliverableTemplate === 'null' || item.deliverableTemplate === ''
|
||||
||
|
||||
item.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
@@ -154,12 +173,14 @@
|
||||
</div>
|
||||
</a-drawer>
|
||||
<codeNumber ref="codeNumber" @regulation="regulation" />
|
||||
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import codeNumber from './codeNumber'
|
||||
import uploadFile from '@/components/uploadFile/file'
|
||||
import { getAction, postAction } from '@/api/manage'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
@@ -167,7 +188,8 @@ export default {
|
||||
name:"addModel",
|
||||
props: ['url'],
|
||||
components:{
|
||||
codeNumber
|
||||
codeNumber,
|
||||
uploadFile
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -299,7 +321,45 @@ export default {
|
||||
this.formInline = {... this.formInline}
|
||||
this.$refs.ruleForm.validateField(['serialNumber'])
|
||||
})
|
||||
}
|
||||
},
|
||||
//交付物模板上传
|
||||
clickButtonToUpload(item, index,isTrue) {
|
||||
this.numIndex = index
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
this.$refs.uploadFile.visible = true
|
||||
this.uploadName = item
|
||||
let ids = ''
|
||||
console.log(index)
|
||||
if (isTrue){
|
||||
ids = this.formInline.dataList[index][item]
|
||||
}else{
|
||||
ids = this.formInline[item]
|
||||
}
|
||||
console.log(this.formInline,1111)
|
||||
getAction('sys/common/getFileInfos', { id: ids }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||
} else {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 上传文件的回调 */
|
||||
uploadSuccess(data) {
|
||||
let attIdList = []
|
||||
if (data && data.length > 0) {
|
||||
data.map(item => {
|
||||
attIdList.push(item.id || data.name)
|
||||
})
|
||||
}
|
||||
/** 赋值给当前对应的表单文件 */
|
||||
if (this.formInline.id) {
|
||||
this.formInline[this.uploadName] = attIdList.join(',')
|
||||
} else {
|
||||
this.formInline.dataList[this.numIndex][this.uploadName] = attIdList.join(',')
|
||||
}
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -366,4 +426,13 @@ export default {
|
||||
font-size: 16px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
width: calc(100% - 100px);
|
||||
line-height: 38px;
|
||||
background: #fff;
|
||||
border: 1px #00B3BE solid;
|
||||
color: #00B3BE;
|
||||
}
|
||||
</style>
|
||||
@@ -127,6 +127,25 @@
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="deliverableTemplate">
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('deliverableTemplate')">
|
||||
{{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === ''
|
||||
||
|
||||
formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<div class="drawer-bootom-button">
|
||||
@@ -135,18 +154,21 @@
|
||||
</div>
|
||||
</a-drawer>
|
||||
<codeNumber ref="codeNumber" @regulation="regulation" />
|
||||
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
|
||||
import codeNumber from './codeNumber'
|
||||
import uploadFile from '@/components/uploadFile/file'
|
||||
|
||||
export default {
|
||||
name:'editModel',
|
||||
props: ['url'],
|
||||
components:{
|
||||
codeNumber
|
||||
codeNumber,
|
||||
uploadFile
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -276,7 +298,44 @@ export default {
|
||||
this.formInline = {... this.formInline}
|
||||
this.$refs.ruleForm.validateField(['serialNumber'])
|
||||
})
|
||||
}
|
||||
},
|
||||
//交付物模板
|
||||
clickButtonToUpload(item, index,isTrue) {
|
||||
this.numIndex = index
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
this.$refs.uploadFile.visible = true
|
||||
this.uploadName = item
|
||||
let ids = ''
|
||||
console.log(index)
|
||||
if (isTrue){
|
||||
ids = this.formInline.dataList[index][item]
|
||||
}else{
|
||||
ids = this.formInline[item]
|
||||
}
|
||||
getAction('sys/common/getFileInfos', { id: ids }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||
} else {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 上传文件的回调 */
|
||||
uploadSuccess(data) {
|
||||
let attIdList = []
|
||||
if (data && data.length > 0) {
|
||||
data.map(item => {
|
||||
attIdList.push(item.id || data.name)
|
||||
})
|
||||
}
|
||||
/** 赋值给当前对应的表单文件 */
|
||||
if (this.formInline.id) {
|
||||
this.formInline[this.uploadName] = attIdList.join(',')
|
||||
} else {
|
||||
this.formInline.dataList[this.numIndex][this.uploadName] = attIdList.join(',')
|
||||
}
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -333,4 +392,13 @@ export default {
|
||||
background: #fff;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
width: calc(100% - 100px);
|
||||
line-height: 38px;
|
||||
background: #fff;
|
||||
border: 1px #00B3BE solid;
|
||||
color: #00B3BE;
|
||||
}
|
||||
</style>
|
||||
+26
-3
@@ -206,9 +206,17 @@
|
||||
@change="tableOnChange"
|
||||
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||
:columns="columns">
|
||||
<span slot="item" slot-scope="text,record">
|
||||
<a @click="itemClick(record)">{{text}}</a>
|
||||
<span slot="deliverableTemplate" slot-scope="text,result">
|
||||
<span class="viewFile"
|
||||
@click="viewFileClick(result.deliverableTemplate)"
|
||||
v-if="result.deliverableTemplate">
|
||||
{{$t('viewFile')}}
|
||||
</span>
|
||||
<span v-else>--</span>
|
||||
</span>
|
||||
<!-- <span slot="item" slot-scope="text,record">-->
|
||||
<!-- <a @click="itemClick(record)">{{text}}</a>-->
|
||||
<!-- </span>-->
|
||||
<span slot="operation" slot-scope="text,record">
|
||||
<a v-if="isTrue"
|
||||
class="text-operation"
|
||||
@@ -236,6 +244,7 @@
|
||||
<addModel :url="url" ref="addModelRef" @addModelList="addModelList"/>
|
||||
<edit-model :url="url" ref="editModelRef" @editModelList="editModelList"></edit-model>
|
||||
<bat-setting :url="url" ref="batSettingRef" @batSettingList="batSettingList"></bat-setting>
|
||||
<viewFileModel ref="viewFileModelRef"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -250,6 +259,7 @@
|
||||
import addModel from '../components/addModel'
|
||||
import editModel from '../components/editModel'
|
||||
import batSetting from '../components/batSetting'
|
||||
import viewFileModel from '@/components/viewFileModel/index'
|
||||
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||
|
||||
export default {
|
||||
@@ -261,7 +271,8 @@
|
||||
transferList,
|
||||
addModel,
|
||||
editModel,
|
||||
batSetting
|
||||
batSetting,
|
||||
viewFileModel
|
||||
},
|
||||
mixins: [ResizeHeader, ResizeColumnProvide],
|
||||
data() {
|
||||
@@ -340,6 +351,14 @@
|
||||
width: 330,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('deliverableTemplate'),
|
||||
align: 'left',
|
||||
dataIndex: 'deliverableTemplate',
|
||||
width: 330,
|
||||
ellipsis: true,
|
||||
scopedSlots: { customRender: 'deliverableTemplate' }
|
||||
},
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
align: 'left',
|
||||
@@ -536,6 +555,10 @@
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 交付物模板
|
||||
viewFileClick(item) {
|
||||
this.$refs.viewFileModelRef.clickButtonToUpload(item)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user