fangyuan
2023-01-05 71cfadcd79468058c75fd356faf2d1fb52f79deb
src/views/operate/message/myIndex/index.vue
@@ -25,7 +25,8 @@
                </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>
@@ -37,13 +38,13 @@
            <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">
@@ -53,20 +54,22 @@
                    </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>
@@ -74,8 +77,10 @@
                    </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">
@@ -377,12 +382,15 @@
                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;
@@ -588,6 +596,7 @@
    &::v-deep .el-dialog__body {
        padding: 0;
    }
  :deep(.el-range-input) {
    //background-color: #09152f;
  }