Compare commits
No commits in common. "67a76869e112ae20919c32453f800a94123ca281" and "95a4b336f8af78368dd8071d955f55faee3959e0" have entirely different histories.
67a76869e1
...
95a4b336f8
@ -26,13 +26,6 @@ export function getUser(userId) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getUserSimple(userId) {
|
|
||||||
return request({
|
|
||||||
url: '/system/user/getSimple?id=' + praseStrEmpty(userId),
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 新增用户
|
// 新增用户
|
||||||
export function addUser(data) {
|
export function addUser(data) {
|
||||||
return request({
|
return request({
|
||||||
|
@ -26,7 +26,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
import { getUserSimple } from "@/api/system/user.js";
|
import { getUser } from "@/api/system/user.js";
|
||||||
import {getPath} from "@/utils/ruoyi";
|
import {getPath} from "@/utils/ruoyi";
|
||||||
export default {
|
export default {
|
||||||
name: 'navRight',
|
name: 'navRight',
|
||||||
@ -67,8 +67,8 @@ export default {
|
|||||||
},
|
},
|
||||||
getUserMsg() {
|
getUserMsg() {
|
||||||
let id = this.$store.getters.userId
|
let id = this.$store.getters.userId
|
||||||
getUserSimple(id).then(res => {
|
getUser(id).then(res => {
|
||||||
this.dept = res.data.deptName ? res.data.dept.deptName : '---'
|
this.dept = res.data.dept ? res.data.dept.name : ''
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
async logout() {
|
async logout() {
|
||||||
|
@ -1,227 +0,0 @@
|
|||||||
<!--
|
|
||||||
filename: WaitingListTable.vue
|
|
||||||
author: liubin
|
|
||||||
date: 2024-02-05 16:12:55
|
|
||||||
description:
|
|
||||||
-->
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<el-table
|
|
||||||
:data="tableDataWithIndex"
|
|
||||||
:border="true"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
style="width: 100%"
|
|
||||||
:header-cell-style="{
|
|
||||||
background: '#f2f4f9',
|
|
||||||
color: '#606266',
|
|
||||||
}"
|
|
||||||
class="waiting-list-table">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
:width="50"
|
|
||||||
:selectable="checkSelectable" />
|
|
||||||
<el-table-column prop="_pageIndex" width="80" align="center">
|
|
||||||
<template slot="header">
|
|
||||||
<el-popover placement="bottom-start" width="300" trigger="click">
|
|
||||||
<div class="setting-box" style="max-height: 400px; overflow-y: auto">
|
|
||||||
<el-checkbox
|
|
||||||
v-for="(item, index) in tablePropsLabelList"
|
|
||||||
:key="'cb' + index"
|
|
||||||
v-model="selectedBox[index]"
|
|
||||||
:label="item.label" />
|
|
||||||
</div>
|
|
||||||
<i slot="reference" class="el-icon-s-tools" />
|
|
||||||
</el-popover>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
v-if="selectedBox[0]"
|
|
||||||
label="巡检单名称"
|
|
||||||
prop="name"></el-table-column>
|
|
||||||
<el-table-column v-if="selectedBox[1]" label="部门" prop="planName">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ scope.row.department || '---' }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
v-if="selectedBox[2]"
|
|
||||||
label="巡检时间"
|
|
||||||
prop="planCheckTime">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ scope.row.planCheckTime | timeFilter }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
v-if="selectedBox[3]"
|
|
||||||
label="确认截止时间"
|
|
||||||
prop="confirmDueTime">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ scope.row.confirmDueTime || '---' }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
v-if="selectedBox[4]"
|
|
||||||
width="150"
|
|
||||||
label="备注"
|
|
||||||
prop="remark">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ scope.row.remark }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column width="188" label="操作">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-tooltip content="确认" placement="top">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
style="margin: 5px 0; padding: 0"
|
|
||||||
:disabled="!checkSelectable(scope.row)"
|
|
||||||
@click="$emit('confirm', scope.row)">
|
|
||||||
确认
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<!-- line -->
|
|
||||||
<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
|
|
||||||
<el-tooltip content="查看详情" placement="top">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
style="margin: 5px 0; padding: 0"
|
|
||||||
@click="$emit('detail', scope.row)">
|
|
||||||
<i class="iconfont icon-detail primary-color" />
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<!-- line -->
|
|
||||||
<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
|
|
||||||
<el-tooltip content="编辑" placement="top">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
style="margin: 5px 0; padding: 0"
|
|
||||||
@click="$emit('edit', scope.row)">
|
|
||||||
<i class="iconfont icon-edit primary-color" />
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<!-- line -->
|
|
||||||
<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
|
|
||||||
<el-tooltip content="删除" placement="top">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
style="margin: 5px 0; padding: 0"
|
|
||||||
@click="$emit('delete', scope.row)">
|
|
||||||
<i class="iconfont icon-delete delete-color" />
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import moment from 'moment';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'WaitingListTable',
|
|
||||||
components: {},
|
|
||||||
props: ['tableData', 'page', 'limit'],
|
|
||||||
filters: {
|
|
||||||
timeFilter: (val) =>
|
|
||||||
val ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '---',
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
tablePropsLabelList: [
|
|
||||||
{
|
|
||||||
label: '巡检单名称',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '部门',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '巡检时间',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '确认截止时间',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '备注',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
selectedBox: [true, true, true, true, true],
|
|
||||||
selectedOrder: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
tableDataWithIndex() {
|
|
||||||
return this.tableData.map((item, index) => ({
|
|
||||||
...item,
|
|
||||||
_pageIndex: (this.page - 1) * this.limit + index + 1,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
checkSelectable(row, index) {
|
|
||||||
return true;
|
|
||||||
// return (
|
|
||||||
// row.relatePlan == 2 ||
|
|
||||||
// (row.relatePlan == 1 &&
|
|
||||||
// (!row.confirmDueTime || +row.confirmDueTime >= new Date().getTime()))
|
|
||||||
// );
|
|
||||||
},
|
|
||||||
handleSelectionChange(val) {
|
|
||||||
this.selectedOrder = val;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
@import './iconfont/iconfont.css';
|
|
||||||
.delete-color {
|
|
||||||
color: #ff5454;
|
|
||||||
}
|
|
||||||
.primary-color {
|
|
||||||
color: #0b58ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.baseTable .show-col-btn {
|
|
||||||
margin-right: 5px;
|
|
||||||
line-height: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.baseTable .el-icon-refresh {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style>
|
|
||||||
.waiting-list-table .el-table__body tr.current-row > td.el-table__cell {
|
|
||||||
background-color: #eaf1fc;
|
|
||||||
}
|
|
||||||
.waiting-list-table.el-table .el-table__cell {
|
|
||||||
padding: 0;
|
|
||||||
height: 35px;
|
|
||||||
}
|
|
||||||
.waiting-list-table .addButton {
|
|
||||||
width: 100%;
|
|
||||||
height: 35px;
|
|
||||||
border-top: none;
|
|
||||||
color: #0b58ff;
|
|
||||||
border-color: #ebeef5;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
.waiting-list-table .addButton:hover {
|
|
||||||
color: #0b58ff;
|
|
||||||
border-color: #ebeef5;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.waiting-list-table .addButton:focus {
|
|
||||||
border-color: #ebeef5;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-tooltip__popper.is-dark {
|
|
||||||
background: rgba(0, 0, 0, 0.6) !important;
|
|
||||||
}
|
|
||||||
.el-tooltip__popper .popper__arrow,
|
|
||||||
.el-tooltip__popper .popper__arrow::after {
|
|
||||||
border-top-color: rgba(0, 0, 0, 0.4) !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -84,12 +84,12 @@ export default {
|
|||||||
btnName: '修改',
|
btnName: '修改',
|
||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
// this.$auth.hasPermi('equipment:check-setting:update')
|
this.$auth.hasPermi('equipment:check-setting:update')
|
||||||
// ? {
|
? {
|
||||||
// type: 'detail',
|
type: 'detail',
|
||||||
// btnName: '查看详情',
|
btnName: '查看详情',
|
||||||
// }
|
}
|
||||||
// : undefined,
|
: undefined,
|
||||||
this.$auth.hasPermi('equipment:check-setting:delete')
|
this.$auth.hasPermi('equipment:check-setting:delete')
|
||||||
? {
|
? {
|
||||||
type: 'delete',
|
type: 'delete',
|
||||||
@ -122,14 +122,9 @@ export default {
|
|||||||
filter: parseTime,
|
filter: parseTime,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
width: 144,
|
|
||||||
prop: 'confirmTimeLimit',
|
prop: 'confirmTimeLimit',
|
||||||
label: '确认时限',
|
label: '确认时限',
|
||||||
showOverflowtooltip: true,
|
showOverflowtooltip: true,
|
||||||
filter: (val) =>
|
|
||||||
val != null && val > 24
|
|
||||||
? `${(val - (val % 24)) / 24}天${val % 24}小时`
|
|
||||||
: `${val}小时`,
|
|
||||||
},
|
},
|
||||||
{ prop: 'groupClass', label: '班次', showOverflowtooltip: true },
|
{ prop: 'groupClass', label: '班次', showOverflowtooltip: true },
|
||||||
{ prop: 'creator', label: '创建人', showOverflowtooltip: true },
|
{ prop: 'creator', label: '创建人', showOverflowtooltip: true },
|
||||||
@ -175,6 +170,51 @@ export default {
|
|||||||
// color: 'warning',
|
// color: 'warning',
|
||||||
// },
|
// },
|
||||||
],
|
],
|
||||||
|
rows: [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '配置名称',
|
||||||
|
prop: 'name',
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: '配置名称不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '配置编码',
|
||||||
|
prop: 'code',
|
||||||
|
url: '/base/equipment-check-config/getCode',
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: '配置编码不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
select: true,
|
||||||
|
label: '设备名称',
|
||||||
|
prop: 'equipmentId',
|
||||||
|
url: '/base/core-equipment/listAll',
|
||||||
|
bind: {
|
||||||
|
filterable: true,
|
||||||
|
clearable: true,
|
||||||
|
},
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '设备名称不能为空',
|
||||||
|
trigger: 'change',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '设备编码', // TODO: 和设备名称联动估计
|
||||||
|
prop: 'equipmentCode',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
@ -182,7 +222,6 @@ export default {
|
|||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
name: null,
|
name: null,
|
||||||
status: 0,
|
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {},
|
||||||
@ -243,9 +282,10 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 取消按钮 */
|
/** 取消按钮 */
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$refs.add.reset();
|
this.$refs.add.formClear();
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.title = '';
|
this.title = '';
|
||||||
|
// this.reset();
|
||||||
},
|
},
|
||||||
/** 表单重置 */
|
/** 表单重置 */
|
||||||
reset() {
|
reset() {
|
||||||
@ -270,6 +310,7 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
|
// this.reset();
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = '添加巡检设置';
|
this.title = '添加巡检设置';
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
@ -278,10 +319,17 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
|
// this.reset();
|
||||||
|
// const id = row.id;
|
||||||
|
// this.info({ id }).then((response) => {
|
||||||
|
// this.form = response.data;
|
||||||
|
// this.open = true;
|
||||||
|
// this.title = '修改巡检设置';
|
||||||
|
// });
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = '修改巡检设置';
|
this.title = '修改巡检设置';
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.add.init(row);
|
this.$refs.add.init(row.id);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
@ -345,11 +393,11 @@ export default {
|
|||||||
this.$refs.addOrUpdate.init(id, true);
|
this.$refs.addOrUpdate.init(id, true);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleAddDetail(row) {
|
handleAddDetail({ id }) {
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true;
|
||||||
this.addOrEditTitle = '添加内容';
|
this.addOrEditTitle = '添加巡检';
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.init(row);
|
this.$refs.addOrUpdate.init(id);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
|
@ -2,20 +2,19 @@
|
|||||||
filename: Content.vue
|
filename: Content.vue
|
||||||
author: liubin
|
author: liubin
|
||||||
date: 2023-12-12 13:53:22
|
date: 2023-12-12 13:53:22
|
||||||
description: 巡检单设置
|
description:
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container SpecialEquipmentCheckConfig">
|
<div class="app-container SpecialEquipmentCheckContent">
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<SearchBar
|
<SearchBar
|
||||||
:formConfigs="searchBarFormConfig"
|
:formConfigs="searchBarFormConfig"
|
||||||
ref="search-bar"
|
ref="search-bar"
|
||||||
@select-changed="handleSearchBarChange"
|
|
||||||
@headBtnClick="handleSearchBarBtnClick" />
|
@headBtnClick="handleSearchBarBtnClick" />
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<!-- <base-table
|
<base-table
|
||||||
:table-props="tableProps"
|
:table-props="tableProps"
|
||||||
:page="queryParams.pageNo"
|
:page="queryParams.pageNo"
|
||||||
:limit="queryParams.pageSize"
|
:limit="queryParams.pageSize"
|
||||||
@ -25,20 +24,10 @@
|
|||||||
v-if="tableBtn.length"
|
v-if="tableBtn.length"
|
||||||
slot="handleBtn"
|
slot="handleBtn"
|
||||||
label="操作"
|
label="操作"
|
||||||
:width="180"
|
:width="120"
|
||||||
:method-list="tableBtn"
|
:method-list="tableBtn"
|
||||||
@clickBtn="handleTableBtnClick" />
|
@clickBtn="handleTableBtnClick" />
|
||||||
</base-table> -->
|
</base-table>
|
||||||
|
|
||||||
<CheckOrderListTable
|
|
||||||
ref="check-order-list-table"
|
|
||||||
:table-data="list"
|
|
||||||
:page="queryParams.pageNo"
|
|
||||||
:limit="queryParams.pageSize"
|
|
||||||
@edit="handleEdit"
|
|
||||||
@detail="handleDetail"
|
|
||||||
@delete="handleDelete"
|
|
||||||
@confirm="handleConfirm" />
|
|
||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination
|
<pagination
|
||||||
@ -54,50 +43,44 @@
|
|||||||
:dialogVisible="open"
|
:dialogVisible="open"
|
||||||
@close="cancel"
|
@close="cancel"
|
||||||
@cancel="cancel"
|
@cancel="cancel"
|
||||||
@confirm="handleSubmit">
|
@confirm="submitForm">
|
||||||
<add ref="add" @refreshDataList="successSubmit" />
|
<DialogForm
|
||||||
|
v-if="open"
|
||||||
|
ref="form"
|
||||||
|
v-model="form"
|
||||||
|
:disabled="mode == 'detail'"
|
||||||
|
:has-files="false"
|
||||||
|
:rows="rows" />
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
<!-- 添加巡检,查看详情 -->
|
|
||||||
<addOrUpdata
|
|
||||||
v-if="addOrUpdateVisible"
|
|
||||||
ref="addOrUpdate"
|
|
||||||
@refreshDataList="getList" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import moment from 'moment';
|
||||||
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
||||||
import addOrUpdata from './add-or-updata.vue';
|
import { deleteCheck } from '@/api/equipment/base/inspection/settings';
|
||||||
import add from './add.vue';
|
|
||||||
import { parseTime } from '../../core/mixins/code-filter';
|
|
||||||
import CheckOrderListTable from './CheckOrderListTable.vue';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SpecialEquipmentCheckConfig',
|
name: 'SpecialEquipmentCheckContent',
|
||||||
components: { addOrUpdata, add, CheckOrderListTable },
|
components: {},
|
||||||
mixins: [basicPageMixin],
|
mixins: [basicPageMixin],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
addOrUpdateVisible: false,
|
searchBarKeys: ['content'],
|
||||||
addOrEditTitle: '',
|
|
||||||
searchBarKeys: ['name'],
|
|
||||||
tableBtn: [
|
tableBtn: [
|
||||||
{
|
// this.$auth.hasPermi('equipment:check:update')
|
||||||
type: 'confirm',
|
// ? {
|
||||||
btnName: '确认',
|
// type: 'detail',
|
||||||
showTip: '确认',
|
// btnName: '详情',
|
||||||
},
|
// }
|
||||||
this.$auth.hasPermi('equipment:check-setting:update')
|
// : undefined,
|
||||||
|
this.$auth.hasPermi('equipment:check:update')
|
||||||
? {
|
? {
|
||||||
type: 'edit',
|
type: 'edit',
|
||||||
btnName: '修改',
|
btnName: '修改',
|
||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
{
|
this.$auth.hasPermi('equipment:check:delete')
|
||||||
type: 'detail',
|
|
||||||
btnName: '巡检内容详情',
|
|
||||||
},
|
|
||||||
this.$auth.hasPermi('equipment:check-setting:delete')
|
|
||||||
? {
|
? {
|
||||||
type: 'delete',
|
type: 'delete',
|
||||||
btnName: '删除',
|
btnName: '删除',
|
||||||
@ -105,41 +88,22 @@ export default {
|
|||||||
: undefined,
|
: undefined,
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableProps: [
|
tableProps: [
|
||||||
|
{ prop: 'program', label: '巡检项目', showOverflowtooltip: true },
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'content',
|
||||||
label: '巡检单名称',
|
label: '巡检内容',
|
||||||
width: 100,
|
minWidth: 150,
|
||||||
showOverflowtooltip: true,
|
showOverflowtooltip: true,
|
||||||
},
|
},
|
||||||
{
|
{ prop: 'code', label: '巡检内容编码', showOverflowtooltip: true },
|
||||||
prop: 'department',
|
{ prop: 'remark', label: '备注', showOverflowtooltip: true },
|
||||||
label: '部门',
|
|
||||||
width: 100,
|
|
||||||
showOverflowtooltip: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'planCheckTime',
|
|
||||||
label: '巡检时间',
|
|
||||||
showOverflowtooltip: true,
|
|
||||||
filter: parseTime,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'confirmDueTime',
|
|
||||||
label: '确认截止时间',
|
|
||||||
showOverflowtooltip: true,
|
|
||||||
// filter: (val) =>
|
|
||||||
// val != null && val > 24
|
|
||||||
// ? `${(val - (val % 24)) / 24}天${val % 24}小时`
|
|
||||||
// : `${val}小时`,
|
|
||||||
},
|
|
||||||
{ prop: 'remark', label: '备注' },
|
|
||||||
],
|
],
|
||||||
searchBarFormConfig: [
|
searchBarFormConfig: [
|
||||||
{
|
{
|
||||||
type: 'input',
|
type: 'input',
|
||||||
label: '巡检单名称',
|
label: '巡检内容',
|
||||||
placeholder: '请输入巡检单名称',
|
placeholder: '请输入巡检内容',
|
||||||
param: 'name',
|
param: 'content',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@ -151,28 +115,60 @@ export default {
|
|||||||
type: 'separate',
|
type: 'separate',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: this.$auth.hasPermi('equipment:check-setting:create')
|
type: this.$auth.hasPermi('equipment:check:create') ? 'button' : '',
|
||||||
? 'button'
|
|
||||||
: '',
|
|
||||||
btnName: '新增',
|
btnName: '新增',
|
||||||
name: 'add',
|
name: 'add',
|
||||||
plain: true,
|
plain: true,
|
||||||
color: 'success',
|
color: 'success',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
type: 'button',
|
// type: this.$auth.hasPermi('equipment:check:export')
|
||||||
btnName: '导出',
|
// ? 'button'
|
||||||
name: 'export',
|
// : '',
|
||||||
plain: true,
|
// btnName: '导出',
|
||||||
color: 'warning',
|
// name: 'export',
|
||||||
},
|
// color: 'warning',
|
||||||
{
|
// },
|
||||||
type: 'button',
|
],
|
||||||
btnName: '批量确认',
|
rows: [
|
||||||
name: 'batch-confirm',
|
[
|
||||||
plain: true,
|
{
|
||||||
color: 'primary',
|
input: true,
|
||||||
},
|
label: '巡检内容编号',
|
||||||
|
prop: 'code',
|
||||||
|
url: '/base/equipment-check/getCode',
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '巡检内容编号不能为空',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '巡检项目',
|
||||||
|
prop: 'program',
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: '巡检项目不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '巡检内容',
|
||||||
|
prop: 'content',
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: '巡检内容不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
input: true,
|
||||||
|
label: '备注',
|
||||||
|
prop: 'remark',
|
||||||
|
},
|
||||||
|
],
|
||||||
],
|
],
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
@ -180,56 +176,36 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
name: null,
|
content: null,
|
||||||
status: 0,
|
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {
|
||||||
basePath: '/base/equipment-check-order',
|
code: '',
|
||||||
|
program: '',
|
||||||
|
id: undefined,
|
||||||
|
content: '',
|
||||||
|
},
|
||||||
|
basePath: '/base/equipment-check',
|
||||||
mode: null,
|
mode: null,
|
||||||
allSpecialEquipments: [],
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.initSearchBar();
|
// this.initSearchBar();
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleSubmit() {
|
// initSearchBar() {
|
||||||
this.$refs.add.dataFormSubmit();
|
// this.http('/base/core-equipment/listAll', 'get').then(({ data }) => {
|
||||||
},
|
// this.$set(
|
||||||
successSubmit() {
|
// this.searchBarFormConfig[0],
|
||||||
this.cancel();
|
// 'selectOptions',
|
||||||
this.getList();
|
// data.map((item) => ({
|
||||||
},
|
// name: item.name,
|
||||||
initSearchBar() {
|
// id: item.id,
|
||||||
this.http('/base/core-equipment/listAll', 'get').then(({ data }) => {
|
// }))
|
||||||
this.allSpecialEquipments = data.filter((item) => item.special);
|
// );
|
||||||
this.setSearchBarEquipmentList(data.filter((item) => item.special));
|
// });
|
||||||
});
|
// },
|
||||||
},
|
|
||||||
// 设备大类改变
|
|
||||||
handleSearchBarChange({ param, value }) {
|
|
||||||
if ('specialType' === param) {
|
|
||||||
if (!value) {
|
|
||||||
this.setSearchBarEquipmentList(this.allSpecialEquipments);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.setSearchBarEquipmentList(
|
|
||||||
this.allSpecialEquipments.filter((item) => item.specialType == value)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
setSearchBarEquipmentList(eqList) {
|
|
||||||
this.$set(
|
|
||||||
this.searchBarFormConfig[2],
|
|
||||||
'selectOptions',
|
|
||||||
eqList.map((item) => ({
|
|
||||||
name: item.name,
|
|
||||||
id: item.id,
|
|
||||||
}))
|
|
||||||
);
|
|
||||||
},
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@ -242,9 +218,9 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 取消按钮 */
|
/** 取消按钮 */
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$refs.add.reset();
|
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.title = '';
|
this.mode = null;
|
||||||
|
this.reset();
|
||||||
},
|
},
|
||||||
/** 表单重置 */
|
/** 表单重置 */
|
||||||
reset() {
|
reset() {
|
||||||
@ -269,18 +245,18 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
|
// this.reset();
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = '添加巡检设置';
|
this.title = '添加巡检内容';
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.add.init();
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
this.open = true;
|
this.reset();
|
||||||
this.title = '修改巡检设置';
|
const id = row.id;
|
||||||
this.$nextTick(() => {
|
this.info({ id }).then((response) => {
|
||||||
this.$refs.add.init(row);
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = '修改巡检内容';
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
@ -306,17 +282,14 @@ export default {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 编辑 */
|
/** 删除按钮操作 */
|
||||||
handleEdit(row) {},
|
|
||||||
/** 确认巡检单 */
|
|
||||||
handleConfirm(row) {},
|
|
||||||
/** 删除巡检单 */
|
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const id = row.id;
|
const id = row.id;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除巡检单"' + row.name + '"?')
|
.confirm('是否确认删除该巡检项目?')
|
||||||
.then(() => {
|
.then(function () {
|
||||||
return this.del({ id });
|
// return this.del({ id });
|
||||||
|
return deleteCheck(id);
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
this.getList();
|
this.getList();
|
||||||
@ -324,35 +297,13 @@ export default {
|
|||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
},
|
},
|
||||||
// 处理表格按钮
|
handleDetail({ id }) {
|
||||||
handleTableBtnClick({ data, type }) {
|
this.reset();
|
||||||
switch (type) {
|
this.mode = 'detail';
|
||||||
case 'edit':
|
this.info({ id }).then((response) => {
|
||||||
this.handleUpdate(data);
|
this.form = response.data;
|
||||||
break;
|
this.open = true;
|
||||||
case 'delete':
|
this.title = '修改巡检内容';
|
||||||
this.handleDelete(data);
|
|
||||||
break;
|
|
||||||
case 'detail':
|
|
||||||
this.handleDetail(data);
|
|
||||||
break;
|
|
||||||
case 'add':
|
|
||||||
this.handleAddDetail(data);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleDetail(row) {
|
|
||||||
this.addOrUpdateVisible = true;
|
|
||||||
this.addOrEditTitle = '详情';
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.addOrUpdate.init(row?.id, true);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handleAddDetail(row) {
|
|
||||||
this.addOrUpdateVisible = true;
|
|
||||||
this.addOrEditTitle = '添加内容';
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.addOrUpdate.init(row);
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
@ -362,13 +313,13 @@ export default {
|
|||||||
params.pageNo = undefined;
|
params.pageNo = undefined;
|
||||||
params.pageSize = undefined;
|
params.pageSize = undefined;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认导出所有巡检设置?')
|
.confirm('是否确认导出所有巡检内容?')
|
||||||
.then(() => {
|
.then(() => {
|
||||||
this.exportLoading = true;
|
this.exportLoading = true;
|
||||||
return exportEquipmentTypeExcel(params);
|
return exportEquipmentTypeExcel(params);
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.$download.excel(response, '巡检设置.xls');
|
this.$download.excel(response, '巡检内容.xls');
|
||||||
this.exportLoading = false;
|
this.exportLoading = false;
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
@ -377,4 +328,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.SpecialEquipmentCheckContent {
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@ -380,6 +380,9 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
|
// this.reset();
|
||||||
|
// this.open = true;
|
||||||
|
// this.title = '添加维修记录';
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.init();
|
this.$refs.addOrUpdate.init();
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: lb
|
* @LastEditors: DY
|
||||||
* @LastEditTime: 2024-02-22 11:02:43
|
* @LastEditTime: 2023-12-01 11:02:43
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -24,7 +24,7 @@
|
|||||||
@keyup.enter.native="dataFormSubmit()"
|
@keyup.enter.native="dataFormSubmit()"
|
||||||
label-position="top">
|
label-position="top">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<!-- <el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="设备大类" prop="equipmentCategory">
|
<el-form-item label="设备大类" prop="equipmentCategory">
|
||||||
<span>
|
<span>
|
||||||
{{
|
{{
|
||||||
@ -34,20 +34,21 @@
|
|||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col> -->
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="巡检单名称" prop="name">
|
<el-form-item label="设备名称" prop="equipmentName">
|
||||||
{{ dataForm.name }}
|
{{ dataForm.equipmentName }}
|
||||||
|
<!-- <el-input v-model="dataForm.equipmentName" disabled clearable placeholder="请输入设备名称" /> -->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="部门" prop="department">
|
<el-form-item label="设备编码" prop="equipmentCode">
|
||||||
{{ dataForm.department }}
|
{{ dataForm.equipmentCode }}
|
||||||
</el-form-item>
|
<!-- <el-input
|
||||||
</el-col>
|
v-model="dataForm.equipmentCode"
|
||||||
<el-col :span="8">
|
clearable
|
||||||
<el-form-item label="巡检时间" prop="planCheckTime">
|
disabled
|
||||||
{{ dataForm.planCheckTime | parseTime }}
|
placeholder="请输入设备编码" /> -->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -86,8 +87,8 @@
|
|||||||
@clickBtn="handleClick" />
|
@clickBtn="handleClick" />
|
||||||
</base-table>
|
</base-table>
|
||||||
<pagination
|
<pagination
|
||||||
v-show="checkDetList.total > 0"
|
v-show="listQuery.total > 0"
|
||||||
:total="checkDetList.total"
|
:total="listQuery.total"
|
||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:page-sizes="[5, 10, 15]"
|
:page-sizes="[5, 10, 15]"
|
||||||
@ -102,17 +103,20 @@
|
|||||||
<attr-add
|
<attr-add
|
||||||
v-if="addOrUpdateVisible"
|
v-if="addOrUpdateVisible"
|
||||||
ref="addOrUpdate"
|
ref="addOrUpdate"
|
||||||
:orderId="dataForm.id"
|
:config-id="dataForm.id"
|
||||||
@closed="addOrUpdateVisible = false"
|
|
||||||
@refreshDataList="getList" />
|
@refreshDataList="getList" />
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
getEqCheck,
|
||||||
|
getCheckDetPage,
|
||||||
|
deleteCheckDet,
|
||||||
|
} from '@/api/equipment/base/inspection/settings';
|
||||||
import SmallTitle from './SmallTitle';
|
import SmallTitle from './SmallTitle';
|
||||||
import attrAdd from './attr-add';
|
import attrAdd from './attr-add';
|
||||||
import { DICT_TYPE, getDictDatas } from '@/utils/dict';
|
import { DICT_TYPE, getDictDatas } from '@/utils/dict';
|
||||||
import { parseTime } from '../../core/mixins/code-filter';
|
|
||||||
|
|
||||||
const tableBtn = [
|
const tableBtn = [
|
||||||
{
|
{
|
||||||
@ -126,34 +130,49 @@ const tableBtn = [
|
|||||||
];
|
];
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'equipmentName',
|
prop: 'program',
|
||||||
label: '设备名称',
|
label: '巡检项目',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'program',
|
prop: 'content',
|
||||||
label: '检查项目',
|
label: '巡检内容',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'code',
|
||||||
|
label: '巡检内容编码',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'description',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { SmallTitle, attrAdd },
|
components: { SmallTitle, attrAdd },
|
||||||
filters: {
|
|
||||||
parseTime,
|
|
||||||
},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableBtn,
|
tableBtn,
|
||||||
tableProps,
|
tableProps,
|
||||||
addOrUpdateVisible: false,
|
addOrUpdateVisible: false,
|
||||||
|
urlOptions: {
|
||||||
|
infoURL: getEqCheck,
|
||||||
|
},
|
||||||
listQuery: {
|
listQuery: {
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
|
total: 0,
|
||||||
},
|
},
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id: undefined,
|
id: undefined,
|
||||||
name: undefined,
|
code: undefined,
|
||||||
department: undefined,
|
name: '',
|
||||||
planCheckTime: undefined,
|
materialType: undefined,
|
||||||
|
productType: undefined,
|
||||||
|
area: undefined,
|
||||||
|
specifications: undefined,
|
||||||
|
processTime: 0,
|
||||||
|
remark: undefined,
|
||||||
|
unit: undefined,
|
||||||
},
|
},
|
||||||
checkDetList: [],
|
checkDetList: [],
|
||||||
visible: false,
|
visible: false,
|
||||||
@ -185,7 +204,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
initData() {
|
initData() {
|
||||||
this.checkDetList.splice(0);
|
this.checkDetList.splice(0);
|
||||||
this.checkDetList.total = 0;
|
this.listQuery.total = 0;
|
||||||
},
|
},
|
||||||
handleClick(raw) {
|
handleClick(raw) {
|
||||||
if (raw.type === 'delete') {
|
if (raw.type === 'delete') {
|
||||||
@ -212,35 +231,39 @@ export default {
|
|||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
} else {
|
} else {
|
||||||
console.log('handle click....', raw);
|
this.addNew(raw.data.id);
|
||||||
this.addNew(raw.data);
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getList() {
|
getList() {
|
||||||
// 获取巡检项目分页
|
// 获取巡检项目分页
|
||||||
const res = await this.$axios({
|
getCheckDetPage({
|
||||||
url: '/base/equipment-check-order-det/page',
|
...this.listQuery,
|
||||||
params: { ...this.listQuery, orderId: this.dataForm.id },
|
configId: this.dataForm.id,
|
||||||
|
}).then((response) => {
|
||||||
|
this.checkDetList = response.data.list;
|
||||||
|
this.listQuery.total = response.data.total;
|
||||||
});
|
});
|
||||||
if (res.code == 0) {
|
|
||||||
this.checkDetList = res.data.list;
|
|
||||||
this.checkDetList.total = res.data.total;
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
init(row, isdetail) {
|
init(id, isdetail) {
|
||||||
this.initData();
|
this.initData();
|
||||||
this.isdetail = isdetail || false;
|
this.isdetail = isdetail || false;
|
||||||
this.dataForm.id = row.id;
|
this.dataForm.id = id || undefined;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
|
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs['dataForm'].resetFields();
|
this.$refs['dataForm'].resetFields();
|
||||||
|
|
||||||
if (this.dataForm.id) {
|
if (this.dataForm.id) {
|
||||||
// 获取设备项目列表
|
// 获取设备巡检详情
|
||||||
Object.keys(this.dataForm).forEach((key) => {
|
this.urlOptions.infoURL(id).then((response) => {
|
||||||
this.dataForm[key] = row[key];
|
this.dataForm = response.data;
|
||||||
});
|
});
|
||||||
|
// 获取设备项目列表
|
||||||
this.getList();
|
this.getList();
|
||||||
|
} else {
|
||||||
|
if (this.urlOptions.isGetCode) {
|
||||||
|
this.getCode();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -7,81 +7,63 @@
|
|||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<el-form
|
<el-form
|
||||||
ref="form"
|
|
||||||
:model="dataForm"
|
:model="dataForm"
|
||||||
:rules="dataRule"
|
:rules="dataRule"
|
||||||
|
ref="dataForm"
|
||||||
@keyup.enter.native="dataFormSubmit()"
|
@keyup.enter.native="dataFormSubmit()"
|
||||||
label-width="128px"
|
label-width="80px">
|
||||||
v-loading="formLoading"
|
|
||||||
label-position="top">
|
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col>
|
<el-col :span="12">
|
||||||
<el-form-item label="巡检单名称" prop="name">
|
<el-form-item label="配置名称" prop="name">
|
||||||
<el-input v-model="dataForm.name" placeholder="请输入巡检单名称" />
|
<el-input v-model="dataForm.name" placeholder="请输入配置名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col>
|
<el-col :span="12">
|
||||||
<el-form-item label="巡检单编码" prop="code">
|
<el-form-item label="配置编码" prop="code">
|
||||||
<el-input v-model="dataForm.code" placeholder="请输入巡检单编码" />
|
<el-input v-model="dataForm.code" placeholder="请输入配置编码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col>
|
<el-col :span="12">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
label="部门"
|
label="设备大类"
|
||||||
prop="departmentId"
|
prop="equipmentCategory"
|
||||||
:rules="[{ required: true, message: '请选择部门', trigger: 'blur' }]">
|
:rules="[
|
||||||
|
{ required: true, message: '请选择设备大类', trigger: 'blur' },
|
||||||
|
]">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="dataForm.departmentId"
|
v-model="dataForm.equipmentCategory"
|
||||||
:placeholder="`请选择部门`">
|
:placeholder="`请选择设备大类`"
|
||||||
|
@change="handleEqTypeChange">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="opt in departmentOptions"
|
v-for="opt in equipmentTypeOptions"
|
||||||
:key="opt.value"
|
:key="opt.value"
|
||||||
:label="opt.label"
|
:label="opt.label"
|
||||||
:value="opt.value" />
|
:value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col>
|
|
||||||
<el-form-item label="计划巡检时间" prop="planCheckTime">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="dataForm.planCheckTime"
|
|
||||||
type="datetime"
|
|
||||||
:placeholder="`请选择计划巡检时间`"
|
|
||||||
value-format="timestamp" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="确认时限 (时)" prop="confirmTimeLimit">
|
<el-form-item label="设备名称" prop="equipmentId">
|
||||||
<el-input
|
|
||||||
v-model="dataForm.confirmTimeLimit"
|
|
||||||
:placeholder="`请输入确认时限`" />
|
|
||||||
<!-- <el-date-picker
|
|
||||||
v-model="dataForm.confirmTimeLimit"
|
|
||||||
type="datetime"
|
|
||||||
:placeholder="`请选择确认时限`"
|
|
||||||
value-format="timestamp" /> -->
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="班次" prop="groupClass">
|
|
||||||
<el-select
|
<el-select
|
||||||
v-model="dataForm.groupClass"
|
v-model="dataForm.equipmentId"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
|
||||||
multiple
|
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
placeholder="请选择班次">
|
placeholder="请选择设备名称"
|
||||||
|
@change="setCode">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="d in groupOptions"
|
v-for="d in equipmentOptions"
|
||||||
:key="d.value"
|
:key="d.value"
|
||||||
:label="d.label"
|
:label="d.label"
|
||||||
:value="d.label" />
|
:value="d.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col>
|
<el-col :span="12">
|
||||||
<el-form-item label="备注" prop="remark">
|
<el-form-item label="设备编码" prop="equipmentCode">
|
||||||
<el-input v-model="dataForm.remark" placeholder="请输入备注" />
|
<el-input
|
||||||
|
v-model="dataForm.equipmentCode"
|
||||||
|
disabled
|
||||||
|
placeholder="请输入设备编码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -89,131 +71,89 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import basicAdd from '../../core/mixins/basic-add';
|
||||||
|
import {
|
||||||
|
getEqCheck,
|
||||||
|
getCode,
|
||||||
|
createCheckConfig,
|
||||||
|
updateCheckConfig,
|
||||||
|
} from '@/api/equipment/base/inspection/settings';
|
||||||
|
import { getEquipmentAll } from '@/api/base/equipment';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
mixins: [basicAdd],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formLoading: false,
|
urlOptions: {
|
||||||
dataForm: {
|
isGetCode: true,
|
||||||
id: null,
|
codeURL: getCode,
|
||||||
code: null,
|
createURL: createCheckConfig,
|
||||||
name: null,
|
updateURL: updateCheckConfig,
|
||||||
departmentId: null,
|
infoURL: getEqCheck,
|
||||||
planCheckTime: null,
|
|
||||||
confirmTimeLimit: null,
|
|
||||||
groupClass: null,
|
|
||||||
remark: null,
|
|
||||||
// special: true,
|
|
||||||
},
|
},
|
||||||
|
dataForm: {
|
||||||
|
id: undefined,
|
||||||
|
code: undefined,
|
||||||
|
name: undefined,
|
||||||
|
equipmentId: undefined,
|
||||||
|
equipmentCode: undefined,
|
||||||
|
equipmentCategory: undefined,
|
||||||
|
},
|
||||||
|
eqList: [],
|
||||||
dataRule: {
|
dataRule: {
|
||||||
confirmTimeLimit: [
|
equipmentId: [
|
||||||
{ required: true, message: '确认时限不能为空', trigger: 'blur' },
|
{ required: true, message: '设备不能为空', trigger: 'blur' },
|
||||||
],
|
],
|
||||||
code: [
|
code: [
|
||||||
{ required: true, message: '巡检单编码不能为空', trigger: 'blur' },
|
{ required: true, message: '配置编码不能为空', trigger: 'blur' },
|
||||||
],
|
],
|
||||||
name: [
|
name: [
|
||||||
{ required: true, message: '巡检单名称不能为空', trigger: 'blur' },
|
{ required: true, message: '配置名称不能为空', trigger: 'blur' },
|
||||||
],
|
|
||||||
planCheckTime: [
|
|
||||||
{ required: true, message: '计划巡检时间不能为空', trigger: 'blur' },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
equipmentOptions: [],
|
equipmentOptions: [],
|
||||||
groupOptions: [],
|
equipmentTypeOptions: [
|
||||||
departmentOptions: [],
|
{ label: '安全设备', value: 1 },
|
||||||
|
{ label: '消防设备', value: 2 },
|
||||||
|
{ label: '特种设备', value: 3 },
|
||||||
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.initOptions();
|
this.getDict();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
reset() {
|
async getDict() {
|
||||||
this.dataForm = {
|
// 设备列表
|
||||||
id: null,
|
const res = await getEquipmentAll();
|
||||||
code: null,
|
this.eqList = res.data;
|
||||||
name: null,
|
this.$nextTick(() => {
|
||||||
departmentId: null,
|
this.handleEqTypeChange();
|
||||||
planCheckTime: null,
|
});
|
||||||
confirmTimeLimit: null,
|
|
||||||
groupClass: null,
|
|
||||||
remark: null,
|
|
||||||
// special: true,
|
|
||||||
};
|
|
||||||
},
|
},
|
||||||
|
setCode() {
|
||||||
async initOptions() {
|
const chooseM = this.eqList.filter((item) => {
|
||||||
this.formLoading = true;
|
return item.id === this.dataForm.equipmentId;
|
||||||
const urls = [
|
});
|
||||||
'/base/core-department/listAll',
|
this.dataForm.equipmentCode = chooseM[0].code;
|
||||||
'/base/group-classes/listAll',
|
},
|
||||||
'/base/equipment-check-order/getCode',
|
// handlers
|
||||||
];
|
handleEqTypeChange(type) {
|
||||||
try {
|
this.dataForm.equipmentId = null;
|
||||||
const [dpt, grp, code] = await Promise.all(
|
this.dataForm.equipmentCode = null;
|
||||||
urls.map((url) => this.$axios(url))
|
if (type) {
|
||||||
);
|
this.equipmentOptions = this.eqList
|
||||||
if (dpt.code == 0) {
|
.filter((item) => item.special)
|
||||||
this.departmentOptions = dpt.data.map((item) => ({
|
.filter((item) => item.specialType === type)
|
||||||
|
.map((item) => ({ label: item.name, value: item.id }));
|
||||||
|
} else
|
||||||
|
this.equipmentOptions = this.eqList
|
||||||
|
.filter((item) => item.special)
|
||||||
|
.map((item) => ({
|
||||||
label: item.name,
|
label: item.name,
|
||||||
value: item.id,
|
value: item.id,
|
||||||
}));
|
}));
|
||||||
}
|
// this.$emit('update', this.form)
|
||||||
if (grp.code == 0) {
|
|
||||||
this.groupOptions = grp.data.map((item) => ({
|
|
||||||
label: item.name,
|
|
||||||
value: item.id,
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
if (code.code == 0) {
|
|
||||||
this.dataForm.code = code.data;
|
|
||||||
}
|
|
||||||
this.formLoading = false;
|
|
||||||
} catch (err) {
|
|
||||||
this.formLoading = false;
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
async init(row) {
|
|
||||||
if (!row || !row.id) {
|
|
||||||
this.dataForm.planCheckTime = new Date().setHours(8, 0, 0, 0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const res = await this.$axios({
|
|
||||||
url: '/base/equipment-check-order/get?id=' + row.id,
|
|
||||||
});
|
|
||||||
if (res.code == 0) {
|
|
||||||
Object.keys(this.dataForm).forEach((key) => {
|
|
||||||
this.dataForm[key] = res.data[key];
|
|
||||||
if (key == 'groupClass') {
|
|
||||||
this.dataForm.groupClass = res.data.groupClass.split(',')
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
async dataFormSubmit() {
|
|
||||||
let valid = false;
|
|
||||||
try {
|
|
||||||
valid = await this.$refs.form.validate();
|
|
||||||
} catch (err) {}
|
|
||||||
if (!valid) return;
|
|
||||||
const res = await this.$axios({
|
|
||||||
url:
|
|
||||||
'/base/equipment-check-order' +
|
|
||||||
(this.dataForm.id ? '/update' : '/create'),
|
|
||||||
method: this.dataForm.id ? 'put' : 'post',
|
|
||||||
data: {
|
|
||||||
...this.dataForm,
|
|
||||||
special: true,
|
|
||||||
status: 0,
|
|
||||||
groupClass: this.dataForm.groupClass.join(','),
|
|
||||||
},
|
|
||||||
});
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.$emit('refreshDataList');
|
|
||||||
this.$message.success(this.dataForm.id ? '更新成功' : '创建成功');
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -4,7 +4,6 @@
|
|||||||
:width="'30%'"
|
:width="'30%'"
|
||||||
:append-to-body="true"
|
:append-to-body="true"
|
||||||
:close-on-click-modal="false"
|
:close-on-click-modal="false"
|
||||||
@closed="$emit('closed')"
|
|
||||||
class="dialog">
|
class="dialog">
|
||||||
<template #title>
|
<template #title>
|
||||||
<slot name="title">
|
<slot name="title">
|
||||||
@ -18,33 +17,18 @@
|
|||||||
ref="dataForm"
|
ref="dataForm"
|
||||||
:model="dataForm"
|
:model="dataForm"
|
||||||
:rules="dataRule"
|
:rules="dataRule"
|
||||||
label-width="90px"
|
label-width="60px"
|
||||||
v-loading="formLoading"
|
|
||||||
@keyup.enter.native="dataFormSubmit()">
|
@keyup.enter.native="dataFormSubmit()">
|
||||||
<el-form-item label="设备名称" prop="equipmentId">
|
<el-form-item label="巡检" prop="checkId">
|
||||||
<el-select
|
<el-select v-model="dataForm.checkId" filterable placeholder="请选择巡检" style="width: 100%">
|
||||||
v-model="dataForm.equipmentId"
|
<el-option v-for="dict in checkList" :key="dict.id" :label="dict.content"
|
||||||
filterable
|
:value="dict.id" />
|
||||||
clearable
|
|
||||||
placeholder="请选择设备名称"
|
|
||||||
style="width: 100%">
|
|
||||||
<el-option
|
|
||||||
v-for="dict in equipmentOptions"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.label"
|
|
||||||
:value="dict.value" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="巡检项目" prop="program">
|
<el-form-item label="备注" prop="description">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="dataForm.program"
|
v-model="dataForm.description"
|
||||||
placeholder="请输入巡检项目"
|
placeholder="请输入备注"
|
||||||
clearable />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="巡检结果" prop="checkResult">
|
|
||||||
<el-input
|
|
||||||
v-model="dataForm.checkResult"
|
|
||||||
placeholder="请输入巡检结果"
|
|
||||||
clearable />
|
clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
@ -57,96 +41,80 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getCheckDet, createCheckDet, updateCheckDet, getcheckList } from "@/api/equipment/base/inspection/settings";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: ['orderId'],
|
props: {
|
||||||
|
configId: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id: null,
|
id: undefined,
|
||||||
equipmentId: null,
|
checkId: undefined,
|
||||||
program: null,
|
configId: undefined,
|
||||||
checkResult: null,
|
description: ''
|
||||||
},
|
},
|
||||||
formLoading: false,
|
checkList: [],
|
||||||
equipmentOptions: [],
|
|
||||||
dataRule: {
|
dataRule: {
|
||||||
equipmentId: [
|
checkId: [{ required: true, message: '巡检不能为空', trigger: 'blur' }],
|
||||||
{ required: true, message: '设备不能为空', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
program: [
|
|
||||||
{ required: true, message: '巡检项目不能为空', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
checkResult: [
|
|
||||||
{ required: true, message: '巡检结果不能为空', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.initOptions();
|
this.getDict()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async initOptions() {
|
async getDict() {
|
||||||
this.formLoading = true;
|
const res = await getcheckList()
|
||||||
const urls = [
|
this.checkList = res.data
|
||||||
'/base/core-equipment/page?pageNo=1&pageSize=100&special=true',
|
|
||||||
];
|
|
||||||
try {
|
|
||||||
const [eq] = await Promise.all(urls.map((url) => this.$axios(url)));
|
|
||||||
if (eq.code == 0) {
|
|
||||||
this.equipmentOptions = eq.data.list.map((item) => ({
|
|
||||||
label: item.name,
|
|
||||||
value: item.id,
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
this.formLoading = false;
|
|
||||||
} catch (err) {
|
|
||||||
this.formLoading = false;
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
init(row) {
|
init(id) {
|
||||||
|
this.dataForm.id = id || '';
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
if (row?.id) {
|
this.$nextTick(() => {
|
||||||
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields();
|
||||||
this.$refs['dataForm'].resetFields();
|
if (this.dataForm.id) {
|
||||||
this.formLoading = true;
|
getCheckDet(this.dataForm.id).then((res) => {
|
||||||
this.$axios({
|
// const { name, value } = res.data;
|
||||||
url: '/base/equipment-check-order-det/get?id=' + row.id,
|
// this.dataForm.name = name;
|
||||||
}).then((res) => {
|
// this.dataForm.value = value;
|
||||||
Object.keys(this.dataForm).forEach((key) => {
|
this.dataForm = res.data
|
||||||
this.dataForm[key] = res.data[key];
|
|
||||||
});
|
|
||||||
this.formLoading = false;
|
|
||||||
});
|
});
|
||||||
});
|
}
|
||||||
}
|
});
|
||||||
},
|
},
|
||||||
// 表单提交
|
// 表单提交
|
||||||
async dataFormSubmit() {
|
dataFormSubmit() {
|
||||||
let valid = false;
|
this.$refs['dataForm'].validate((valid) => {
|
||||||
try {
|
if (valid) {
|
||||||
valid = await this.$refs['dataForm'].validate();
|
// 修改的提交
|
||||||
} catch (err) {}
|
if (this.dataForm.id) {
|
||||||
if (!valid) return;
|
updateCheckDet({
|
||||||
|
...this.dataForm,
|
||||||
const res = await this.$axios({
|
configId: this.configId
|
||||||
url:
|
}).then((response) => {
|
||||||
'base/equipment-check-order-det' +
|
this.$modal.msgSuccess('修改成功');
|
||||||
(this.dataForm.id ? '/update' : '/create'),
|
this.visible = false;
|
||||||
method: this.dataForm.id ? 'put' : 'post',
|
this.$emit('refreshDataList');
|
||||||
data: {
|
});
|
||||||
...this.dataForm,
|
return;
|
||||||
orderId: this.orderId,
|
}
|
||||||
},
|
// 添加的提交
|
||||||
|
createCheckDet({
|
||||||
|
...this.dataForm,
|
||||||
|
configId: this.configId,
|
||||||
|
}).then((response) => {
|
||||||
|
this.$modal.msgSuccess('新增成功');
|
||||||
|
this.visible = false;
|
||||||
|
this.$emit('refreshDataList');
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.$modal.msgSuccess(this.dataForm.id ? '修改成功' : '新增成功');
|
|
||||||
this.$emit('refreshDataList');
|
|
||||||
this.visible = false;
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -1,539 +0,0 @@
|
|||||||
/* Logo 字体 */
|
|
||||||
@font-face {
|
|
||||||
font-family: "iconfont logo";
|
|
||||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
|
|
||||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
|
|
||||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
|
|
||||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
|
|
||||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
font-family: "iconfont logo";
|
|
||||||
font-size: 160px;
|
|
||||||
font-style: normal;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tabs */
|
|
||||||
.nav-tabs {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-tabs .nav-more {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 42px;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabs {
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabs li {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100px;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
border-bottom: 2px solid transparent;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
margin-bottom: -1px;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#tabs .active {
|
|
||||||
border-bottom-color: #f00;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-container .content {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 页面布局 */
|
|
||||||
.main {
|
|
||||||
padding: 30px 100px;
|
|
||||||
width: 960px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main .logo {
|
|
||||||
color: #333;
|
|
||||||
text-align: left;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
line-height: 1;
|
|
||||||
height: 110px;
|
|
||||||
margin-top: -50px;
|
|
||||||
overflow: hidden;
|
|
||||||
*zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main .logo a {
|
|
||||||
font-size: 160px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.helps {
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.helps pre {
|
|
||||||
padding: 20px;
|
|
||||||
margin: 10px 0;
|
|
||||||
border: solid 1px #e7e1cd;
|
|
||||||
background-color: #fffdef;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists {
|
|
||||||
width: 100% !important;
|
|
||||||
overflow: hidden;
|
|
||||||
*zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists li {
|
|
||||||
width: 100px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-right: 20px;
|
|
||||||
text-align: center;
|
|
||||||
list-style: none !important;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists li .code-name {
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists .icon {
|
|
||||||
display: block;
|
|
||||||
height: 100px;
|
|
||||||
line-height: 100px;
|
|
||||||
font-size: 42px;
|
|
||||||
margin: 10px auto;
|
|
||||||
color: #333;
|
|
||||||
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
|
|
||||||
-moz-transition: font-size 0.25s linear, width 0.25s linear;
|
|
||||||
transition: font-size 0.25s linear, width 0.25s linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists .icon:hover {
|
|
||||||
font-size: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists .svg-icon {
|
|
||||||
/* 通过设置 font-size 来改变图标大小 */
|
|
||||||
width: 1em;
|
|
||||||
/* 图标和文字相邻时,垂直对齐 */
|
|
||||||
vertical-align: -0.15em;
|
|
||||||
/* 通过设置 color 来改变 SVG 的颜色/fill */
|
|
||||||
fill: currentColor;
|
|
||||||
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
|
||||||
normalize.css 中也包含这行 */
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_lists li .name,
|
|
||||||
.icon_lists li .code-name {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* markdown 样式 */
|
|
||||||
.markdown {
|
|
||||||
color: #666;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown img {
|
|
||||||
vertical-align: middle;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h1 {
|
|
||||||
color: #404040;
|
|
||||||
font-weight: 500;
|
|
||||||
line-height: 40px;
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h2,
|
|
||||||
.markdown h3,
|
|
||||||
.markdown h4,
|
|
||||||
.markdown h5,
|
|
||||||
.markdown h6 {
|
|
||||||
color: #404040;
|
|
||||||
margin: 1.6em 0 0.6em 0;
|
|
||||||
font-weight: 500;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h1 {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h2 {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h3 {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h4 {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h5 {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h6 {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown hr {
|
|
||||||
height: 1px;
|
|
||||||
border: 0;
|
|
||||||
background: #e9e9e9;
|
|
||||||
margin: 16px 0;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown p {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>p,
|
|
||||||
.markdown>blockquote,
|
|
||||||
.markdown>.highlight,
|
|
||||||
.markdown>ol,
|
|
||||||
.markdown>ul {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown ul>li {
|
|
||||||
list-style: circle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>ul li,
|
|
||||||
.markdown blockquote ul>li {
|
|
||||||
margin-left: 20px;
|
|
||||||
padding-left: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>ul li p,
|
|
||||||
.markdown>ol li p {
|
|
||||||
margin: 0.6em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown ol>li {
|
|
||||||
list-style: decimal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>ol li,
|
|
||||||
.markdown blockquote ol>li {
|
|
||||||
margin-left: 20px;
|
|
||||||
padding-left: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown code {
|
|
||||||
margin: 0 3px;
|
|
||||||
padding: 0 5px;
|
|
||||||
background: #eee;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown strong,
|
|
||||||
.markdown b {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0px;
|
|
||||||
empty-cells: show;
|
|
||||||
border: 1px solid #e9e9e9;
|
|
||||||
width: 95%;
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>table th {
|
|
||||||
white-space: nowrap;
|
|
||||||
color: #333;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>table th,
|
|
||||||
.markdown>table td {
|
|
||||||
border: 1px solid #e9e9e9;
|
|
||||||
padding: 8px 16px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>table th {
|
|
||||||
background: #F7F7F7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown blockquote {
|
|
||||||
font-size: 90%;
|
|
||||||
color: #999;
|
|
||||||
border-left: 4px solid #e9e9e9;
|
|
||||||
padding-left: 0.8em;
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown blockquote p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown .anchor {
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown .waiting {
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown h1:hover .anchor,
|
|
||||||
.markdown h2:hover .anchor,
|
|
||||||
.markdown h3:hover .anchor,
|
|
||||||
.markdown h4:hover .anchor,
|
|
||||||
.markdown h5:hover .anchor,
|
|
||||||
.markdown h6:hover .anchor {
|
|
||||||
opacity: 1;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown>br,
|
|
||||||
.markdown>p>br {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.hljs {
|
|
||||||
display: block;
|
|
||||||
background: white;
|
|
||||||
padding: 0.5em;
|
|
||||||
color: #333333;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-comment,
|
|
||||||
.hljs-meta {
|
|
||||||
color: #969896;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-string,
|
|
||||||
.hljs-variable,
|
|
||||||
.hljs-template-variable,
|
|
||||||
.hljs-strong,
|
|
||||||
.hljs-emphasis,
|
|
||||||
.hljs-quote {
|
|
||||||
color: #df5000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-keyword,
|
|
||||||
.hljs-selector-tag,
|
|
||||||
.hljs-type {
|
|
||||||
color: #a71d5d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-literal,
|
|
||||||
.hljs-symbol,
|
|
||||||
.hljs-bullet,
|
|
||||||
.hljs-attribute {
|
|
||||||
color: #0086b3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-section,
|
|
||||||
.hljs-name {
|
|
||||||
color: #63a35c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-tag {
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-title,
|
|
||||||
.hljs-attr,
|
|
||||||
.hljs-selector-id,
|
|
||||||
.hljs-selector-class,
|
|
||||||
.hljs-selector-attr,
|
|
||||||
.hljs-selector-pseudo {
|
|
||||||
color: #795da3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-addition {
|
|
||||||
color: #55a532;
|
|
||||||
background-color: #eaffea;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-deletion {
|
|
||||||
color: #bd2c00;
|
|
||||||
background-color: #ffecec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-link {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 代码高亮 */
|
|
||||||
/* PrismJS 1.15.0
|
|
||||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
|
|
||||||
/**
|
|
||||||
* prism.js default theme for JavaScript, CSS and HTML
|
|
||||||
* Based on dabblet (http://dabblet.com)
|
|
||||||
* @author Lea Verou
|
|
||||||
*/
|
|
||||||
code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
color: black;
|
|
||||||
background: none;
|
|
||||||
text-shadow: 0 1px white;
|
|
||||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
||||||
text-align: left;
|
|
||||||
white-space: pre;
|
|
||||||
word-spacing: normal;
|
|
||||||
word-break: normal;
|
|
||||||
word-wrap: normal;
|
|
||||||
line-height: 1.5;
|
|
||||||
|
|
||||||
-moz-tab-size: 4;
|
|
||||||
-o-tab-size: 4;
|
|
||||||
tab-size: 4;
|
|
||||||
|
|
||||||
-webkit-hyphens: none;
|
|
||||||
-moz-hyphens: none;
|
|
||||||
-ms-hyphens: none;
|
|
||||||
hyphens: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"]::-moz-selection,
|
|
||||||
pre[class*="language-"] ::-moz-selection,
|
|
||||||
code[class*="language-"]::-moz-selection,
|
|
||||||
code[class*="language-"] ::-moz-selection {
|
|
||||||
text-shadow: none;
|
|
||||||
background: #b3d4fc;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"]::selection,
|
|
||||||
pre[class*="language-"] ::selection,
|
|
||||||
code[class*="language-"]::selection,
|
|
||||||
code[class*="language-"] ::selection {
|
|
||||||
text-shadow: none;
|
|
||||||
background: #b3d4fc;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
|
|
||||||
code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Code blocks */
|
|
||||||
pre[class*="language-"] {
|
|
||||||
padding: 1em;
|
|
||||||
margin: .5em 0;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
:not(pre)>code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
background: #f5f2f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inline code */
|
|
||||||
:not(pre)>code[class*="language-"] {
|
|
||||||
padding: .1em;
|
|
||||||
border-radius: .3em;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.comment,
|
|
||||||
.token.prolog,
|
|
||||||
.token.doctype,
|
|
||||||
.token.cdata {
|
|
||||||
color: slategray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.punctuation {
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace {
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.property,
|
|
||||||
.token.tag,
|
|
||||||
.token.boolean,
|
|
||||||
.token.number,
|
|
||||||
.token.constant,
|
|
||||||
.token.symbol,
|
|
||||||
.token.deleted {
|
|
||||||
color: #905;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.selector,
|
|
||||||
.token.attr-name,
|
|
||||||
.token.string,
|
|
||||||
.token.char,
|
|
||||||
.token.builtin,
|
|
||||||
.token.inserted {
|
|
||||||
color: #690;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.operator,
|
|
||||||
.token.entity,
|
|
||||||
.token.url,
|
|
||||||
.language-css .token.string,
|
|
||||||
.style .token.string {
|
|
||||||
color: #9a6e3a;
|
|
||||||
background: hsla(0, 0%, 100%, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.atrule,
|
|
||||||
.token.attr-value,
|
|
||||||
.token.keyword {
|
|
||||||
color: #07a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.function,
|
|
||||||
.token.class-name {
|
|
||||||
color: #DD4A68;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.regex,
|
|
||||||
.token.important,
|
|
||||||
.token.variable {
|
|
||||||
color: #e90;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.important,
|
|
||||||
.token.bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.entity {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
@ -1,38 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: "iconfont"; /* Project id 3821755 */
|
|
||||||
src: url('iconfont.eot?t=1689233106339'); /* IE9 */
|
|
||||||
src: url('iconfont.eot?t=1689233106339#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
||||||
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARgAAsAAAAACcAAAAQUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKAqGSIUsATYCJAMYCw4ABCAFhGcHVBtUCMiuMG7hiaIkox1FaBhxvd1fpwAN4YKo1v7tWTr8hBRkBQgO7yqKUJKPUKzDjkixjn7/q0vlANCkEHCJtsMvx2eQn04h5rHEE8593TK2y1SC5nbvNG5gqgZBNEWTqFUQLGVFNnVu1TjyMm3SafEsC3y0myW12KdEh2x+deP/zzHTJeG3AVBm4lrnAxpQN0US7s3ijuSE6Jbh1UGv08cgQEivMg5z6m49Qj77TVxDEZww6gXicNkviSbkxgswNeGCj+CgMw1yFRpAnUNegSv+8+UfU/igsBpjnRV3rRV9+Su8Fk1Agv6CW4eAeyvAAhronJlI1tcrVnIMHZ0cCcsUTrRTnQ0CP50B4KfgEub9Lw80BougQBwGI8bYJU4LPwUbBw0/HXAw8NORUM90wsT9JeIMFACux9QckHyQ9FDYTobcGi+FLSjwMxDe3L5s+w9THFYeEs8H303FWMnZ1JuBWFgNPh3bd5wOvJmKI9aTqXeD8eJ66HnfnV1dJPE8cy4EgqT+s/SbdSWbp9Pn24NbZ1MnGw7CDbvT6+lL1CXVh++hcH56umDT9vOviL/grQ6srHjE57uLHdQn+dtO9x2v94WN6+eXm0HWlZOzta3tUDp1JWjymsiD8r0ViWGkC+n4GeH5aODSM+9COnilpdfdZsRIvMerLmS0uICTplrOnb99LT3NkJNeajPfpDznblq6bXH8efBjlPIUxhQcX+U0qEdt4bjxy6rMdOkbEn0/3mlvrXZL60ysxdwcn/qKLJ/82pnzGS61z5rBeGmrxf33ZXN/IBWUvb8KSvnttbwwq+YTkweZHue0M0+c0ssZGY/Rs+aVF8+3GaW07CkvLC/KcBvP8c2uGpsdm0THlazwlPE22Kdi9ZK4Hdsmtw9eHVQwPjG0p33Q7tGMJ6TUJ2VK1MMw6ftI6qPPtruCvEPmLZqiHcj1Aw3Rup/sdzj+lt/w3f5TrAHgx++nD7A+8xaD4CL8m60Q+KWYO7CgUY3gTFl+OwUBHKteh00BoWmGDIYm301frAJwKAg+BTEoPCpA41OPNNh2sET0g8NnCkI61M6PKKBzREwANBtGIOS6BEU2D0CT6xvSYP+Apdg/cOT6DyErI68W0RzbqhmYOFixuRNLFqoRi839Zh+A2KqYWJH1CTC7hM04My0j664HDVgXY+xtYhbnBBNGVVzH7geKQrHOqA0sPK2Fc70oPZ2UPSTNQlVUjQEmHLDCzDphEgtKQ9zCPP16DwBRK4UJAyKfyBg7jaeaxzKlyQAg6xkaKO9M2tu1EWXhOEL3IxhKhdWpMqCYDgrTy7vZAAsuTUsLm65IOlWIQBlp47PUS9wAhBgHOFGixYgVJx7+dtqutZuY1eXTvXYncJOkOF1Wicd+CnBACA==') format('woff2'),
|
|
||||||
url('iconfont.woff?t=1689233106339') format('woff'),
|
|
||||||
url('iconfont.ttf?t=1689233106339') format('truetype'),
|
|
||||||
url('iconfont.svg?t=1689233106339#iconfont') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
font-family: "iconfont" !important;
|
|
||||||
font-size: 16px;
|
|
||||||
font-style: normal;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-downward:before {
|
|
||||||
content: "\e604";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-upward:before {
|
|
||||||
content: "\e605";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-detail:before {
|
|
||||||
content: "\e601";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-edit:before {
|
|
||||||
content: "\e602";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-delete:before {
|
|
||||||
content: "\e603";
|
|
||||||
}
|
|
||||||
|
|
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -1,44 +0,0 @@
|
|||||||
{
|
|
||||||
"id": "3821755",
|
|
||||||
"name": "component",
|
|
||||||
"font_family": "iconfont",
|
|
||||||
"css_prefix_text": "icon-",
|
|
||||||
"description": "封装的组件中的icon",
|
|
||||||
"glyphs": [
|
|
||||||
{
|
|
||||||
"icon_id": "36426261",
|
|
||||||
"name": "downward",
|
|
||||||
"font_class": "downward",
|
|
||||||
"unicode": "e604",
|
|
||||||
"unicode_decimal": 58884
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "36426301",
|
|
||||||
"name": "upward",
|
|
||||||
"font_class": "upward",
|
|
||||||
"unicode": "e605",
|
|
||||||
"unicode_decimal": 58885
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "33347867",
|
|
||||||
"name": "detail",
|
|
||||||
"font_class": "detail",
|
|
||||||
"unicode": "e601",
|
|
||||||
"unicode_decimal": 58881
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "33347918",
|
|
||||||
"name": "edit",
|
|
||||||
"font_class": "edit",
|
|
||||||
"unicode": "e602",
|
|
||||||
"unicode_decimal": 58882
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "33347930",
|
|
||||||
"name": "delete",
|
|
||||||
"font_class": "delete",
|
|
||||||
"unicode": "e603",
|
|
||||||
"unicode_decimal": 58883
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
@ -1,29 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<metadata>Created by iconfont</metadata>
|
|
||||||
<defs>
|
|
||||||
<font id="iconfont" horiz-adv-x="1024">
|
|
||||||
<font-face
|
|
||||||
font-family="iconfont"
|
|
||||||
font-weight="400"
|
|
||||||
font-stretch="normal"
|
|
||||||
units-per-em="1024"
|
|
||||||
ascent="896"
|
|
||||||
descent="-128"
|
|
||||||
/>
|
|
||||||
<missing-glyph />
|
|
||||||
|
|
||||||
<glyph glyph-name="downward" unicode="" d="M556.942222 144.099556l363.064889 401.806222c24.860444 21.617778 24.860444 56.263111 0 77.880889a68.437333 68.437333 0 0 1-44.942222 16.156444c-16.896 0-33.052444-5.859556-44.885333-16.156444L512 260.949333l-318.236444 362.951111a68.437333 68.437333 0 0 1-44.942223 16.099556c-16.896 0-33.109333-5.802667-44.942222-16.156444-24.746667-21.617778-24.746667-56.206222 0-77.824l363.121778-401.749334c5.973333-5.290667 13.141333-9.443556 21.048889-12.231111 23.722667-8.305778 51.029333-3.527111 68.892444 12.060445z" horiz-adv-x="1024" />
|
|
||||||
|
|
||||||
<glyph glyph-name="upward" unicode="" d="M556.942222 623.900444l363.064889-401.806222c24.860444-21.617778 24.860444-56.263111 0-77.880889a68.437333 68.437333 0 0 0-44.942222-16.156444c-16.896 0-33.052444 5.859556-44.885333 16.156444L512 507.050667l-318.236444-362.951111a68.437333 68.437333 0 0 0-44.942223-16.099556c-16.896 0-33.109333 5.802667-44.942222 16.156444-24.746667 21.617778-24.746667 56.206222 0 77.824L467.057778 623.729778c5.973333 5.290667 13.141333 9.443556 21.048889 12.231111 23.722667 8.305778 51.029333 3.527111 68.892444-12.060445z" horiz-adv-x="1024" />
|
|
||||||
|
|
||||||
<glyph glyph-name="detail" unicode="" d="M902.428444 705.251556H332.401778a7.964444 7.964444 0 0 1-7.793778-8.021334v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.078222h570.026666A7.964444 7.964444 0 0 1 910.222222 641.024v56.206222a7.964444 7.964444 0 0 1-7.793778 8.021334z m0-285.127112H332.401778a7.964444 7.964444 0 0 1-7.793778-7.964444v-56.32a7.964444 7.964444 0 0 1 7.793778-7.964444h570.026666a7.964444 7.964444 0 0 1 7.793778 7.964444v56.32a7.964444 7.964444 0 0 1-7.793778 7.964444z m0-285.070222H332.401778a7.964444 7.964444 0 0 1-7.793778-8.078222v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.021334h570.026666a7.964444 7.964444 0 0 1 7.793778 8.021334v56.206222a7.964444 7.964444 0 0 1-7.793778 8.078222zM113.777778 669.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 669.127111zM113.777778 384c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0A56.547556 56.547556 0 0 1 223.061333 384a56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 384z m0-285.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0 56.547556 56.547556 0 0 1-27.363555-48.696889z" horiz-adv-x="1024" />
|
|
||||||
|
|
||||||
<glyph glyph-name="edit" unicode="" d="M873.016889 395.264a32.824889 32.824889 0 0 0 65.649778 0v-273.806222a164.124444 164.124444 0 0 0-164.124445-164.124445h-525.084444A164.124444 164.124444 0 0 0 85.333333 121.457778v525.084444A164.124444 164.124444 0 0 0 249.457778 810.666667h312.32a32.824889 32.824889 0 1 0 0-65.649778h-312.32a98.417778 98.417778 0 0 1-98.474667-98.417778v-525.141333c0-54.385778 44.088889-98.474667 98.417778-98.474667h525.141333a98.417778 98.417778 0 0 1 98.474667 98.417778V395.320889z m-14.222222 362.097778a32.824889 32.824889 0 0 0 48.014222-44.771556L548.750222 328.533333a32.824889 32.824889 0 1 0-48.014222 44.771556l358.115556 384.056889z" horiz-adv-x="1024" />
|
|
||||||
|
|
||||||
<glyph glyph-name="delete" unicode="" d="M601.024 146.24a29.632 29.632 0 0 0-29.696 29.696V503.04a29.632 29.632 0 1 0 59.456 0v-326.848a29.76 29.76 0 0 0-29.76-29.888z m-178.24 0a29.632 29.632 0 0 0-29.696 29.696V503.04a29.632 29.632 0 1 0 59.392 0v-326.848a29.76 29.76 0 0 0-29.696-29.888z m475.52 505.216h-148.544v59.456c0 49.152-39.616 89.088-88.512 89.088H363.392c-49.216 0-89.152-39.936-89.152-89.088v-59.456H125.696a29.632 29.632 0 1 1 0-59.392h772.608a29.632 29.632 0 1 1 0 59.392z m-564.608 59.456c0 16.256 13.44 29.696 29.696 29.696h297.856c16.32 0 29.056-13.12 29.056-29.696v-59.456H333.696v59.456zM720-32h-416a89.152 89.152 0 0 0-89.088 89.088V503.232a29.632 29.632 0 1 0 59.456 0v-446.08c0-16.512 13.44-29.76 29.696-29.76h416.064a29.632 29.632 0 0 1 29.696 29.696V502.144a29.632 29.632 0 1 0 59.456 0v-445.056A89.536 89.536 0 0 0 720-32z" horiz-adv-x="1024" />
|
|
||||||
|
|
||||||
</font>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue
Block a user