master
parent
ad46e424dc
commit
0e4bd62bb0
@ -0,0 +1,102 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
//分类
|
||||||
|
// 查询所有的设施/设备分类
|
||||||
|
export function getFacilitiesList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesCategory/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加设施/设备分类信息
|
||||||
|
export function addFacility(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesCategory/insert`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量删除设施/设备分类
|
||||||
|
export function delFacility(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesCategory/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据设施/设备分类主键id查询设施/设备分类信息
|
||||||
|
export function findFacility(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesCategory/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改设施分类信息(不允许修改设施分类类型)
|
||||||
|
export function updateFacility(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesCategory/update`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//管理
|
||||||
|
// 查询所有的设施/设备管理
|
||||||
|
export function facilityInfoList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加设施/设备信息
|
||||||
|
export function addFacilityInfo(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/insert`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据设施/设备主键id查询设施/设备信息
|
||||||
|
export function findFacilityInfo(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据设施/设备主键id查询设施/设备情况list记录
|
||||||
|
export function findRecordList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/situationList`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改设施/设备信息
|
||||||
|
export function updateFacilityInfo(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/update`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量删除设施/设备信息
|
||||||
|
export function delFacilityInfo(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/facilitiesManage/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,141 @@
|
|||||||
|
export const form= {
|
||||||
|
type: 1,
|
||||||
|
name: '',
|
||||||
|
facilitiesCategoryId: undefined,
|
||||||
|
code: '',
|
||||||
|
status: undefined,
|
||||||
|
createStartDate: undefined,
|
||||||
|
createEndDate: undefined,
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addForm = {
|
||||||
|
name: '',
|
||||||
|
address: '',
|
||||||
|
facilitiesCategoryId: undefined,
|
||||||
|
brand: '',
|
||||||
|
procurementCosts: '',
|
||||||
|
purchasingManufacturer: '',
|
||||||
|
manufacturerPhone: '',
|
||||||
|
warrantyPeriodYears: 0,
|
||||||
|
warrantyPeriodMonths: 0,
|
||||||
|
validityStart: '',
|
||||||
|
validityEnd: '',
|
||||||
|
openStartDate: '',
|
||||||
|
openEndDate: '',
|
||||||
|
remakes: '',
|
||||||
|
docUrls: [],
|
||||||
|
}
|
||||||
|
|
||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "设施编号",
|
||||||
|
width: "10%",
|
||||||
|
dataIndex: "code",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设施分类名称",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "facilitiesCategoryName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设施名称",
|
||||||
|
width: "9%",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "添加人",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "createName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设施状态",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "status",
|
||||||
|
customRender: function(status) {
|
||||||
|
switch(status) {
|
||||||
|
case 1: return '空置中'
|
||||||
|
case 2: return '使用中'
|
||||||
|
case 3: return '已停用'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设施品牌",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "brand",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "采购费用（元）",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "procurementCosts",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "采购厂家",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "purchasingManufacturer",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "厂家电话",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "manufacturerPhone",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "质保期限",
|
||||||
|
width: "6%",
|
||||||
|
dataIndex: "warrantyPeriodYears",
|
||||||
|
scopedSlots: { customRender: "quality" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设备有效期",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "validityStart",
|
||||||
|
scopedSlots: { customRender: "time" },
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: "设备有效期开始",
|
||||||
|
// width: "8%",
|
||||||
|
// dataIndex: "validityStart",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: "设备有效期结束",
|
||||||
|
// width: "8%",
|
||||||
|
// dataIndex: "validityEnd",
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
title: "文件",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "docList",
|
||||||
|
scopedSlots: { customRender: "document" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "备注",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "remakes",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "添加时间",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "createDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const rules = {
|
||||||
|
name: [{ required: true, message: "请输入名称", trigger: "blur" }],
|
||||||
|
content: [{ required: true, message: "请输入内容", trigger: "blur" }],
|
||||||
|
}
|
||||||
|
|
||||||
|
export function doStr(str, number) {
|
||||||
|
if(str.length >= number) {
|
||||||
|
return str.substr(0,number-1) + '...'
|
||||||
|
} else {
|
||||||
|
return str
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,452 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<!-- <span>{{form.type == 1?'设施管理':'设备管理'}}</span> -->
|
||||||
|
<a-radio-group
|
||||||
|
v-model="form.type"
|
||||||
|
button-style="solid"
|
||||||
|
@change="typeChange"
|
||||||
|
>
|
||||||
|
<a-radio-button :value="1"> 设施管理 </a-radio-button>
|
||||||
|
<a-radio-button :value="2"> 设备管理 </a-radio-button>
|
||||||
|
</a-radio-group>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input v-model="form.name" style="width: 200px" :placeholder="form.type == 1 ?'设施名称':'设备名称'"></a-input>
|
||||||
|
<a-select v-model="form.facilitiesCategoryId" style="width: 200px" :placeholder="form.type == 1 ?'设施分类':'设备分类'">
|
||||||
|
<a-select-option v-for="(item) in faList" :value="item.id" :key="item.id">
|
||||||
|
{{item.name}}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-input v-model="form.code" style="width: 200px" :placeholder="form.type == 1 ?'设施编号':'设备编号'"></a-input>
|
||||||
|
<a-select v-model="form.status" style="width: 200px" :placeholder="form.type == 1 ?'设施状态':'设备状态'">
|
||||||
|
<a-select-option :value="1">空置中</a-select-option>
|
||||||
|
<a-select-option :value="2">使用中</a-select-option>
|
||||||
|
<a-select-option :value="3">已停用</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-range-picker @change="handlerTime" v-model="selTime" style="width: 240px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['添加开始时间','添加结束时间']"></a-range-picker>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<a-button style="margin: 10px" class="add-btn" @click="addShow = true;mode = 1">{{form.type == 1 ?'添加设施':'添加设备'}}</a-button>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData" :pagination="pagination" @change="handlerChange" :scroll="{ x: 3200 }"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<template slot="quality" slot-scope="text,row">
|
||||||
|
{{row.warrantyPeriodYears}} 年 {{row.warrantyPeriodMonths}} 个月
|
||||||
|
</template>
|
||||||
|
<template slot="time" slot-scope="text,row">
|
||||||
|
{{row.validityStart}} 至 {{row.validityEnd}}
|
||||||
|
</template>
|
||||||
|
<template slot="document" slot-scope="text,row">
|
||||||
|
<div v-for="(item,index) in row.docList" :key="index">
|
||||||
|
<a :href="$ImgUrl(item.url)" target="tar">{{item.url}}</a>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template slot="action" slot-scope="text,row">
|
||||||
|
<span><a @click=edit(row)>编辑</a></span>
|
||||||
|
<span><a style="margin-left: 8px" @click=detail(row)>详情</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(row)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-drawer :title="form.type==1&&mode==1?'添加设施分类':form.type==2&&mode==1?'添加设备分类':form.type==1&&mode==2?'编辑设施分类':'编辑设备分类'"
|
||||||
|
:width="720" :visible="addShow" :body-style="{ paddingBottom: '60px' }" @close="addClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<a-row>
|
||||||
|
<a-form-model :model="addForm" :rules="rules">
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item :label="form.type == 1 ?'设施名称':'设备名称'" prop="name">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入名称" v-model="addForm.name"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item :label="form.type == 1 ?'设施位置':'设备位置'" prop="address">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入位置" v-model="addForm.address"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item :label="form.type == 1 ?'设施分类':'设备分类'" prop="facilitiesCategoryId">
|
||||||
|
<a-select style="width: 300px" placeholder="请选择分类" v-model="addForm.facilitiesCategoryId">
|
||||||
|
<a-select-option v-for="(item) in faList" :value="item.id" :key="item.id">
|
||||||
|
{{item.name}}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item :label="form.type == 1 ?'设施品牌':'设备品牌'" prop="brand">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入品牌" v-model="addForm.brand"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="采购费用" prop="brand">
|
||||||
|
¥ <a-input-number :min="0" :step="0.01" style="width: 150px;margin-left:8px" placeholder="请输入" v-model="addForm.procurementCosts"></a-input-number>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="采购厂家" prop="brand">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入" v-model="addForm.purchasingManufacturer"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="厂家电话" prop="brand">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入" v-model="addForm.manufacturerPhone"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="质保期限" prop="brand">
|
||||||
|
<a-input-number :min="0" style="width: 120px" placeholder="请输入" v-model="addForm.warrantyPeriodYears"></a-input-number> 年
|
||||||
|
<a-input-number :min="0" :max="12" style="width: 120px" placeholder="请输入" v-model="addForm.warrantyPeriodMonths"></a-input-number> 个月
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="有效期" prop="brand">
|
||||||
|
<a-range-picker @change="changeAT" v-model="actTime" style="width: 300px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['有效期开始','有效期结束']"></a-range-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="开放时间" prop="brand">
|
||||||
|
<a-range-picker @change="changeOT" v-model="openTime" :mode="['time','time']" show-time format="HH:mm:ss" value-format="HH:mm" style="width: 300px" :placeholder="['开放时间开始','开放时间结束']"></a-range-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="22">
|
||||||
|
<a-form-model-item label="上传文件" prop="brand">
|
||||||
|
<a-upload
|
||||||
|
name="file"
|
||||||
|
:multiple="true"
|
||||||
|
:action="`${$upload}`"
|
||||||
|
:file-list="documentList"
|
||||||
|
accept=".doc,.DOC,.xls,.XLS,.xlsx,.XLSX,.pdf,.PDF"
|
||||||
|
:headers="uploadHeaders"
|
||||||
|
@change="changeFile"
|
||||||
|
:beforeUpload='beforeUpload'
|
||||||
|
>
|
||||||
|
<a-button> <a-icon type="upload" /> 上传附件</a-button>
|
||||||
|
</a-upload>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="22">
|
||||||
|
<a-form-model-item label="备注" prop="brand">
|
||||||
|
<a-textarea :autosize="{minRows:8}" v-model="addForm.remakes" placeholder="请输入备注"></a-textarea>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
</a-form-model>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="addConfirm" type="primary" :style="{ marginRight: '8px' }">确认</a-button>
|
||||||
|
<a-button @click="addClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
<detailForm :show="detailShow" @detailClose="detailClose" :detailId="detailId"></detailForm>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import store from "@/store";
|
||||||
|
import detailForm from "./depend/detail.vue";
|
||||||
|
import {getFacilitiesList} from "@/api/operation/facility"
|
||||||
|
import {facilityInfoList,addFacilityInfo,updateFacilityInfo,findFacilityInfo,delFacilityInfo} from "@/api/operation/facility"
|
||||||
|
import { form ,addForm, rules, columns } from "./depend/config";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
detailForm,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form:form,
|
||||||
|
columns: columns,
|
||||||
|
rules: rules,
|
||||||
|
faList: [],
|
||||||
|
tableData: [],
|
||||||
|
selTime: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
selectedRowKeys: [],
|
||||||
|
//新增编辑
|
||||||
|
addForm: addForm,
|
||||||
|
actTime: [],
|
||||||
|
openTime: [],
|
||||||
|
addShow: false,
|
||||||
|
mode: 1,
|
||||||
|
activeId: undefined,
|
||||||
|
fileList: [],
|
||||||
|
//文件上传
|
||||||
|
documentList: [],
|
||||||
|
uploadHeaders: {
|
||||||
|
"manage-login-token": store.getters.getToken,
|
||||||
|
},
|
||||||
|
//详情
|
||||||
|
detailShow: false,
|
||||||
|
detailId: undefined
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getApi()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getApi() {
|
||||||
|
let obj = {
|
||||||
|
pageNum: 1,size: 1000,type: this.form.type
|
||||||
|
}
|
||||||
|
getFacilitiesList(obj).then(res => {
|
||||||
|
let data = res.data.rows;
|
||||||
|
this.faList = data;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign(this.form, {pageNum:this.pagination.current,size:this.pagination.pageSize})
|
||||||
|
facilityInfoList(obj).then(res => {
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form.name = '';
|
||||||
|
this.form.facilitiesCategoryId = undefined;
|
||||||
|
this.form.code = '';
|
||||||
|
this.form.status = undefined;
|
||||||
|
this.form.createStartDate = '';
|
||||||
|
this.form.createEndDate = '';
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerTime() {
|
||||||
|
this.form.createStartDate = val[0];
|
||||||
|
this.form.createEndDate = val[1];
|
||||||
|
},
|
||||||
|
changeAT(val) {
|
||||||
|
this.addForm.validityStart = val[0];
|
||||||
|
this.addForm.validityEnd = val[1];
|
||||||
|
},
|
||||||
|
changeOT(val) {
|
||||||
|
this.addForm.openStartDate = val[0];
|
||||||
|
this.addForm.openEndDate = val[1];
|
||||||
|
},
|
||||||
|
typeChange() {
|
||||||
|
this.getApi()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerChange(val) {
|
||||||
|
this.pagination.current = val.current;
|
||||||
|
this.pagination.pageSize = val.pageSize;
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的模版？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delFacilityInfo({facilitiesManageIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
del(val) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除该信息？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delFacilityInfo({facilitiesManageIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//新增编辑
|
||||||
|
edit(val) {
|
||||||
|
this.activeId = val.id
|
||||||
|
findFacilityInfo({facilitiesManageId: val.id}).then(res => {
|
||||||
|
let data = res.data
|
||||||
|
this.addForm = {
|
||||||
|
name: data.name,
|
||||||
|
address: data.address,
|
||||||
|
facilitiesCategoryId: data.facilitiesCategoryId,
|
||||||
|
brand: data.brand,
|
||||||
|
procurementCosts: data.procurementCosts,
|
||||||
|
purchasingManufacturer: data.purchasingManufacturer,
|
||||||
|
manufacturerPhone: data.manufacturerPhone,
|
||||||
|
warrantyPeriodYears: data.warrantyPeriodYears,
|
||||||
|
warrantyPeriodMonths: data.warrantyPeriodMonths,
|
||||||
|
validityStart: data.validityStart,
|
||||||
|
validityEnd: data.validityEnd,
|
||||||
|
openStartDate: data.openStartDate.substr(0,5),
|
||||||
|
openEndDate: data.openEndDate.substr(0,5),
|
||||||
|
remakes: data.remakes,
|
||||||
|
docUrls: [],
|
||||||
|
};
|
||||||
|
this.actTime = [data.validityStart,data.validityEnd];
|
||||||
|
this.openTime = [data.openStartDate,data.openEndDate];
|
||||||
|
if (res.data.docList.length > 0) {
|
||||||
|
const file = [];
|
||||||
|
for (let item of res.data.docList) {
|
||||||
|
let obj = {
|
||||||
|
name: item.url.split("_")[0] + "." + item.url.split(".")[1],
|
||||||
|
url: this.$ImgUrl(item.url),
|
||||||
|
uid: item.url.split("_")[1],
|
||||||
|
status: "done",
|
||||||
|
thumbUrl: this.$ImgUrl(item.url),
|
||||||
|
};
|
||||||
|
file.push(obj);
|
||||||
|
}
|
||||||
|
this.documentList = file;
|
||||||
|
} else {
|
||||||
|
this.addForm.docUrls = [];
|
||||||
|
this.documentList= [];
|
||||||
|
};
|
||||||
|
this.addShow = true;
|
||||||
|
})
|
||||||
|
this.mode = 2;
|
||||||
|
},
|
||||||
|
addConfirm() {
|
||||||
|
// 附件
|
||||||
|
let arr = [];
|
||||||
|
for (let k of this.documentList) {
|
||||||
|
if (k.response) {
|
||||||
|
arr.push(k.response.data);
|
||||||
|
} else {
|
||||||
|
arr.push(k.url.split("/")[k.url.split("/").length - 1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.addForm.docUrls = arr;
|
||||||
|
if(this.mode == 1) {
|
||||||
|
let obj = Object.assign(this.addForm,{type: this.form.type})
|
||||||
|
addFacilityInfo(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.addClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else if (this.mode == 2) {
|
||||||
|
let obj = Object.assign(this.addForm,{id: this.activeId,type: this.form.type})
|
||||||
|
updateFacilityInfo(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.addClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
addClose() {
|
||||||
|
this.addForm = {
|
||||||
|
name: '',
|
||||||
|
address: '',
|
||||||
|
facilitiesCategoryId: undefined,
|
||||||
|
brand: '',
|
||||||
|
procurementCosts: '',
|
||||||
|
purchasingManufacturer: '',
|
||||||
|
manufacturerPhone: '',
|
||||||
|
warrantyPeriodYears: 0,
|
||||||
|
warrantyPeriodMonths: 0,
|
||||||
|
validityStart: '',
|
||||||
|
validityEnd: '',
|
||||||
|
openStartDate: '',
|
||||||
|
openEndDate: '',
|
||||||
|
remakes: '',
|
||||||
|
docUrls: [],
|
||||||
|
};
|
||||||
|
this.openTime = [];
|
||||||
|
this.actTime = [];
|
||||||
|
this.documentList = [];
|
||||||
|
this.addShow = false;
|
||||||
|
},
|
||||||
|
//详情
|
||||||
|
detail(val) {
|
||||||
|
this.detailId = val.id;
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
detailClose() {
|
||||||
|
this.detailShow = false;
|
||||||
|
this.detailId = null;
|
||||||
|
},
|
||||||
|
//文件上传
|
||||||
|
changeFile(info) {
|
||||||
|
this.documentList = info.fileList;
|
||||||
|
if (info.file.status !== "uploading") {
|
||||||
|
console.log(info.file, info.fileList);
|
||||||
|
}
|
||||||
|
if (info.file.status === "done") {
|
||||||
|
this.$message.success(`${info.file.name} 上传成功`);
|
||||||
|
// this.form.annexUrls.push(info.file.response.data);
|
||||||
|
} else if (info.file.status === "error") {
|
||||||
|
this.$message.error(`${info.file.name} 上传失败`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
beforeUpload(f, l) {
|
||||||
|
const isLt50M = f.size / 1024 / 1024 < 50;
|
||||||
|
if (!isLt50M) {
|
||||||
|
this.$message.error(f.name + "文件大小超出限制，请修改后重新上传");
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
export const form= {
|
||||||
|
type: 1,
|
||||||
|
name: '',
|
||||||
|
code: '',
|
||||||
|
createStartDate: undefined,
|
||||||
|
createEndDate: undefined,
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addForm = {
|
||||||
|
name: '',
|
||||||
|
imgUrls: [],
|
||||||
|
}
|
||||||
|
|
||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "分类编号",
|
||||||
|
width: "18%",
|
||||||
|
dataIndex: "code",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "分类名称",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: "分类类型",
|
||||||
|
// width: "9%",
|
||||||
|
// dataIndex: "type",
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
title: "添加人名称",
|
||||||
|
width: "15%",
|
||||||
|
dataIndex: "createName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "设施数量",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "num",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "添加时间",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "createDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "240",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const rules = {
|
||||||
|
name: [{ required: true, message: "请输入名称", trigger: "blur" }],
|
||||||
|
content: [{ required: true, message: "请输入内容", trigger: "blur" }],
|
||||||
|
}
|
||||||
|
|
||||||
|
export function doStr(str, number) {
|
||||||
|
if(str.length >= number) {
|
||||||
|
return str.substr(0,number-1) + '...'
|
||||||
|
} else {
|
||||||
|
return str
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,263 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<!-- <span>{{form.type == 1?'设施管理':'设备管理'}}</span> -->
|
||||||
|
<a-radio-group
|
||||||
|
v-model="form.type"
|
||||||
|
button-style="solid"
|
||||||
|
@change="typeChange"
|
||||||
|
>
|
||||||
|
<a-radio-button :value="1"> 设施管理 </a-radio-button>
|
||||||
|
<a-radio-button :value="2"> 设备管理 </a-radio-button>
|
||||||
|
</a-radio-group>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input v-model="form.name" style="width: 200px" :placeholder="form.type == 1 ?'设施分类名称':'设备分类名称'"></a-input>
|
||||||
|
<a-input v-model="form.code" style="width: 200px" :placeholder="form.type == 1 ?'设施编号':'设备编号'"></a-input>
|
||||||
|
<a-range-picker @change="handlerTime" v-model="selTime" style="width: 240px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['添加开始时间','添加结束时间']"></a-range-picker>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<a-button style="margin: 10px" class="add-btn" @click="detailShow = true;mode = 1">添加分类</a-button>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData"
|
||||||
|
:pagination="pagination" @change="handlerChange" :scroll="{ x: 1400 }"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<template slot="action" slot-scope="text,record">
|
||||||
|
<span><a @click=edit(record)>编辑</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(record)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-drawer :title="form.type==1&&mode==1?'添加设施分类':form.type==2&&mode==1?'添加设备分类':form.type==1&&mode==2?'编辑设施分类':'编辑设备分类'"
|
||||||
|
:width="540" :visible="detailShow" :body-style="{ paddingBottom: '60px' }" @close="detailClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<a-row>
|
||||||
|
<a-form-model :model="addForm" :rules="rules">
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-form-model-item label="设施名称" prop="name">
|
||||||
|
<a-input style="width: 300px" placeholder="请输入模版名称" v-model="addForm.name"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-form-model-item label="设施图片">
|
||||||
|
<commonUpload :fileList='fileList' @handleChange="handleChange" />
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
</a-form-model>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="addConfirm" type="primary" :style="{ marginRight: '8px' }">
|
||||||
|
确认
|
||||||
|
</a-button>
|
||||||
|
<a-button @click="detailClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getFacilitiesList,addFacility,updateFacility,delFacility,findFacility} from "@/api/operation/facility"
|
||||||
|
import { form ,addForm, rules, columns } from "./depend/config";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form:form,
|
||||||
|
columns: columns,
|
||||||
|
rules: rules,
|
||||||
|
tableData: [],
|
||||||
|
selTime: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
selectedRowKeys: [],
|
||||||
|
//新增编辑
|
||||||
|
addForm: addForm,
|
||||||
|
detailShow: false,
|
||||||
|
mode: 1,
|
||||||
|
activeId: undefined,
|
||||||
|
fileList: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign(this.form, {pageNum:this.pagination.current,size:this.pagination.pageSize})
|
||||||
|
getFacilitiesList(obj).then(res => {
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form.name = ''
|
||||||
|
this.form.code = ''
|
||||||
|
this.form.createStartDate = undefined
|
||||||
|
this.form.createEndDate = undefined
|
||||||
|
this.selTime = []
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerTime(val) {
|
||||||
|
this.form.createStartDate = val[0];
|
||||||
|
this.form.createEndDate = val[1];
|
||||||
|
},
|
||||||
|
typeChange() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerChange() {
|
||||||
|
this.pagination.current = val.current;
|
||||||
|
this.pagination.pageSize = val.pageSize;
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的分类？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delFacility({facilitiesCategoryIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
del(val) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除该分类？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delFacility({facilitiesCategoryIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//新增编辑
|
||||||
|
edit(val) {
|
||||||
|
this.mode = 2;
|
||||||
|
findFacility({facilitiesCategoryId: val.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.addForm.name = data.name;
|
||||||
|
if(data.imgList.length>0){
|
||||||
|
const pic = []
|
||||||
|
this.addForm.imgUrls.push(data.imgList[0].url)
|
||||||
|
for(let item of data.imgList){
|
||||||
|
let obj = {
|
||||||
|
name:item.url.split('_')[0] +'.'+ item.url.split('.')[1],
|
||||||
|
url: this.$ImgUrl(item.url),
|
||||||
|
uid:item.url.split('_')[1],
|
||||||
|
status:'done',
|
||||||
|
thumbUrl: this.$ImgUrl(item.url),
|
||||||
|
}
|
||||||
|
pic.push(obj)
|
||||||
|
}
|
||||||
|
this.fileList = pic
|
||||||
|
}
|
||||||
|
this.activeId = data.id
|
||||||
|
})
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
addConfirm() {
|
||||||
|
if(this.mode == 1) {
|
||||||
|
let obj = Object.assign(this.addForm,{type: this.form.type})
|
||||||
|
addFacility(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else if (this.mode == 2) {
|
||||||
|
let obj = Object.assign(this.addForm,{id: this.activeId})
|
||||||
|
updateFacility(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
detailClose() {
|
||||||
|
this.addForm = {
|
||||||
|
name: '',
|
||||||
|
imgUrls: [],
|
||||||
|
};
|
||||||
|
this.fileList = [];
|
||||||
|
this.detailShow = false;
|
||||||
|
},
|
||||||
|
//图片上传
|
||||||
|
handleChange(data) {
|
||||||
|
this.fileList = data;
|
||||||
|
this.addForm.imgUrls = [];
|
||||||
|
data.forEach(ele => {
|
||||||
|
if(ele.status == 'done') {
|
||||||
|
this.addForm.imgUrls.push(ele.response.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<template>
|
||||||
|
<router-view></router-view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,160 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-drawer title="电话类型" :width="540" :visible="show" :body-style="{ paddingBottom: '80px' }" @close="addClose">
|
||||||
|
<div class="drawer-content" style="padding: 16px">
|
||||||
|
电话类型
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<!-- tags -->
|
||||||
|
<span v-for="item,index in typeList" :key="item.id">
|
||||||
|
<a-input
|
||||||
|
v-if="item.show==true"
|
||||||
|
ref="input"
|
||||||
|
v-focus
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:style="{ width: '78px','padding-bottom':'3px','margin-right':'7px' }"
|
||||||
|
v-model="item.name"
|
||||||
|
@blur="editType(item)"
|
||||||
|
@keyup.enter="editType(item)"
|
||||||
|
/>
|
||||||
|
<a-tag
|
||||||
|
v-else-if="item.show==false" closable @close.prevent="delType(item.id)"
|
||||||
|
@click="editInput(item,index)" >
|
||||||
|
{{item.name}}
|
||||||
|
</a-tag>
|
||||||
|
</span>
|
||||||
|
<!-- addTag -->
|
||||||
|
<span>
|
||||||
|
<a-input
|
||||||
|
v-if="inputVisible"
|
||||||
|
ref="addInput"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:style="{ width: '78px','padding-bottom':'3px'}"
|
||||||
|
:value="typeForm.name"
|
||||||
|
@change="handleInputChange"
|
||||||
|
@blur="handleInputConfirm"
|
||||||
|
@keyup.enter="handleInputConfirm"
|
||||||
|
/>
|
||||||
|
<a-tag v-else style="background: #fff; borderStyle: dashed;" @click="addShow">
|
||||||
|
<a-icon type="plus" /> 新增类型
|
||||||
|
</a-tag>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer">
|
||||||
|
<a-button :style="{ marginRight: '8px' }" @click="addClose">
|
||||||
|
关闭
|
||||||
|
</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getPhontTypeList, addPhontType, delPhontType,updatePhontType} from "@/api/operation/suggestion"
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
show: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
typeForm: {
|
||||||
|
name: ''
|
||||||
|
},
|
||||||
|
typeList: [],
|
||||||
|
inputVisible: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getData() {
|
||||||
|
this.typeList = []
|
||||||
|
const res = await getPhontTypeList();
|
||||||
|
const arr = res.data;
|
||||||
|
arr.forEach(ele => {
|
||||||
|
ele.show = false;
|
||||||
|
})
|
||||||
|
this.typeList = arr;
|
||||||
|
this.$emit("refresh");
|
||||||
|
},
|
||||||
|
//输入
|
||||||
|
editInput(obj, i) {
|
||||||
|
this.$set(this.typeList[i],'show',true)
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
//新增
|
||||||
|
addShow(){
|
||||||
|
this.inputVisible = true;
|
||||||
|
this.$nextTick(function() {
|
||||||
|
this.$refs.addInput.focus();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//编辑
|
||||||
|
async editType(item){
|
||||||
|
let res = await updatePhontType({
|
||||||
|
id: item.id,
|
||||||
|
name: item.name
|
||||||
|
})
|
||||||
|
if(res.code === 200){
|
||||||
|
item.show = false
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.$message.success(res.msg)
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleInputChange(e) {
|
||||||
|
this.typeForm.name = e.target.value;
|
||||||
|
},
|
||||||
|
//新增和编辑确认
|
||||||
|
async handleInputConfirm() {
|
||||||
|
if(this.typeForm.name === ''){
|
||||||
|
this.inputVisible = false;
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let res = await addPhontType({
|
||||||
|
name:this.typeForm.name,
|
||||||
|
})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.inputVisible = false;
|
||||||
|
this.typeForm.name = '';
|
||||||
|
this.getData()
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
delType(id){
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delPhontType({conveniencePhoneTypeId: id})
|
||||||
|
if(res.code=== 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
addClose() {
|
||||||
|
this.$emit("addClose");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue