Skip to content

I
intelligent_station_web
Commit ca9e5f0a authored by liangjingpeng's avatar liangjingpeng
Browse files
Options

详情列表-父组件设置

parent 32fd464a
Hide whitespace changes
Inline Side-by-side
Showing with 71 additions and 71 deletions
src/components/descriptionsList/e-desc-item.vue
View file @ ca9e5f0a
<template>
<el-col :span="computedSpan" class="desc-item">
<div class="desc-item-content" :class="size">
<label class="desc-item-label" :style="{width: labelWidth}" v-html="label"></label>
<div class="desc-item-value" v-if="$slots">
<slot/>
<label class="desc-item-label" :style="{width: labelWidth}" v-html="label" />
<div v-if="$slots" class="desc-item-value">
<slot />
</div>
</div>
</el-col>
......@@ -25,14 +25,14 @@ export default {
default: ''
}
},
data () {
data() {
return {
// 子组件自己的span
selfSpan: 0
}
},
computed: {
computedSpan () {
computedSpan() {
// 子组件自己的span，用于父组件计算修改span
if (this.selfSpan) {
return 24 / this.column * this.selfSpan
......@@ -50,8 +50,8 @@ export default {
<style scoped lang="scss">
.desc-item {
border-right: 1px solid #EBEEF5;
border-bottom: 1px solid #EBEEF5;
//border-right: 1px solid #EBEEF5;
//border-bottom: 1px solid #EBEEF5;
.desc-item-content {
display: flex;
justify-content: flex-start;
......@@ -60,10 +60,10 @@ export default {
font-size: 14px;
line-height: 1.5;
width: 100%;
background-color: #fafafa;
//background-color: #fafafa;
height: 100%;
.desc-item-label{
border-right: 1px solid #EBEEF5;
//border-right: 1px solid #EBEEF5;
display: inline-block;
padding: 12px 16px;
flex-grow: 0;
......@@ -75,6 +75,7 @@ export default {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.desc-item-value{
background: #fff;
......
src/components/descriptionsList/e-desc.vue
View file @ ca9e5f0a
......@@ -108,7 +108,7 @@ export default {
display: flex;
flex-wrap: wrap;
border-radius: 2px;
border: 1px solid #EBEEF5;
//border: 1px solid #EBEEF5;
border-bottom: 0;
border-right: 0;
width: 100%;
......
src/views/reviewExperts/topicList/index.vue
View file @ ca9e5f0a
......@@ -93,29 +93,29 @@
{{ scope.row.problemNumber || '-' }}
</template>
</el-table-column>
<el-table-column label="课题名称" prop="problemName" :show-overflow-tooltip="true">
<el-table-column width="160" label="课题名称" prop="problemName" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.problemName || '-' }}
</template>
</el-table-column>
<el-table-column width="120" label="申报类别" prop="declareType" :show-overflow-tooltip="true">
<el-table-column width="100" label="申报类别" prop="declareType" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.declareType || '-' }}
</template>
</el-table-column>
<el-table-column width="120" label="负责人姓名" prop="headName" :show-overflow-tooltip="true">
<el-table-column width="100" label="负责人" prop="headName" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.headName || '-' }}
</template>
</el-table-column>
<el-table-column width="120" label="手机号" prop="phoneNumber" :show-overflow-tooltip="true">
<el-table-column width="130" label="手机号" prop="phoneNumber" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.phoneNumber || '-' }}
</template>
</el-table-column>
<el-table-column label="创建时间" width="160" prop="createDate" :show-overflow-tooltip="true">
<el-table-column label="创建时间" prop="createDate" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
<span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD') }}</span>
</template>
</el-table-column>
<el-table-column width="80" label="阶段" prop="stage" :show-overflow-tooltip="true">
......@@ -147,22 +147,24 @@
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="100px">
<template slot-scope="scope">
<!-- <el-button-->
<!-- :class="commonField.updateClass"-->
<!-- :type="commonField.typeParent"-->
<!-- :size="commonField.size"-->
<!-- @click="handleUpdate(scope.row)"-->
<!-- >修改-->
<!-- </el-button>-->
<el-button v-if="scope.row.state === '验收评审中' ||scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />
<el-button v-else icon="el-icon-search" />
<!-- <el-button-->
<!-- :class="commonField.delClass"-->
<!-- :type="commonField.typeParent"-->
<!-- :size="commonField.size"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- >删除-->
<!-- </el-button>-->
<!-- <el-button v-if="scope.row.state === '验收评审中' ||scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />-->
<el-button
v-if="scope.row.state === '验收评审中' ||scope.row.state === '立项评审中'"
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleProject(scope.row)"
>编辑
</el-button>
<!-- <el-button v-else icon="el-icon-search" />-->
<el-button
v-else
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click=""
>查看
</el-button>
</template>
</el-table-column>
</el-table>
......
src/views/reviewExperts/topicList/reviewExperts.data.js
View file @ ca9e5f0a
......@@ -18,7 +18,7 @@ export const tableColumn = [
problemName: '母猪的育肥',
declareType: '一般课题',
headName: '张无忌',
phoneNumber: '3423423423',
phoneNumber: '12345678901',
createDate: '2018-12-23',
stage: '结项',
state: '验收完成',
......@@ -31,7 +31,7 @@ export const tableColumn = [
problemName: '母猪的繁育',
declareType: '一般课题',
headName: '张敏',
phoneNumber: '124324234',
phoneNumber: '12345678901',
createDate: '2018-12-23',
stage: '立项',
state: '申报完成',
......
src/views/reviewExperts/topicList/reviewPage.vue
View file @ ca9e5f0a
......@@ -33,23 +33,23 @@
>返回
</el-button>
<el-tab-pane id="pdfDom" label="申报信息" name="first">
<el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions-item span="3" label="课题号">2019kk938</el-descriptions-item>
<el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
<el-descriptions-item label="申报类型">一般课题</el-descriptions-item>
<el-descriptions-item label="填表日期">2019-13-32 25:61</el-descriptions-item>
<el-descriptions-item label="负责人姓名">金轮法王</el-descriptions-item>
<el-descriptions-item label="研究专长">唱跳 rap</el-descriptions-item>
<el-descriptions-item label="性别">男</el-descriptions-item>
<el-descriptions-item label="党政职务">教主</el-descriptions-item>
<el-descriptions-item label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item label="年龄">18</el-descriptions-item>
<el-descriptions-item label="最后学历">大学之专</el-descriptions-item>
<el-descriptions-item label="最后学位">教主</el-descriptions-item>
<el-descriptions-item label="单位">射水大学</el-descriptions-item>
<el-descriptions-item label="学院/部门">射水学院</el-descriptions-item>
<el-descriptions-item span="3" label="手机">12345678910</el-descriptions-item>
<el-descriptions-item span="3" label="E-mail">12345678910@qq.com</el-descriptions-item>
<el-descriptions label-width="120px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions-item span="1.5" label="课题号">2019kk938</el-descriptions-item>
<el-descriptions-item span="1.5" label="课题名称">母猪的产后护理</el-descriptions-item>
<el-descriptions-item span="1.5" label="申报类型">一般课题</el-descriptions-item>
<el-descriptions-item span="1.5" label="填表日期">2019-13-32 25:61</el-descriptions-item>
<el-descriptions-item span="1.5" label="负责人">金轮法王</el-descriptions-item>
<el-descriptions-item span="1.5" label="研究专长">唱跳 rap</el-descriptions-item>
<el-descriptions-item span="1.5" label="性别">男</el-descriptions-item>
<el-descriptions-item span="1.5" label="党政职务">教主</el-descriptions-item>
<el-descriptions-item span="1.5" label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item span="1.5" label="年龄">18</el-descriptions-item>
<el-descriptions-item span="1.5" label="最后学历">大学之专</el-descriptions-item>
<el-descriptions-item span="1.5" label="最后学位">教主</el-descriptions-item>
<el-descriptions-item span="1.5" label="单位">射水大学</el-descriptions-item>
<el-descriptions-item span="1.5" label="学院/部门">射水学院</el-descriptions-item>
<el-descriptions-item span="1.5" label="手机">12345678910</el-descriptions-item>
<el-descriptions-item span="1.5" label="E-mail">12345678910@qq.com</el-descriptions-item>
<el-descriptions-item span="3" label="申报材料">
<div class="item-center">
<el-link type="primary">excelTemplate.xlsx</el-link>
......@@ -130,25 +130,25 @@
</div>
</el-tab-pane>
<el-tab-pane v-if="state === 1" label="项目验收" name="second">
<el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions label-width="120px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions-item span="1.5" label="课题号">2019kk938</el-descriptions-item>
<el-descriptions-item span="1.5" label="课题名称">母猪的产后护理</el-descriptions-item>
<el-descriptions-item span="1.5" label="课题类别">一般课题</el-descriptions-item>
<el-descriptions-item span="1.5" label="起止日期">2019-13-32 - 2019-13-32</el-descriptions-item>
<el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
<el-descriptions-item label="课题类别">一般课题</el-descriptions-item>
<el-descriptions-item label="负责人姓名">金轮法王</el-descriptions-item>
<el-descriptions-item label="填表日期">2019-13-32 25:61</el-descriptions-item>
<el-descriptions-item label="成功鉴定方式">通讯鉴定</el-descriptions-item>
<el-descriptions-item label="单位">射水大学</el-descriptions-item>
<el-descriptions-item label="学院/部门">射水学院</el-descriptions-item>
<el-descriptions-item label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item label="行政职务">教主</el-descriptions-item>
<el-descriptions-item label="邮政编码">123456</el-descriptions-item>
<el-descriptions-item label="通信地址">射水大学射水路</el-descriptions-item>
<el-descriptions-item label="联系电话">12345678910</el-descriptions-item>
<el-descriptions-item label="电子邮箱">12345678910@qq.com</el-descriptions-item>
<el-descriptions-item label="批准时间">2025-13-32</el-descriptions-item>
<el-descriptions-item label="计划完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item label="实际完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item span="1.5" label="负责人">金轮法王</el-descriptions-item>
<el-descriptions-item span="1.5" label="填表日期">2019-13-32 25:61</el-descriptions-item>
<el-descriptions-item span="1.5" label="成功鉴定方式">通讯鉴定</el-descriptions-item>
<el-descriptions-item span="1.5" label="单位">射水大学</el-descriptions-item>
<el-descriptions-item span="1.5" label="学院/部门">射水学院</el-descriptions-item>
<el-descriptions-item span="1.5" label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item span="1.5" label="行政职务">教主</el-descriptions-item>
<el-descriptions-item span="1.5" label="邮政编码">123456</el-descriptions-item>
<el-descriptions-item span="1.5" label="通信地址">射水大学射水路</el-descriptions-item>
<el-descriptions-item span="1.5" label="联系电话">12345678910</el-descriptions-item>
<el-descriptions-item span="1.5" label="电子邮箱">12345678910@qq.com</el-descriptions-item>
<el-descriptions-item span="1.5" label="批准时间">2025-13-32</el-descriptions-item>
<el-descriptions-item span="1.5" label="计划完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item span="1.5" label="实际完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item span="3" label="附件材料">
<div class="item-center">
<el-link type="primary" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment