Skip to content

R
rs-cloud-platform-ui
Commit ab5bc092 authored by rencs's avatar rencs
Browse files
Options

1.19 css

parent c2797cde
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3109 additions and 2117 deletions
src/App.vue
View file @ ab5bc092
......@@ -5,189 +5,193 @@
</template>
<script>
export default{
name: 'APP',
// 监听,当路由发生变化的时候执行
watch: {
$route: {
handler: function(val, oldVal) {
},
// 深度观察监听
deep: true
}
}
}
export default {
name: "APP",
// 监听,当路由发生变化的时候执行
watch: {
$route: {
handler: function (val, oldVal) {},
// 深度观察监听
deep: true,
},
},
};
</script>
<style lang="scss">
@import './styles/index.scss'; // 全局自定义的css样式
body .el-table th.gutter{
display: table-cell!important;
}
@font-face {
font-family: 'iconfont'; /* project id 1739211 */
src: url('//at.alicdn.com/t/font_1739211_q2limaqw3k.eot');
src: url('//at.alicdn.com/t/font_1739211_q2limaqw3k.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1739211_q2limaqw3k.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1739211_q2limaqw3k.woff') format('woff'),
url('//at.alicdn.com/t/font_1739211_q2limaqw3k.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1739211_q2limaqw3k.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
i.focus-i:hover{
cursor: pointer;
}
.flex-aic{
display: flex;
align-items: center;
}
.flex-wrap{
display: flex;
flex-wrap: wrap;
}
.flex-aic-jcb{
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-aic-jcc{
display: flex;
justify-content: center;
align-items: center;
}
.el-button--primary.is-plain{
color: #516FCD !important;
border: 0.5px solid #82AAF9 !important;
background: #E4ECFC !important;
}
.filter-container .el-form--inline .el-form-item{
margin-bottom: 10px;
}
.xiajia{
color:#58CB73;
font-size: 14px;
}
.default-btn-text{
color: #5178F2;
font-size: 14px;
}
.el-radio__input.is-checked .el-radio__inner{
background: #5178F2;
border-color: #5178F2;
}
.el-radio__input.is-checked+.el-radio__label{
color: #5178F2;
}
.top-title-main{
border-bottom: 1px solid #eee;
}
.c-top-main{
width: calc(100% - 0px);
position: absolute;
height: 70px;
top: 0;
z-index: 9;
background: #fff;
left: 0;
padding: 16px 20px;
border-radius: 10px 10px 0 0;
border-bottom: 0.5px solid #eee;
}
.goods-add-footer{
width: calc(100% - 0px);
position: absolute;
height: 76px;
bottom: 0;
z-index: 999;
background: #fff;
left: 0;
padding: 16px;
border-radius: 0 0 10px 10px;
border-top: 0.5px solid #eee;
box-shadow: 3px 0 6px rgba(0,0,0,0.16);
}
.goods-list-container{
/*height: calc(100vh - 124px);*/
overflow: auto;
}
.add-btn-default, .el-button--primary{
background: #5178F2 !important;
font-size: 14px;
color: #fff !important;
border: 0.5px solid #5178F2 !important;
}
.ellipsis{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
overflow: hidden;
}
@import "./styles/index.scss"; // 全局自定义的css样式
body .el-table th.gutter {
display: table-cell !important;
}
@font-face {
font-family: "iconfont"; /* project id 1739211 */
src: url("//at.alicdn.com/t/font_1739211_q2limaqw3k.eot");
src: url("//at.alicdn.com/t/font_1739211_q2limaqw3k.eot?#iefix")
format("embedded-opentype"),
url("//at.alicdn.com/t/font_1739211_q2limaqw3k.woff2") format("woff2"),
url("//at.alicdn.com/t/font_1739211_q2limaqw3k.woff") format("woff"),
url("//at.alicdn.com/t/font_1739211_q2limaqw3k.ttf") format("truetype"),
url("//at.alicdn.com/t/font_1739211_q2limaqw3k.svg#iconfont") format("svg");
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
i.focus-i:hover {
cursor: pointer;
}
.flex-aic {
display: flex;
align-items: center;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.flex-aic-jcb {
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-aic-jcc {
display: flex;
justify-content: center;
align-items: center;
}
.el-button--primary.is-plain {
color: #516fcd !important;
border: 0.5px solid #82aaf9 !important;
background: #e4ecfc !important;
}
.filter-container .el-form--inline .el-form-item {
margin-bottom: 10px;
}
.xiajia {
color: #58cb73;
font-size: 14px;
}
.select-top-title{
color: #516FCD;
font-size: 16px;
font-weight: normal;
}
.to-link-title{
color: #666666;
font-size: 18px;
font-weight: normal;
}
.to-link-title:hover{
cursor: pointer;
color: #516FCD;
opacity: 0.7;
}
.default-btn-text {
color: #5178f2;
font-size: 14px;
}
.el-radio__input.is-checked .el-radio__inner {
background: #5178f2;
border-color: #5178f2;
}
.el-radio__input.is-checked + .el-radio__label {
color: #5178f2;
}
.top-title-main {
border-bottom: 1px solid #eee;
}
.c-top-main {
width: calc(100% - 0px);
position: absolute;
height: 70px;
top: 0;
z-index: 9;
background: #fff;
left: 0;
padding: 16px 20px;
border-radius: 10px 10px 0 0;
border-bottom: 0.5px solid #eee;
}
.goods-add-footer {
width: calc(100% - 0px);
position: absolute;
height: 76px;
bottom: 0;
z-index: 999;
background: #fff;
left: 0;
padding: 16px;
border-radius: 0 0 10px 10px;
border-top: 0.5px solid #eee;
box-shadow: 3px 0 6px rgba(0, 0, 0, 0.16);
}
.goods-list-container {
/*height: calc(100vh - 124px);*/
overflow: auto;
}
.add-btn-default,
.el-button--primary {
background: #5178f2 !important;
font-size: 14px;
color: #fff !important;
border: 0.5px solid #5178f2 !important;
}
.ellipsis {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
overflow: hidden;
}
.mrt-70{
margin-top: 70px;
}
.select-top-title {
color: #516fcd;
font-size: 16px;
font-weight: normal;
}
.to-link-title {
color: #666666;
font-size: 18px;
font-weight: normal;
}
.to-link-title:hover {
cursor: pointer;
color: #516fcd;
opacity: 0.7;
}
.mrt-50{
margin-top: 50px;
}
.mrt-70 {
margin-top: 70px;
}
.ellipsis-2{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.flex-aic{
display: flex;
align-items: center;
}
.mrt-50 {
margin-top: 50px;
}
.unright{
/*background: #eee !important;*/
opacity: 0.1;
}
.unright:hover{
cursor: default !important;
}
.unrightMenu{
color: #999 !important;
}
.unrightMenu:hover{
cursor: default !important;
}
.mt-70{
margin-top: 70px;
}
.el-date-editor .el-range-separator{
width: auto;
}
.clap {
.el-date-editor.el-input, .el-date-editor.el-input__inner{
width: 160px;
}
}
.ellipsis-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.flex-aic {
display: flex;
align-items: center;
}
.unright {
/*background: #eee !important;*/
opacity: 0.1;
}
.unright:hover {
cursor: default !important;
}
.unrightMenu {
color: #999 !important;
}
.unrightMenu:hover {
cursor: default !important;
}
.mt-70 {
margin-top: 70px;
}
.el-date-editor .el-range-separator {
width: auto;
}
.clap {
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 160px;
}
}
</style>
src/components/CustomInput/index.vue
View file @ ab5bc092
This diff is collapsed.
src/main.js
View file @ ab5bc092
......@@ -8,22 +8,24 @@ import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import 'assets/custom-theme/index.css'; // 换肤版本element-ui css
import NProgress from 'nprogress'; // Progress 进度条
import 'nprogress/nprogress.css';// Progress 进度条 样式
import 'normalize.css/normalize.css';// normalize.css 样式格式化
import 'nprogress/nprogress.css'; // Progress 进度条 样式
import 'normalize.css/normalize.css'; // normalize.css 样式格式化
import 'assets/iconfont/iconfont'; // iconfont 具体图标见https://github.com/PanJiaChen/vue-element-admin/wiki
import * as filters from './filters'; // 全局vue filter
import Multiselect from 'vue-multiselect';// 使用的一个多选框组件，element-ui的select不能满足所有需求
import 'vue-multiselect/dist/vue-multiselect.min.css';// 多选框组件css
import 'swiper/dist/css/swiper.css';// 引入swiper样式
import Multiselect from 'vue-multiselect'; // 使用的一个多选框组件，element-ui的select不能满足所有需求
import 'vue-multiselect/dist/vue-multiselect.min.css'; // 多选框组件css
import 'swiper/dist/css/swiper.css'; // 引入swiper样式
import Sticky from 'components/Sticky'; // 粘性header组件
import IconSvg from 'components/Icon-svg';// svg 组件
import vueWaves from './directive/waves';// 水波纹指令
import errLog from 'store/errLog';// error log组件
import IconSvg from 'components/Icon-svg'; // svg 组件
import vueWaves from './directive/waves'; // 水波纹指令
import errLog from 'store/errLog'; // error log组件
// import './mock/index.js'; // 该项目所有请求使用mockjs模拟
import { getToken } from 'utils/auth';
import {
getToken
} from 'utils/auth';
import 'babel-polyfill'; // 支持IE执行原生script
import XEUtils from 'xe-utils';// 加入常用工具类
import VXEUtils from 'vxe-utils';// 加入常用工具类
import XEUtils from 'xe-utils'; // 加入常用工具类
import VXEUtils from 'vxe-utils'; // 加入常用工具类
import BaiduMap from 'vue-baidu-map'
import '../node_modules/echarts/map/js/china.js' // 引入中国地图数据
import '../node_modules/echarts/map/js/province/aomen.js'
......@@ -92,34 +94,37 @@ Vue.use(BaiduMap, {
import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll);
import VueImageSwipe from 'vue-image-swipe'
import 'vue-image-swipe/dist/vue-image-swipe.css'
Vue.use(VueImageSwipe)
//只能输入正整数
Vue.directive('enterNumber', {
inserted: function (el) {
el.addEventListener("keypress",function(e){
el.addEventListener("keypress", function (e) {
e = e || window.event;
let charcode = typeof e.charCode == 'number' ? e.charCode : e.keyCode;
let re = /\d/;
if(!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey){
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue = false;
}
if (!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
});
}
});
Vue.directive('isNumber', {
inserted: function (el) {
el.addEventListener("keypress",function(e){
el.addEventListener("keypress", function (e) {
e = e || window.event;
let charcode = typeof e.charCode == 'number' ? e.charCode : e.keyCode;
let re = /\d/;
if(!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey){
if(e.preventDefault){
if (!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey) {
if (e.preventDefault) {
e.preventDefault();
}else{
} else {
e.returnValue = false;
}
}
......@@ -133,12 +138,14 @@ Object.keys(filters).forEach(key => {
});
// register global progress.
const whiteList = ['/login', '/authredirect', '/map', '/stockCrowd', '/stockCrowdDetail', '/companyInfo', '/provinceMap', '/campsite','/companyDetail'];// 不重定向白名单
const whiteList = ['/login', '/authredirect', '/map', '/stockCrowd', '/stockCrowdDetail', '/companyInfo', '/provinceMap', '/campsite', '/companyDetail']; // 不重定向白名单
router.beforeEach((to, from, next) => {
NProgress.start(); // 开启Progress
if (getToken()) { // 判断是否有token
if (to.path === '/login') {
next({ path: '/' });
next({
path: '/'
});
} else {
if (store.getters.menus === undefined) { // 判断当前用户是否已拉取完user_info信息
store.dispatch('GetInfo').then(info => { // 拉取user_info
......@@ -148,22 +155,26 @@ router.beforeEach((to, from, next) => {
}
store.dispatch('GenerateRoutes', menus).then(() => { // 生成可访问的路由表
router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
next({ ...to }); // hack方法 确保addRoutes已完成
next({
...to
}); // hack方法 确保addRoutes已完成
})
}).catch(() => {
store.dispatch('FedLogOut').then(() => {
next({ path: '/login' });
next({
path: '/login'
});
})
})
} else {
// else {
// // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
// if (hasPermission(store.getters.roles, to.meta.role)) {
// next();//
// } else {
// else {
// // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
// if (hasPermission(store.getters.roles, to.meta.role)) {
// next();//
// } else {
next();
// }
// // 可删 ↑
// }
// // 可删 ↑
}
}
} else {
......@@ -184,7 +195,7 @@ Vue.config.productionTip = false;
// 生产环境错误日志
if (process.env.NODE_ENV === 'production') {
Vue.config.errorHandler = function(err, vm) {
Vue.config.errorHandler = function (err, vm) {
console.log(err, window.location.href);
errLog.pushLog({
err,
......@@ -199,8 +210,10 @@ new Vue({
router,
store,
template: '<App/>',
components: { App }
components: {
App
}
})
const Bus = new Vue()
Vue.prototype.$bus = Bus
\ No newline at end of file
Vue.prototype.$bus = Bus
src/views/admin/appUser/index.vue
View file @ ab5bc092
This diff is collapsed.
src/views/admin/groupType/index.vue
View file @ ab5bc092
......@@ -77,6 +77,7 @@
</el-table>
<div v-show="!listLoading" class="pagination-container">
<el-pagination
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
......@@ -87,7 +88,11 @@
>
</el-pagination>
</div>
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
<el-dialog
:title="textMap[dialogStatus]"
width="30%"
:visible.sync="dialogFormVisible"
>
<el-form :model="form" :rules="rules" ref="form" label-width="100px">
<el-form-item label="角色名称" prop="name">
<el-input v-model="form.name" placeholder="请输入角色名称"></el-input>
......
src/views/admin/menu/components/element.vue
View file @ ab5bc092
This diff is collapsed.
src/views/admin/user/index.vue
View file @ ab5bc092
This diff is collapsed.
src/views/archiveDataManagement/dataList/index.vue
View file @ ab5bc092
......@@ -44,8 +44,10 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="search">搜索</el-button>
<el-button type="info" @click="clear">清除搜索</el-button>
<el-button type="primary" plain @click="search" icon="el-icon-search"
>搜索</el-button
>
<el-button type="primary" plain @click="clear">清除搜索</el-button>
</el-col>
</el-row>
</el-form>
......@@ -74,7 +76,7 @@
</el-table-column>
</el-table>
<el-pagination
style="margin-top: 20px"
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listQuery.page"
......
src/views/archiveDataManagement/resolutionManger/index.vue
View file @ ab5bc092
......@@ -40,7 +40,7 @@
</el-table-column>
</el-table>
<el-pagination
style="margin-top: 20px"
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listQuery.page"
......
src/views/archiveDataManagement/satelliteManagement/index.vue
View file @ ab5bc092
......@@ -51,7 +51,7 @@
</el-table-column>
</el-table>
<el-pagination
style="margin-top: 20px"
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listQuery.page"
......
src/views/contactService/complaint.vue
View file @ ab5bc092
This diff is collapsed.
src/views/contactService/contact.vue
View file @ ab5bc092
This diff is collapsed.
src/views/contactService/feedback.vue
View file @ ab5bc092
This diff is collapsed.
src/views/orderManagement/demandList/index.vue
View file @ ab5bc092
<template>
<div class="main">
<div>
<el-form ref="form">
<el-row>
<el-col :span="6"
><el-form-item label="需求类型">
<el-select v-model="listQuery.type" placeholder="请选择需求类型">
<el-option label="全部" :value="''"></el-option>
<el-option label="编程需求" :value="1"></el-option>
<el-option label="专题应用需求" :value="2"></el-option>
<el-option label="影像图需求" :value="3"></el-option>
</el-select> </el-form-item
></el-col>
<el-col :span="6"
><el-form-item label="需求状态">
<el-select
v-model="listQuery.auditStatus"
placeholder="请选择需求状态"
>
<el-option label="全部" :value="''"></el-option>
<el-option label="待处理" :value="1"></el-option>
<el-option label="已生成订单" :value="2"></el-option>
</el-select> </el-form-item
></el-col>
<el-col :span="6">
<el-button type="primary" @click="search">搜索</el-button>
<el-button type="info" @click="clear">清除搜索</el-button>
</el-col>
</el-row>
<el-form ref="form" :inline="true" label-width="100px">
<el-form-item label="需求类型">
<el-select v-model="listQuery.type" placeholder="请选择需求类型">
<el-option label="全部" :value="''"></el-option>
<el-option label="编程需求" :value="1"></el-option>
<el-option label="专题应用需求" :value="2"></el-option>
<el-option label="影像图需求" :value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="需求状态">
<el-select
v-model="listQuery.auditStatus"
placeholder="请选择需求状态"
>
<el-option label="全部" :value="''"></el-option>
<el-option label="待处理" :value="1"></el-option>
<el-option label="已生成订单" :value="2"></el-option>
</el-select>
</el-form-item>
<el-button type="primary" @click="search" plain icon="el-icon-search"
>搜索</el-button
>
<el-button type="primary" plain @click="clear">清除搜索</el-button>
</el-form>
<div class="orderItem" v-for="(item, idx) in tableData" :key="idx">
<div class="itemTop">提交时间：{{ item.crtTimeStr }}</div>
......@@ -86,7 +84,7 @@
</div>
</div>
<el-pagination
style="margin-top: 20px"
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listQuery.page"
......
src/views/userManagement/index.vue
View file @ ab5bc092
......@@ -55,7 +55,11 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="handleSearch"
<el-button
type="primary"
plain
@click="handleSearch"
icon="el-icon-search"
>搜索</el-button
>
<el-button type="primary" plain @click="handleCleanSearch"
......@@ -92,9 +96,14 @@
<el-table-column align="center" label="头像">
<template slot-scope="scope">
<el-image
style="width: 40px; height: 40px; border-radius: 50%"
style="
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
"
:src="scope.row.headimgurl"
:preview-src-list="[scope.row.headimgurl]"
@click="preview(scope.row.headimgurl)"
></el-image>
<!-- <img style="width: 40px;height: 40px;border-radius: 50%;" :src="scope.row.headimgurl" @click.stop="showPreview(scope.row.headimgurl)"/>-->
</template>
......@@ -112,29 +121,21 @@
</el-table-column>
<el-table-column align="center" label="操作" width="300">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
@click="handleInvoice(scope.row)"
<el-button type="text" @click="handleInvoice(scope.row)"
>查看发票</el-button
>
<el-button
type="primary"
size="mini"
@click="handleAddress(scope.row)"
<el-button type="text" @click="handleAddress(scope.row)"
>查看地址</el-button
>
<el-button
:type="scope.row.status === 1 ? 'info' : 'warning'"
size="mini"
@click="changeStatus(scope.row)"
>{{ scope.row.status === 0 ? "禁用" : "启用" }}</el-button
>
<el-button type="text" @click="changeStatus(scope.row)">{{
scope.row.status === 0 ? "禁用" : "启用"
}}</el-button>
</template>
</el-table-column>
</el-table>
<div v-show="!listLoading" class="pagination-container">
<el-pagination
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
......@@ -214,6 +215,13 @@ export default {
this.getList();
},
methods: {
preview(src) {
let imgs = [src];
this.$imagePreview({
images: imgs,
index: 0,
});
},
/**
* 搜索
*/
......
src/views/webSiteManagement/imageLibrary/list.vue
View file @ ab5bc092
......@@ -34,7 +34,13 @@
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="search">搜索</el-button>
<el-button
type="primary"
plain
icon="el-icon-search"
@click="search"
>搜索</el-button
>
<el-button type="primary" plain @click="clearFilterData"
>清除搜索</el-button
>
......@@ -88,19 +94,11 @@
</el-table-column>
<el-table-column align="center" label="操作" width="250">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="edit(scope.row)"
>编辑</el-button
>
<el-button
:type="scope.row.status === 1 ? 'info' : 'warning'"
size="mini"
@click="changeParams(scope.row, 'status')"
>{{ scope.row.status === 1 ? "下架" : "上架" }}</el-button
>
<el-button
type="danger"
size="mini"
@click="changeParams(scope.row, 'isDel')"
<el-button type="text" @click="edit(scope.row)">编辑</el-button>
<el-button type="text" @click="changeParams(scope.row, 'status')">{{
scope.row.status === 1 ? "下架" : "上架"
}}</el-button>
<el-button type="text" @click="changeParams(scope.row, 'isDel')"
>删除</el-button
>
</template>
......@@ -109,6 +107,7 @@
<div class="page-foot">
<el-pagination
style="text-align: center"
@size-change="handleSizeChange"
@current-change="currentChange"
:current-page.sync="listQuery.page"
......
src/views/webSiteManagement/industryApplication/applicationCate/index.vue
View file @ ab5bc092
......@@ -210,6 +210,7 @@
</div>
<div class="typePagination">
<el-pagination
style="text-align: center"
@size-change="changeHandleSize"
@current-change="changeHandleCurrent"
:current-page.sync="typePagination.currentPage"
......
src/views/webSiteManagement/industryApplication/applicationList/appList/index.vue
View file @ ab5bc092
......@@ -51,16 +51,19 @@
</el-option>
</el-select>
</div>
<div class="controls">
<div
class="item"
<div style="margin-left: 20px">
<el-button
type="primary"
:icon="index == 0 ? 'el-icon-search' : ''"
plain
v-for="(item, index) in operatorControls"
:key="index"
@click.stop="clickOperator(index)"
>
{{ item.name }}
</div>
</el-button>
</div>
<div class="addApp">
<div class="add" @click.stop="addApp">新增应用</div>
</div>
......@@ -79,7 +82,7 @@
<span>{{ scope.row.index }}</span>
</template>
</el-table-column>
<el-table-column label="应用类别" width="200" align="center">
<el-table-column label="应用类别" align="center">
<template slot-scope="scope">
<span>{{
scope.row.firstTitle
......@@ -101,22 +104,23 @@
<img
class="icon"
:src="scope.row.icon.url"
@click="showPreview(scope.row.icon)"
@click="preview(scope.row.icon.url)"
/>
<!-- @click="showPreview(scope.row.icon)" -->
</span>
</template>
</el-table-column>
<el-table-column label="发布时间" width="150" align="center">
<el-table-column label="发布时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.crtTime }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="150" align="center">
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.status == 1 ? "上架" : "下架" }}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="150" align="center">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- <span>{{scope.row.operator}}</span> -->
<span>
......@@ -145,6 +149,7 @@
</div>
<div class="infoPagination" v-show="infoPagination">
<el-pagination
style="text-align: center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="infoPagination.currentPage"
......@@ -497,6 +502,13 @@ export default {
onPreview(url) {
this.form.coverImg = url;
},
preview(src) {
let imgs = [src];
this.$imagePreview({
images: imgs,
index: 0,
});
},
showPreview(icon) {
this.currentIcon = icon;
this.currentIcon.showPreview = true;
......
src/views/webSiteManagement/industryApplication/transactionProtection/index.vue
View file @ ab5bc092
......@@ -197,6 +197,7 @@
</div>
<div class="pagination">
<el-pagination
style="text-align: center"
@size-change="changeHandleSize"
@current-change="changeHandleCurrent"
:current-page.sync="pagination.currentPage"
......@@ -696,7 +697,7 @@ export default {
.pagination {
margin: 1% 1% 0 1%;
width: 98%;
height: auto;
height: auto;
}
}
</style>
src/views/webSiteManagement/satelliteIntroduction/list.vue
View file @ ab5bc092
......@@ -26,7 +26,13 @@
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="search">搜索</el-button>
<el-button
type="primary"
plain
@click="search"
icon="el-icon-search"
>搜索</el-button
>
<el-button type="primary" plain @click="clearFilterData"
>清除搜索</el-button
>
......@@ -57,7 +63,7 @@
<img
class="cover"
:src="scope.row.coverImg"
@click.stop="showPreview(scope.row.coverImg)"
@click="preview(scope.row.coverImg)"
/>
</template>
</el-table-column>
......@@ -78,19 +84,11 @@
</el-table-column>
<el-table-column align="center" label="操作" width="250">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="edit(scope.row)"
>编辑</el-button
>
<el-button
:type="scope.row.status === 1 ? 'info' : 'warning'"
size="mini"
@click="changeParams(scope.row, 'status')"
>{{ scope.row.status === 1 ? "下架" : "上架" }}</el-button
>
<el-button
type="danger"
size="mini"
@click="changeParams(scope.row, 'isDel')"
<el-button type="text" @click="edit(scope.row)">编辑</el-button>
<el-button type="text" @click="changeParams(scope.row, 'status')">{{
scope.row.status === 1 ? "下架" : "上架"
}}</el-button>
<el-button type="text" @click="changeParams(scope.row, 'isDel')"
>删除</el-button
>
</template>
......@@ -104,6 +102,7 @@
/>
<div class="page-foot">
<el-pagination
style="text-align: center"
@size-change="handleSizeChange"
@current-change="currentChange"
:current-page.sync="listQuery.page"
......@@ -175,6 +174,13 @@ export default {
this.getList();
},
preview(src) {
let imgs = [src];
this.$imagePreview({
images: imgs,
index: 0,
});
},
showPreview(url) {
this.currentIcon.url = url;
this.currentIcon.showPreview = true;
......
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