|
|
@@ -1,98 +1,10 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <!-- <el-table
|
|
|
- v-loading="loading"
|
|
|
- :data="cabinetList"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
- >
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="主键" align="center" prop="id" />
|
|
|
- <el-table-column label="手机柜编号" align="center" prop="number" />
|
|
|
- <el-table-column label="手机柜位置" align="center" prop="address" />
|
|
|
- <el-table-column label="格子数量" align="center" prop="gridNumber" />
|
|
|
- <el-table-column label="存放数量" align="center" prop="storageQuantity" />
|
|
|
- <el-table-column
|
|
|
- label="异常数量"
|
|
|
- align="center"
|
|
|
- prop="exceptionsNumber"
|
|
|
- />
|
|
|
- <el-table-column label="所属单位id" align="center" prop="unitId" />
|
|
|
- <el-table-column label="所属单位名称" align="center" prop="unitName" />
|
|
|
- <el-table-column
|
|
|
- label="操作"
|
|
|
- align="center"
|
|
|
- class-name="small-padding fixed-width"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="handleUpdate(scope.row)"
|
|
|
- v-hasPermi="['phone:cabinet:edit']"
|
|
|
- >修改</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
- v-hasPermi="['phone:cabinet:remove']"
|
|
|
- >删除</el-button
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <pagination
|
|
|
- v-show="total > 0"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
-
|
|
|
- 添加或修改手机柜对话框
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="手机柜编号" prop="number">
|
|
|
- <el-input v-model="form.number" placeholder="请输入手机柜编号" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机柜位置" prop="address">
|
|
|
- <el-input v-model="form.address" placeholder="请输入手机柜位置" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="格子数量" prop="gridNumber">
|
|
|
- <el-input v-model="form.gridNumber" placeholder="请输入格子数量" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="存放数量" prop="storageQuantity">
|
|
|
- <el-input
|
|
|
- v-model="form.storageQuantity"
|
|
|
- placeholder="请输入存放数量"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="异常数量" prop="exceptionsNumber">
|
|
|
- <el-input
|
|
|
- v-model="form.exceptionsNumber"
|
|
|
- placeholder="请输入异常数量"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属单位id" prop="unitId">
|
|
|
- <el-input v-model="form.unitId" placeholder="请输入所属单位id" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属单位名称" prop="unitName">
|
|
|
- <el-input v-model="form.unitName" placeholder="请输入所属单位名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog> -->
|
|
|
<div class="box" v-if="phone">
|
|
|
- <ul class="oneUl" v-for="(item, i) in cabinetList" :key="i" :span="2">
|
|
|
- <li>
|
|
|
+ <ul>
|
|
|
+ <li class="oneUl" v-for="(item, i) in cabinetList" :key="i">
|
|
|
<div class="title">{{ item.unitName }}</div>
|
|
|
- <table class="table" @click="opens">
|
|
|
+ <table class="table" @click="opens(item.id)">
|
|
|
<tr>
|
|
|
<td style="text-align: left; width: 86px">柜子编号</td>
|
|
|
<td style="text-align: right; width: 145px">{{ item.number }}</td>
|
|
|
@@ -105,19 +17,19 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="text-align: left; width: 86px">格子数量</td>
|
|
|
- <td style="text-align: right; width: 145px">
|
|
|
+ <td style="text-align: right; width: 145px; color: #00f6ff">
|
|
|
{{ item.gridNumber }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="text-align: left; width: 86px">已存放</td>
|
|
|
- <td style="text-align: right; width: 145px">
|
|
|
+ <td style="text-align: right; width: 145px; color: #13ce66">
|
|
|
{{ item.storageQuantity }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="text-align: left; width: 86px">异常格子</td>
|
|
|
- <td style="text-align: right; width: 145px">
|
|
|
+ <td style="text-align: right; width: 145px; color: #ff4949">
|
|
|
{{ item.exceptionsNumber }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
@@ -125,25 +37,8 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="box1" v-if="phone2">
|
|
|
- <el-row :gutter="10" class="mb9">
|
|
|
- <el-col :span="1.5" class="isSubmit">
|
|
|
- <i
|
|
|
- class="el-icon-arrow-left"
|
|
|
- style="color: #fff; cursor: pointer"
|
|
|
- @click="dianJi"
|
|
|
- >返回</i
|
|
|
- >
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <hr
|
|
|
- style="
|
|
|
- width: 102%;
|
|
|
- margin-left: -15px;
|
|
|
- border: 1px solid #718a9d;
|
|
|
- margin-bottom: 14px;
|
|
|
- "
|
|
|
- />
|
|
|
<el-form
|
|
|
:model="queryParams"
|
|
|
ref="queryForm"
|
|
|
@@ -151,6 +46,25 @@
|
|
|
v-show="showSearch"
|
|
|
label-width="68px"
|
|
|
>
|
|
|
+ <el-form-item prop="gridNumber">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ width: 87px;
|
|
|
+ height: 36px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #d2d6de;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-left: 31px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ class="el-icon-arrow-left"
|
|
|
+ style="color: #fff; cursor: pointer"
|
|
|
+ @click="dianJi"
|
|
|
+ >返回</i
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item prop="gridNumber">
|
|
|
<el-input
|
|
|
v-model="queryParams.gridNumber"
|
|
|
@@ -161,68 +75,106 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button size="btr" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button size="btp" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
<div class="shuJu">
|
|
|
- <span class="box44 public"> 已存放</span>
|
|
|
- <span class="box5 public"> 异常</span>
|
|
|
- <span class="box6"> 待存放</span>
|
|
|
+ <span class="box44 public"> 已存放 :{{ statistics.cunfang }}个</span>
|
|
|
+ <span class="box5 public"> 异常 :{{ statistics.yichang }}个</span>
|
|
|
+ <span class="box6"> 待存放 :{{ statistics.weicunfang }}个</span>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
- <ul class="twoUl" v-for="(item, i) in cabinetList" :key="i">
|
|
|
- <li>
|
|
|
- <div class="two_div"><span>A1</span></div>
|
|
|
- <el-button size="mini" @click.native="buttOn(item)">李大钊</el-button>
|
|
|
+ <ul class="twoUl">
|
|
|
+ <li
|
|
|
+ v-for="(item, i) in gridList"
|
|
|
+ :key="i"
|
|
|
+ :class="{
|
|
|
+ greed: item.latticeState == '0',
|
|
|
+ red: item.latticeState == '1',
|
|
|
+ yellow: item.latticeState == '2',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <div class="two_div">
|
|
|
+ <span>{{ item.gridNumber }}</span>
|
|
|
+ </div>
|
|
|
+ <el-button size="mini" @click.native="buttOn(item)">{{
|
|
|
+ item.name
|
|
|
+ }}</el-button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- 格子记录弹出层 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="827px" append-to-body>
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="860px"
|
|
|
+ append-to-body
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
<div class="box2">
|
|
|
<el-form
|
|
|
ref="form"
|
|
|
:model="form"
|
|
|
:rules="rules"
|
|
|
- label-width="80px"
|
|
|
inline
|
|
|
+ label-position="right"
|
|
|
>
|
|
|
<div class="jiben">基本信息</div>
|
|
|
- <el-form-item label="柜子ID:" prop="number">
|
|
|
- <span>A318</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="存物状态:" prop="address">
|
|
|
- <span>已存</span>
|
|
|
+ <el-form-item label="柜子ID :" prop="number"> A318 </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="存物状态 :"
|
|
|
+ prop="address"
|
|
|
+ style="margin-left: 84px"
|
|
|
+ >
|
|
|
+ 已存
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="存取次数:" prop="gridNumber">
|
|
|
- <span>333</span>
|
|
|
+ <el-form-item
|
|
|
+ label="存取次数 :"
|
|
|
+ prop="gridNumber"
|
|
|
+ style="margin-left: 84px"
|
|
|
+ >
|
|
|
+ 333
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="正常运行" prop="storageQuantity">
|
|
|
- <span>362</span>
|
|
|
+ <el-form-item
|
|
|
+ label="正常运行 :"
|
|
|
+ prop="storageQuantity"
|
|
|
+ style="margin-left: 84px"
|
|
|
+ >
|
|
|
+ 362
|
|
|
</el-form-item>
|
|
|
- <div
|
|
|
- style="
|
|
|
- border: 1px dashed #606266;
|
|
|
- margin-top: -14px;
|
|
|
- margin-bottom: 14px;
|
|
|
- "
|
|
|
- ></div>
|
|
|
- <el-form-item label="柜子ID:" prop="number">
|
|
|
- <span>A318</span>
|
|
|
+ <div style="margin-top: -30px; margin-bottom: 7px">
|
|
|
+ <img src="../../../assets/images/虚线1.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <el-form-item label="绑定人员 :" prop="number">
|
|
|
+ <span>张三</span>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="存物状态:" prop="address">
|
|
|
- <span>已存</span>
|
|
|
+ <el-form-item
|
|
|
+ label="性ㅤㅤ别 :"
|
|
|
+ prop="address"
|
|
|
+ style="margin-left: 76px"
|
|
|
+ >
|
|
|
+ <!-- <el-form-item label=" :" prop="address" style="margin-left: 84px"> -->
|
|
|
+ <span>男</span>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="存取次数:" prop="gridNumber">
|
|
|
- <span>333</span>
|
|
|
+ <el-form-item
|
|
|
+ label="请假状态 :"
|
|
|
+ prop="storageQuantity"
|
|
|
+ style="margin-left: 98px"
|
|
|
+ >
|
|
|
+ <span>在位</span>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="正常运行" prop="storageQuantity">
|
|
|
- <span>362</span>
|
|
|
+ <el-form-item
|
|
|
+ label="所在单位 :"
|
|
|
+ prop="gridNumber"
|
|
|
+ style="margin-left: 50px"
|
|
|
+ >
|
|
|
+ <span>发射一营一连</span>
|
|
|
</el-form-item>
|
|
|
<div class="jiben">存取记录</div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
style="width: 100%"
|
|
|
- :header-cell-style="{ background: '#003C69', color: 'white' }"
|
|
|
+ :header-cell-style="{ background: '#004274', color: 'white' }"
|
|
|
>
|
|
|
<el-table-column label="序号" width="50px">
|
|
|
<template scope="scope">
|
|
|
@@ -238,36 +190,30 @@
|
|
|
<el-table-column prop="name" label="更新时间"> </el-table-column>
|
|
|
<el-table-column prop="address" label="存物状态"> </el-table-column>
|
|
|
</el-table>
|
|
|
- <!-- <el-form-item label="异常数量" prop="exceptionsNumber">
|
|
|
- <el-input
|
|
|
- v-model="form.exceptionsNumber"
|
|
|
- placeholder="请输入异常数量"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属单位id" prop="unitId">
|
|
|
- <el-input v-model="form.unitId" placeholder="请输入所属单位id" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属单位名称" prop="unitName">
|
|
|
- <el-input v-model="form.unitName" placeholder="请输入所属单位名称" />
|
|
|
- </el-form-item> -->
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <!-- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
- </div> -->
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ <!-- <div slot="footer" class="dialog-footer"></div> -->
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
- listCabinet,
|
|
|
+ listCabinet, //一进来请求的数据
|
|
|
getCabinet,
|
|
|
delCabinet,
|
|
|
addCabinet,
|
|
|
updateCabinet,
|
|
|
exportCabinet,
|
|
|
+ listGrid,
|
|
|
+ shouJiGrid,
|
|
|
} from "@/api/phone/cabinet";
|
|
|
|
|
|
export default {
|
|
|
@@ -290,6 +236,8 @@ export default {
|
|
|
total: 0,
|
|
|
// 手机柜表格数据
|
|
|
cabinetList: [],
|
|
|
+ // 手机柜格子列表
|
|
|
+ gridList: [],
|
|
|
// 弹出层标题
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
@@ -297,7 +245,7 @@ export default {
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
+ pageSize: 4,
|
|
|
number: null,
|
|
|
address: null,
|
|
|
gridNumber: null,
|
|
|
@@ -318,24 +266,31 @@ export default {
|
|
|
{
|
|
|
date: "2016-05-02",
|
|
|
name: "王小虎",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
+ address: "在位",
|
|
|
},
|
|
|
{
|
|
|
date: "2016-05-04",
|
|
|
name: "王小虎",
|
|
|
- address: "上海市普陀区金沙江路 1517 弄",
|
|
|
+ address: "在位",
|
|
|
},
|
|
|
{
|
|
|
date: "2016-05-01",
|
|
|
name: "王小虎",
|
|
|
- address: "上海市普陀区金沙江路 1519 弄",
|
|
|
+ address: "在位",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ date: "2016-05-03",
|
|
|
+ name: "王小虎",
|
|
|
+ address: "在位",
|
|
|
},
|
|
|
{
|
|
|
date: "2016-05-03",
|
|
|
name: "王小虎",
|
|
|
- address: "上海市普陀区金沙江路 1516 弄",
|
|
|
+ address: "在位",
|
|
|
},
|
|
|
],
|
|
|
+ // 统计个数
|
|
|
+ statistics: {},
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -344,7 +299,8 @@ export default {
|
|
|
methods: {
|
|
|
// 点击名字触发
|
|
|
buttOn(row) {
|
|
|
- console.log(row);
|
|
|
+ // console.log(row);
|
|
|
+ this.queryParams.phoneCabinetId = row.id;
|
|
|
this.open = true;
|
|
|
this.title = "柜子记录";
|
|
|
},
|
|
|
@@ -355,19 +311,31 @@ export default {
|
|
|
this.queryParams.gridNumber = null;
|
|
|
},
|
|
|
// 点击手机柜触发
|
|
|
- opens() {
|
|
|
+ opens(id) {
|
|
|
+ console.log(id);
|
|
|
+ // 赋值到查询参数中
|
|
|
+ this.queryParams.phoneCabinetId = id;
|
|
|
this.phone = false;
|
|
|
this.phone2 = true;
|
|
|
+ listGrid(this.queryParams.phoneCabinetId).then((res) => {
|
|
|
+ this.gridList = res.rows;
|
|
|
+ });
|
|
|
+ shouJiGrid().then((res) => {
|
|
|
+ this.statistics = res.data;
|
|
|
+ });
|
|
|
},
|
|
|
/** 查询手机柜列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
listCabinet().then((response) => {
|
|
|
- console.log(response);
|
|
|
+ console.log(response); //请求回来的数据
|
|
|
this.cabinetList = response.rows;
|
|
|
this.total = response.total;
|
|
|
this.loading = false;
|
|
|
});
|
|
|
+ // aaa().then((res) => {
|
|
|
+ // console.log(res);
|
|
|
+ // });
|
|
|
},
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
@@ -470,22 +438,34 @@ export default {
|
|
|
.catch(() => {});
|
|
|
},
|
|
|
},
|
|
|
+ watch: {},
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+* {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
ul {
|
|
|
list-style-type: none;
|
|
|
}
|
|
|
-.oneUl {
|
|
|
- display: inline-block;
|
|
|
- padding-left: 10px;
|
|
|
- /* padding-left: calc((1793px - 1530px) / 5); */
|
|
|
+.box ul {
|
|
|
+ /* display: flex;
|
|
|
+ flex-flow: wrap; */
|
|
|
+ display: flex;
|
|
|
+ flex-flow: wrap;
|
|
|
+ margin-left: 2%;
|
|
|
+ padding-left: -1%;
|
|
|
+ padding-top: 28px;
|
|
|
}
|
|
|
-.oneUl li {
|
|
|
+.oneUl {
|
|
|
+ flex: 1;
|
|
|
+ /* display: inline-block; */
|
|
|
background: url("../../../assets/images/柜子2.png") no-repeat;
|
|
|
- width: 306px;
|
|
|
+ /* width: 306px; */
|
|
|
height: 285px;
|
|
|
padding: 22px;
|
|
|
+ min-width: 308px;
|
|
|
+ margin-bottom: 40px;
|
|
|
}
|
|
|
.title {
|
|
|
color: #fff;
|
|
|
@@ -506,31 +486,46 @@ ul {
|
|
|
}
|
|
|
::v-deep .el-input__inner {
|
|
|
color: #fff;
|
|
|
- width: 200px;
|
|
|
+ /* width: 200px; */
|
|
|
height: 36px;
|
|
|
}
|
|
|
-.twoUl li {
|
|
|
+.red {
|
|
|
+ background: url("../../../assets/images/抽屉-红色1.png") no-repeat;
|
|
|
+}
|
|
|
+.greed {
|
|
|
background: url("../../../assets/images/抽屉-绿色1.png") no-repeat;
|
|
|
- width: 173px;
|
|
|
- height: 114px;
|
|
|
- padding: 22px;
|
|
|
}
|
|
|
-.twoUl li {
|
|
|
- background: url("../../../assets/images/抽屉-红色1.png") no-repeat;
|
|
|
- width: 173px;
|
|
|
- height: 114px;
|
|
|
- padding: 22px;
|
|
|
+.yellow {
|
|
|
+ background: url("../../../assets/images/抽屉-黄色1.png") no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.box1 {
|
|
|
+ padding-top: 17px;
|
|
|
+ padding-left: 24px;
|
|
|
}
|
|
|
.twoUl li {
|
|
|
- background: url("../../../assets/images/抽屉-黄色1.png") no-repeat;
|
|
|
- width: 173px;
|
|
|
height: 114px;
|
|
|
- padding: 22px;
|
|
|
+ padding: 20px;
|
|
|
+ margin-right: 22px;
|
|
|
+ margin-bottom: 43px;
|
|
|
+ min-width: 175px;
|
|
|
+
|
|
|
+ /* margin-bottom: 43px;
|
|
|
+ flex: 1;
|
|
|
+ max-width: 173px;
|
|
|
+ margin-right: 2%; */
|
|
|
}
|
|
|
.twoUl {
|
|
|
- display: inline-block;
|
|
|
- padding-left: 10px;
|
|
|
- margin-left: 12px;
|
|
|
+ /* display: inline-block;
|
|
|
+ padding-left: 0px;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-top: 0px;
|
|
|
+ margin-bottom: 38px;
|
|
|
+ margin-right: 14px; */
|
|
|
+ padding-left: 12px;
|
|
|
+ display: flex;
|
|
|
+ flex-flow: wrap;
|
|
|
+ margin-top: 0px;
|
|
|
}
|
|
|
.two_div {
|
|
|
text-align: center;
|
|
|
@@ -539,15 +534,17 @@ ul {
|
|
|
color: #fff;
|
|
|
}
|
|
|
::v-deep .el-button--mini {
|
|
|
- margin-left: 30px !important;
|
|
|
+ margin-left: 25px !important;
|
|
|
margin-top: 6px !important;
|
|
|
background: #1263aa;
|
|
|
border-color: #1263aa;
|
|
|
color: #ffffff;
|
|
|
+ width: 82px;
|
|
|
+ height: 30px;
|
|
|
}
|
|
|
.shuJu {
|
|
|
height: 16px;
|
|
|
- margin-top: 13px;
|
|
|
+ margin-top: 26px;
|
|
|
margin-right: 90px;
|
|
|
float: right;
|
|
|
color: #fff;
|
|
|
@@ -581,10 +578,6 @@ ul {
|
|
|
background-color: #ffba00;
|
|
|
margin-left: 26px;
|
|
|
}
|
|
|
-/* 卡片样式 */
|
|
|
-/* .app-container {
|
|
|
- height: calc(100vh - 108px) !important;
|
|
|
-} */
|
|
|
::v-deep .el-dialog {
|
|
|
background-color: #004d86;
|
|
|
margin: auto;
|
|
|
@@ -599,12 +592,100 @@ ul {
|
|
|
}
|
|
|
.box2 form .el-form-item {
|
|
|
color: #fff;
|
|
|
- margin-left: -21px;
|
|
|
- margin-right: 110px;
|
|
|
+ margin-right: 20px;
|
|
|
}
|
|
|
|
|
|
/* 鼠标经过颜色 */
|
|
|
::v-deep .el-table__body tr:hover > td {
|
|
|
background-color: transparent !important;
|
|
|
}
|
|
|
+::v-deep .box1 form {
|
|
|
+ margin-left: -14px;
|
|
|
+}
|
|
|
+::v-deep .box1 form .el-form-item {
|
|
|
+ margin-top: 17px;
|
|
|
+}
|
|
|
+::v-deep .el-form-item {
|
|
|
+ margin-bottom: 29px;
|
|
|
+}
|
|
|
+.jiben {
|
|
|
+ width: 100%;
|
|
|
+ height: 32px;
|
|
|
+ background-image: url(/static/img/小标题底.b7c6f45a.png);
|
|
|
+ margin-bottom: 18px;
|
|
|
+ color: #fff;
|
|
|
+ padding-left: 16px;
|
|
|
+ line-height: 32px;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+::v-deep .el-table tr:nth-child(odd) {
|
|
|
+ background: #004d86;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ padding: 30px 38px;
|
|
|
+}
|
|
|
+::v-deep .el-form-item__label {
|
|
|
+ padding: 0 0 0 0;
|
|
|
+}
|
|
|
+/* 重置按钮 */
|
|
|
+.el-button--btp.is-active,
|
|
|
+.el-button--btp:active {
|
|
|
+ background: #3da1f8;
|
|
|
+ border-color: #3da1f8;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.el-button--btp:focus,
|
|
|
+.el-button--btp:hover {
|
|
|
+ background: #3da1f8;
|
|
|
+ border-color: #3da1f8;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.el-button--btp {
|
|
|
+ color: #ffffff;
|
|
|
+ width: 76px;
|
|
|
+ height: 36px;
|
|
|
+ background-color: #1d96ff;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 1px;
|
|
|
+}
|
|
|
+::v-deep .el-dialog {
|
|
|
+ border-radius: 8px;
|
|
|
+}
|
|
|
+::v-deep .has-gutter tr {
|
|
|
+ height: 60px;
|
|
|
+}
|
|
|
+/* 分页样式 */
|
|
|
+::v-deep .pagination-container {
|
|
|
+ background: #004d85 !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination__total {
|
|
|
+ margin-top: 2px !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination .el-select .el-input .el-input__inner {
|
|
|
+ background-color: #196299 !important;
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
+::v-deep .el-pagination.is-background .btn-prev,
|
|
|
+.el-pagination.is-background .btn-next {
|
|
|
+ background-color: #265070 !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination.is-background .el-pager li {
|
|
|
+ background-color: #196299 !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination__editor.el-input .el-input__inner {
|
|
|
+ background-color: #196299 !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
|
+ background-color: #1890ff !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination.is-background .btn-next {
|
|
|
+ background: #265070 !important;
|
|
|
+}
|
|
|
+::v-deep .el-pagination__sizes {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
</style>
|
sunyanqiang
