|
|
@@ -1,11 +1,19 @@
|
|
|
<template>
|
|
|
- <common-home>
|
|
|
+ <common-home
|
|
|
+ :pageSize="pageParams.size"
|
|
|
+ :total="total"
|
|
|
+ :searchKeys="searchKeys"
|
|
|
+ :searchKey="pageParams.key"
|
|
|
+ :searchKeyword="pageParams.keyword"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @refresh-data="handleRefreshData"
|
|
|
+ @search="handleSearchAction">
|
|
|
<div slot="screen-type">
|
|
|
<!-- 申诉类型 -->
|
|
|
<label>申诉类型</label>
|
|
|
- <el-select v-model="value" placeholder="不限">
|
|
|
+ <el-select v-model="pageParams.type" clearable placeholder="不限" @change="handleRefreshData">
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
+ v-for="item in typeOptions"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value">
|
|
|
@@ -14,9 +22,9 @@
|
|
|
|
|
|
<!-- 申诉来源 -->
|
|
|
<label>申诉来源</label>
|
|
|
- <el-select v-model="value" placeholder="不限">
|
|
|
+ <el-select v-model="pageParams.fromApp" clearable placeholder="不限" @change="handleRefreshData">
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
+ v-for="item in fromAppOptions"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value">
|
|
|
@@ -25,9 +33,9 @@
|
|
|
|
|
|
<!-- 申诉状态 -->
|
|
|
<label>申诉状态</label>
|
|
|
- <el-select v-model="value" placeholder="不限">
|
|
|
+ <el-select v-model="pageParams.status" clearable placeholder="不限" @change="handleRefreshData">
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
+ v-for="item in statusOptions"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value">
|
|
|
@@ -36,79 +44,529 @@
|
|
|
</div>
|
|
|
|
|
|
<el-table
|
|
|
- :data="tableData"
|
|
|
+ :data="pageContent"
|
|
|
stripe
|
|
|
style="width: 100%">
|
|
|
<el-table-column
|
|
|
label="操作"
|
|
|
- width="130"
|
|
|
- align="center">
|
|
|
+ width="120">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
|
|
|
+ <el-button type="text" size="small" v-if="scope.row.status === 1" @click="approveRequest(scope.row)">审批</el-button>
|
|
|
+ <el-button type="text" size="small" v-else @click="showDetail(scope.row)">查看</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="name"
|
|
|
- label="姓名"
|
|
|
- width="180">
|
|
|
+ prop="status"
|
|
|
+ label="申诉状态"
|
|
|
+ width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status === 2">已认证</span>
|
|
|
+ <span v-if="scope.row.status === 0">未认证</span>
|
|
|
+ <span v-if="scope.row.status === 1" style="color: #E68615;">待认证</span>
|
|
|
+ <span v-if="scope.row.status === 3">未通过</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="申诉人"
|
|
|
+ width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.submitterUU > 0" v-text="scope.row.contactName"></span>
|
|
|
+ <span v-else>游客</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="submitterUU"
|
|
|
+ label="个人UU"
|
|
|
+ width="80">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.submitterUU > 0" v-text="scope.row.submitterUU"></span>
|
|
|
+ <span v-else>未登录</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="type"
|
|
|
+ label="申诉类型"
|
|
|
+ width="90">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.type === 'validAccount'">验证手机</span>
|
|
|
+ <span v-else-if="scope.row.type === 'changeAdmin'">更换管理员</span>
|
|
|
+ <span v-else-if="scope.row.type === 'resetPassword'">找回密码</span>
|
|
|
+ <span v-else>{{scope.row.type}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="fromApp"
|
|
|
+ label="申诉来源"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="submitDate"
|
|
|
+ label="申诉时间"
|
|
|
+ :formatter="formatDate"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="contactName"
|
|
|
+ label="联系人"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="contactTel"
|
|
|
+ label="手机号"
|
|
|
+ width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="address"
|
|
|
- label="地址">
|
|
|
+ prop="contactEmail"
|
|
|
+ label="邮箱">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+
|
|
|
+ <!-- 申诉审核对话框 -->
|
|
|
+ <el-dialog
|
|
|
+ :title="appealTitle"
|
|
|
+ :visible.sync="isShowDialog"
|
|
|
+ width="920px"
|
|
|
+ :show-close="true"
|
|
|
+ :append-to-body="true">
|
|
|
+
|
|
|
+ <div class="reset-or-validate" v-if="approveType === 'resetPassword' || approveType === 'validAccount'">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">UU号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.submitterUU"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">申诉来源</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.fromApp || '无'"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">申诉人</div>
|
|
|
+ <div class="message-value message-value-highlight" v-text="selectedAppeal.contactName"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">联系人</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.contactName"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">新手机号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.mobile"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">手机号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.contactTel"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 找回密码 -->
|
|
|
+ <div class="reset-password" v-if="approveType === 'resetPassword'">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">新密码</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.password"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">电子邮箱</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.contactEmail"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 验证手机 -->
|
|
|
+ <div class="validate-mobile" v-if="approveType === 'validAccount'">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">原手机号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.contactTel"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">电子邮箱</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.contactEmail"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">登录密码</div>
|
|
|
+ <div class="message-value">
|
|
|
+ <img src="/static/images/status/right.png" alt="Status" v-if="selectedAppeal.password">
|
|
|
+ <img src="/static/images/status/wrong.png" alt="Status" v-if="!selectedAppeal.password">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 申诉说明 -->
|
|
|
+ <div class="row appeal-reason">
|
|
|
+ <div class="message-label">申述说明</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.description"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 更换管理员 -->
|
|
|
+ <div class="change-admin" v-if="approveType === 'changeAdmin'">
|
|
|
+ <div style="border-bottom: 1px solid #E5E5E5;padding-bottom: 40px;">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">企业UU</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.spaceUU"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">申诉来源</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.fromApp || '无'"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">企业名称</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.spaceName"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">法定代表人</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.corporation"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">营业执照号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.businessCode"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">营业执照附件</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.businessCodeImage"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6" style="width: 840px;">
|
|
|
+ <div class="message-label">注册地址</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.regAddress"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 申诉说明 -->
|
|
|
+ <div class="row appeal-reason">
|
|
|
+ <div class="message-label">申述说明</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.description"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="border-bottom: 1px solid #E5E5E5;padding: 26px 0;">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">管理员UU</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.admin.userUU"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">管理员姓名</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.admin.vipName"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="message-label">管理员手机号</div>
|
|
|
+ <div class="message-value" v-text="selectedAppeal.admin.mobile"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 对话框尾部 -->
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="approveAppeal(selectedAppeal.id, true)">通过</el-button>
|
|
|
+ <el-button @click="approveAppeal(selectedAppeal.id, false)">不通过</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</common-home>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import _ from 'lodash'
|
|
|
+ import axios from '@/assets/js/axios'
|
|
|
import CommonHome from '../common/CommonHome'
|
|
|
|
|
|
+ function showAppealsByPagination (pageParams, success, error) {
|
|
|
+ const params = _.defaultsDeep({}, pageParams)
|
|
|
+ params.page = params.page - 1
|
|
|
+
|
|
|
+ axios.get('/api/appeal//showAppealByPagination', { params })
|
|
|
+ .then(success)
|
|
|
+ .catch(error)
|
|
|
+ }
|
|
|
+
|
|
|
+ function approveAppealRequest (appealId, isPass, success, error) {
|
|
|
+ const params = { isPass }
|
|
|
+
|
|
|
+ axios.put(`/api/appeal/${appealId}/approveAppealRequest`, {}, { params })
|
|
|
+ .then(success)
|
|
|
+ .catch(error)
|
|
|
+ }
|
|
|
+
|
|
|
+ function formatDate (row, column, value) {
|
|
|
+ if (!value) {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+
|
|
|
+ const date = new Date(value)
|
|
|
+ let str = ''
|
|
|
+ str += date.getFullYear() + '-'
|
|
|
+ if (date.getMonth() + 1 < 10) {
|
|
|
+ str += '0'
|
|
|
+ }
|
|
|
+ str += (date.getMonth() + 1) + '-'
|
|
|
+ if (date.getDate() < 10) {
|
|
|
+ str += '0'
|
|
|
+ }
|
|
|
+ str += date.getDate() + ' '
|
|
|
+ if (date.getHours() < 10) {
|
|
|
+ str += '0'
|
|
|
+ }
|
|
|
+ str += date.getHours() + ':'
|
|
|
+ if (date.getMinutes() < 10) {
|
|
|
+ str += '0'
|
|
|
+ }
|
|
|
+ str += date.getMinutes() + ':'
|
|
|
+ if (date.getSeconds() < 10) {
|
|
|
+ str += '0'
|
|
|
+ }
|
|
|
+ str += date.getSeconds()
|
|
|
+ return str
|
|
|
+ }
|
|
|
+
|
|
|
+ const typeOptions = [
|
|
|
+ {
|
|
|
+ label: '找回密码',
|
|
|
+ value: 'resetPassword'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '验证手机',
|
|
|
+ value: 'validAccount'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '更换管理员',
|
|
|
+ value: 'changeAdmin'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+
|
|
|
+ const statusOptions = [
|
|
|
+ {
|
|
|
+ label: '已认证',
|
|
|
+ key: 'AUTHENTICATED',
|
|
|
+ value: 2
|
|
|
+ }, {
|
|
|
+ label: '未认证',
|
|
|
+ key: 'NOT_APPLYING',
|
|
|
+ value: 0
|
|
|
+ }, {
|
|
|
+ label: '待认证',
|
|
|
+ key: 'TO_BE_CERTIFIED',
|
|
|
+ value: 1
|
|
|
+ }, {
|
|
|
+ label: '未通过',
|
|
|
+ key: 'NOT_PASSED',
|
|
|
+ value: 3
|
|
|
+ }
|
|
|
+ ]
|
|
|
+
|
|
|
+ const searchKeys = [
|
|
|
+ {
|
|
|
+ label: '手机号',
|
|
|
+ value: 'contactTel'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+
|
|
|
+ const appealTitles = {
|
|
|
+ resetPassword: '找回密码',
|
|
|
+ validAccount: '验证手机',
|
|
|
+ changeAdmin: '更换管理员'
|
|
|
+ }
|
|
|
+
|
|
|
export default {
|
|
|
- name: 'user-home',
|
|
|
+ name: 'appeal-home',
|
|
|
components: {
|
|
|
CommonHome
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- tableData: [{
|
|
|
- date: '查看',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '查看',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
- }, {
|
|
|
- date: '查看',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
- }, {
|
|
|
- date: '查看',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
- }],
|
|
|
- options: [{
|
|
|
- value: '选项1',
|
|
|
- label: '黄金糕'
|
|
|
- }, {
|
|
|
- value: '选项2',
|
|
|
- label: '双皮奶'
|
|
|
- }, {
|
|
|
- value: '选项3',
|
|
|
- label: '蚵仔煎'
|
|
|
- }, {
|
|
|
- value: '选项4',
|
|
|
- label: '龙须面'
|
|
|
- }, {
|
|
|
- value: '选项5',
|
|
|
- label: '北京烤鸭'
|
|
|
- }],
|
|
|
- value: ''
|
|
|
+ pageParams: {
|
|
|
+ page: 1,
|
|
|
+ size: 8,
|
|
|
+ type: null,
|
|
|
+ fromApp: null,
|
|
|
+ status: null,
|
|
|
+ key: 'contactTel',
|
|
|
+ keyword: null
|
|
|
+ },
|
|
|
+ pageContent: [],
|
|
|
+ total: 0,
|
|
|
+ formatDate: formatDate,
|
|
|
+ typeOptions: typeOptions,
|
|
|
+ statusOptions: statusOptions,
|
|
|
+ searchKeys: searchKeys,
|
|
|
+ isShowDialog: false,
|
|
|
+ approveType: '',
|
|
|
+ selectedAppeal: {}
|
|
|
}
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ appealTitle () {
|
|
|
+ return appealTitles[this.approveType]
|
|
|
+ },
|
|
|
+ fromAppOptions () {
|
|
|
+ return this.$store.getters.fromAppOptions
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ showErrorMessage (error) {
|
|
|
+ this.$message.error(error)
|
|
|
+ },
|
|
|
+ fetchData () {
|
|
|
+ const success = page => {
|
|
|
+ console.log(page)
|
|
|
+ this.pageContent = page.content || []
|
|
|
+ this.total = page.totalElements
|
|
|
+ }
|
|
|
+
|
|
|
+ showAppealsByPagination(this.pageParams, success, this.showErrorMessage)
|
|
|
+ },
|
|
|
+ handleCurrentChange (currentPage) {
|
|
|
+ this.pageParams.page = currentPage
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ handleRefreshData () {
|
|
|
+ console.log(this.pageParams)
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ handleSearchAction (key, keyword) {
|
|
|
+ console.log(key, keyword)
|
|
|
+ this.pageParams.key = key
|
|
|
+ this.pageParams.keyword = keyword
|
|
|
+
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ approveRequest (appeal) {
|
|
|
+ if (appeal.type !== 'resetPassword' && appeal.type !== 'validAccount' &&
|
|
|
+ appeal.type !== 'changeAdmin') {
|
|
|
+ this.$message.error(`不支持的申诉类型${appeal.type()}`)
|
|
|
+ return -1
|
|
|
+ }
|
|
|
+
|
|
|
+ this.approveType = appeal.type
|
|
|
+ const submitInfo = JSON.parse(appeal.submitInfo)
|
|
|
+ this.selectedAppeal = _.defaultsDeep({}, appeal, submitInfo)
|
|
|
+ if (appeal.type === 'changeAdmin' && !this.selectedAppeal.admin) {
|
|
|
+ this.selectedAppeal.admin = {}
|
|
|
+ }
|
|
|
+ this.isShowDialog = true
|
|
|
+
|
|
|
+ console.log(this.selectedAppeal)
|
|
|
+ },
|
|
|
+ showDetail () {
|
|
|
+ this.$message.info('此功能暂未开通')
|
|
|
+ },
|
|
|
+ approveAppeal (appealId, isPass) {
|
|
|
+ const success = result => {
|
|
|
+ if (result) {
|
|
|
+ this.isShowDialog = false
|
|
|
+ this.$message.info('操作成功')
|
|
|
+
|
|
|
+ // 刷新页面数据
|
|
|
+ this.fetchData()
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ approveAppealRequest(appealId, isPass, success, this.showErrorMessage)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ '$route': 'fetchData'
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .row {
|
|
|
+ margin: 0;
|
|
|
+ padding: 16px 0;
|
|
|
+ height: 46px;
|
|
|
+ line-height: 14px;
|
|
|
+ }
|
|
|
+ .row .col-lg-6 {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .row .col-lg-6>div {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .message-label {
|
|
|
+ width: 105px;
|
|
|
|
|
|
+ color: #000000;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-family: "Microsoft YaHei", sans-serif;
|
|
|
+ }
|
|
|
+ .message-value {
|
|
|
+ color: #828282;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-family: "Microsoft YaHei", sans-serif;
|
|
|
+ }
|
|
|
+ .message-value-highlight {
|
|
|
+ color: #000000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .reset-or-validate {
|
|
|
+ width: 840px;
|
|
|
+ }
|
|
|
+ .appeal-reason {
|
|
|
+ width: 840px;
|
|
|
+ }
|
|
|
+ .appeal-reason>div {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .appeal-reason .message-value {
|
|
|
+ width: 730px;
|
|
|
+ }
|
|
|
+ .change-admin {
|
|
|
+ width: 840px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<style>
|
|
|
+ .el-dialog {
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ .el-dialog__header {
|
|
|
+ padding: 14px 20px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 16px;
|
|
|
+ border: 1px none #D2D2D2;
|
|
|
+ border-bottom-style: solid;
|
|
|
+ }
|
|
|
+ .el-dialog__header .el-dialog__title {
|
|
|
+ color: #000000;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-family: "SimHei", sans-serif;
|
|
|
+ }
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 22px 0 22px 40px;
|
|
|
+ }
|
|
|
+ .el-dialog__footer {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .el-dialog__footer .el-button {
|
|
|
+ width: 180px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 15px;
|
|
|
+ line-height: 14px;
|
|
|
+ padding: 8px 0;
|
|
|
+
|
|
|
+ background: none;
|
|
|
+
|
|
|
+ color: #656565;
|
|
|
+ }
|
|
|
+ .el-dialog__footer .el-button--primary {
|
|
|
+ background-color: #4E8EFC;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
</style>
|