| | |
| | | </div> |
| | | <div class="search"> |
| | | <span>创建时间:</span> |
| | | <el-date-picker style="width: 200px" type="datetimerange" v-model="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> |
| | | <el-date-picker style="width: 200px" type="datetimerange" v-model="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> |
| | | </div> |
| | | <div class="find"> |
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
| | |
| | | <div class="mainContent"> |
| | | <div class="main-nav"> |
| | | <span>数据列表</span> |
| | | <el-button class="button-addition" type="primary" icon="el-icon-plus" @click="handleOpera(null, 'create')">添加</el-button> |
| | | <el-button class="button-addition" type="primary" icon="el-icon-plus" |
| | | @click="handleOpera(null, 'create')">添加</el-button> |
| | | </div> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}" |
| | | :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" |
| | | @selection-change="tableChange"> |
| | | :header-cell-style="{ background: 'white', 'font-weight': '650', 'line-height': '45px' }" :data="tableData" |
| | | style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange"> |
| | | <el-table-column type="selection" min-width="5"> |
| | | </el-table-column> |
| | | <el-table-column label="ID" min-width="5"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="createTime" label="创建时间" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="createUser" label="发布人员" min-width="15"> |
| | | <el-table-column prop="targetFrom" label="发布人员" min-width="15"> |
| | | </el-table-column> |
| | | <el-table-column prop="messageTypeName" label="消息栏目" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="发布状态" min-width="5"> |
| | | <template v-if="scope.row.status" slot-scope="scope"> |
| | | {{scope.row.status === 0 ? '未发布' :'已发布'}} |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.status == 0 ? '未发布' : '已发布' }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="operation" label="操作" min-width="15"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <el-link icon="el-icon-view" :underline="false" @click="handleOpera(scope.row, 'view')">查看</el-link> |
| | | <el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleOpera(scope.row, 'update')">编辑</el-link> |
| | | <el-link icon="el-icon-view" :underline="false" |
| | | @click="handleOpera(scope.row, 'view')">查看</el-link> |
| | | <el-link icon="el-icon-edit" class="leftPx" :underline="false" |
| | | @click="handleOpera(scope.row, 'update')">编辑</el-link> |
| | | <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false" |
| | | @click="handleDelete([scope.row.id])">删除</el-link> |
| | | </div> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 新建消息 --> |
| | | <el-dialog :destroy-on-close="true" :key="dialogType" :title="getDialogTitle" :visible.sync="isShowDialog" width="80%"> |
| | | <my-edit v-if="isShowDialog" @closeMyDialog="closeDialog" :type="dialogType" :myDataRow="tableRowData"></my-edit> |
| | | <el-dialog :destroy-on-close="true" :key="dialogType" :title="getDialogTitle" |
| | | :visible.sync="isShowDialog" width="80%"> |
| | | <my-edit v-if="isShowDialog" @closeMyDialog="closeDialog" :type="dialogType" |
| | | :myDataRow="tableRowData"></my-edit> |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | |
| | | span { |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-input { |
| | | flex: 2; |
| | | color: #1d3f57; |
| | | |
| | | &::v-deep .el-input__inner { |
| | | //background-color: #09152f; |
| | | //border: 1px solid #17324c; |
| | |
| | | &::v-deep .el-dialog__body { |
| | | padding: 0; |
| | | } |
| | | |
| | | :deep(.el-range-input) { |
| | | //background-color: #09152f; |
| | | } |