|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<el-row>
|
|
|
- <el-col :span="20" :offset="2">
|
|
|
- <div class="dw-table-form" style="padding-left: 60px;">
|
|
|
+ <el-col :span="24">
|
|
|
+ <div class="dw-table-form">
|
|
|
<el-form :inline="true" :model="formInline" class="dw-form-inline" size="medium" >
|
|
|
<el-form-item label="问卷标题">
|
|
|
<el-input v-model="formInline.surveyName" placeholder="请输入查询的问卷标题" clearable></el-input>
|
|
@@ -22,12 +22,7 @@
|
|
|
</div>
|
|
|
<div class="dw-table">
|
|
|
<div class="dw-table-title">
|
|
|
- <el-row :span="24" type="flex" justify="space-between" align="middle">
|
|
|
- <el-col :span="4"><h3>我的问卷</h3></el-col>
|
|
|
- <el-col :span="20" style="text-align: right;">
|
|
|
- <el-button type="primary" size="medium" @click="form.id=null;form.name=null;dialogTitle = '创建问卷';dialogFormVisible = true" >新建问卷</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-button type="primary" size="medium" @click="form.id=null;form.name=null;dialogTitle = '创建问卷';dialogFormVisible = true" >新建问卷</el-button>
|
|
|
</div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
@@ -45,12 +40,12 @@
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="答卷数" width="80" >
|
|
|
+ <el-table-column label="答卷数">
|
|
|
<template slot-scope="scope">
|
|
|
<span style="margin-left: 10px">{{ scope.row.answerNum!=null ? scope.row.answerNum:0 }} 份</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="状态" width="80" >
|
|
|
+ <el-table-column label="状态">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag v-if="scope.row.surveyState === 0" >设计中</el-tag>
|
|
|
<el-tag v-else-if="scope.row.surveyState === 1" type="success" >收集中</el-tag>
|
|
@@ -58,9 +53,8 @@
|
|
|
<el-tag v-else disable-transitions style="margin-left: 10px" >未知</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建时间" width="180" >
|
|
|
+ <el-table-column label="创建时间" >
|
|
|
<template slot-scope="scope">
|
|
|
- <i class="el-icon-time"></i>
|
|
|
<span style="margin-left: 10px">{{ scope.row.createDate }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -246,8 +240,8 @@ export default {
|
|
|
<style scoped>
|
|
|
.dw-table-form{
|
|
|
background-color: white;
|
|
|
- padding: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ padding: 5px 20px;
|
|
|
+ /* margin-bottom: 20px; */
|
|
|
}
|
|
|
.dw-table{
|
|
|
background: white;
|
|
@@ -269,3 +263,12 @@ export default {
|
|
|
text-align: right;
|
|
|
}
|
|
|
</style>
|
|
|
+<style>
|
|
|
+.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
|
|
|
+ word-break: break-word;
|
|
|
+ background-color: #f8f8f9;
|
|
|
+ color: #515a6e;
|
|
|
+ height: 40px;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+</style>
|