first commit
This commit is contained in:
@@ -0,0 +1,338 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-tabs__content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.el-dialog__body div div {
|
||||
color: #ff0000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.query-row {
|
||||
height: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.query-row:not(:last-child) {
|
||||
border-bottom: 1px dashed rgb(230, 230, 230);
|
||||
}
|
||||
|
||||
/*.query-row:not(:last-child,:first-child) {*/
|
||||
/* height: 70px;*/
|
||||
/*}*/
|
||||
|
||||
.query-row-title {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 13px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.image {
|
||||
margin: 10px;
|
||||
width: 100px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 16px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">年  度：</div>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
style="width: 100%"
|
||||
@change="doSearch"
|
||||
value-format="yyyy"
|
||||
placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">项目名称：</div>
|
||||
<div class="search-item-option">
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.projectId" placeholder="请选择项目名称"
|
||||
style="width: 100%;"
|
||||
clearable
|
||||
@change="doSearch();"
|
||||
filterable="true">
|
||||
<el-option v-for="o in projectList"
|
||||
:label="o.projectName"
|
||||
:value="o.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">货物名称：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.goodsName"
|
||||
@keyup.enter.native="doSearch" style="width:100%"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-query">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" style="margin-top: 10px">
|
||||
<el-row type="flex" align="middle" class="query-row">
|
||||
<el-col class="query-row-title">货物类型：</el-col>
|
||||
<el-col class="query-row-content">
|
||||
<el-tag
|
||||
style="margin-right: 10px;cursor: pointer"
|
||||
v-for="item in typeList"
|
||||
:key="item.id"
|
||||
:type="item.typeName"
|
||||
:effect="pageForm.types.includes(item.id)?'dark':'plain'"
|
||||
@click="checkType(item.id)">
|
||||
{{ item.typeName }}
|
||||
</el-tag>
|
||||
|
||||
<el-link type="danger" v-if="typeList.length&&pageForm.types.length"
|
||||
:underline="false"
|
||||
@click="pageForm.types=[];doSearch()">清空
|
||||
</el-link>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<template>
|
||||
<vi-title2 title="货物列表">
|
||||
<!--<template #func>
|
||||
<el-button @click="openAdd" size="medium" type="primary">添加货物</el-button>
|
||||
</template>-->
|
||||
</vi-title2>
|
||||
</template>
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
<el-table-column align="center" header-align="center" type="index"
|
||||
:index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop==='imgUrl'" scope="{row}">
|
||||
<el-image
|
||||
:src="CREATE_PREVIEW_URL(row.imgUrl)"
|
||||
@click="preview(row.imgUrl,row.imgUrl)"
|
||||
fit="cover"
|
||||
v-if="row.imgUrl"
|
||||
style="width: 50px; height: 50px;"></el-image>
|
||||
<div v-else>暂无</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userOnline" align="center" header-align="center"
|
||||
label="操作" width="100px">
|
||||
<template scope="{row}">
|
||||
<el-button size="mini" @click="showInfo(row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
<!--<div class="right">
|
||||
<vi-title2 title="货物列表">
|
||||
<!–<template #func>
|
||||
<el-button @click="openAdd" size="medium" type="primary">添加货物</el-button>
|
||||
</template>–>
|
||||
</vi-title2>
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="4" v-for="(o, index) in tableData" :key="o"
|
||||
:offset="index > 0 ? tableData.length : 0">
|
||||
<el-card :body-style="{ padding: '0px' }"
|
||||
style="height: 200px;width: 300px;margin: 10px auto;padding: 10px">
|
||||
<div style="display: flex">
|
||||
<div>
|
||||
<el-image :src="CREATE_PREVIEW_URL(o.imgUrl)"
|
||||
@click="preview(o.imgUrl,o.imgUrl)"
|
||||
fit="cover"
|
||||
v-if="o.imgUrl"
|
||||
class="image"></el-image>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{o.goodsName}}</h4>
|
||||
<h5>¥{{o.goodsPrice}}</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 14px;">
|
||||
<!–<span>{{o.goodsName}}</span>–>
|
||||
<div style="margin-top: 10px">
|
||||
<span class="time">厂商:{{ o.manufacturer }}</span>
|
||||
<el-button type="text" style="font-size: 16px" @click="showInfo(o.id)"
|
||||
class="button">详情
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<el-descriptions :column="4" border class="table_fixed">
|
||||
<template>
|
||||
<el-descriptions-item :span="2" label="货物名称">
|
||||
{{viewData.goodsName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="货物价格">
|
||||
¥{{viewData.goodsPrice}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="货物类别">
|
||||
{{viewData.typeId}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="厂商">
|
||||
{{viewData.manufacturer}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="4" label="货物详情">
|
||||
<span v-html="viewData.description"></span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="货物图片">
|
||||
<el-image
|
||||
:src="CREATE_PREVIEW_URL(viewData.imgUrl)"
|
||||
@click="preview(viewData.imgUrl,viewData.imgUrl)"
|
||||
fit="cover"
|
||||
v-if="viewData.imgUrl"
|
||||
style="width: 100px; height: 100px;"></el-image>
|
||||
<div v-else>暂无</div>
|
||||
</el-descriptions-item>
|
||||
</template>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tableColumns: [
|
||||
{prop: 'goodsName', label: '货物名称'},
|
||||
{prop: 'imgUrl', label: '图片'},
|
||||
{prop: 'goodsPrice', label: '单价'},
|
||||
{prop: 'typeName', label: '类别'},
|
||||
{prop: 'manufacturer', label: '厂商'},
|
||||
],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY'),
|
||||
types: [],
|
||||
},
|
||||
projectList: [],
|
||||
typeList: [],
|
||||
viewData: {},
|
||||
formData: {
|
||||
benefitingExhibits: [],
|
||||
},
|
||||
formRules: {
|
||||
projectName: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
benefitingExhibits: [{
|
||||
required: true,
|
||||
message: '必填',
|
||||
trigger: ['blur', 'change']
|
||||
}],
|
||||
},
|
||||
projectInfo:{},
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
methods: {
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
const pageForm = clone(this.pageForm)
|
||||
pageForm.types = JSON.stringify(pageForm.types)
|
||||
|
||||
$.post(loc() + "/pageData", pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
if (data.code === 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
showInfo(id) {
|
||||
this.viewData = this.tableData.find(v => v.id = id);
|
||||
const obj = this.typeList.find(v=> v.id=this.viewData.typeId)
|
||||
this.viewData.typeId = obj.typeName
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
checkType(id) {
|
||||
let idx = this.pageForm.types.indexOf(id)
|
||||
if (idx !== -1) {
|
||||
this.pageForm.types.splice(idx, 1)
|
||||
} else {
|
||||
this.pageForm.types.push(id)
|
||||
}
|
||||
this.doSearch();
|
||||
},
|
||||
async getAllProject() {
|
||||
const resp = await $.get('/platform/benefiting/manage/getAll')
|
||||
this.projectList = resp.data
|
||||
this.pageForm.projectId = this.projectList[0].id
|
||||
},
|
||||
async getAllType() {
|
||||
const resp = await $.get('/platform/benefiting/type/findAllType')
|
||||
if (resp.code === 0) {
|
||||
this.typeList = resp.data;
|
||||
}
|
||||
},
|
||||
async openAdd() {
|
||||
window.location.href='/platform/benefiting/manage'
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
await this.getAllProject();
|
||||
await this.getAllType();
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,425 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">年  度：</div>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
style="width: 100%"
|
||||
@change="doSearch"
|
||||
value-format="yyyy"
|
||||
placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">项目名称：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.projectName"
|
||||
@keyup.enter.native="doSearch" style="width:100%"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-query">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<table-tool label="惠民项目" :app="this">
|
||||
<template #func>
|
||||
<el-button type="primary" size="small" icon="el-icon-plus"
|
||||
@click="openAdd">新建惠民项目</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
<el-table-column align="center" header-align="center" type="index"
|
||||
:index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="userOnline" align="center" header-align="center"
|
||||
label="操作" width="300px">
|
||||
<template scope="{row}">
|
||||
<el-button size="mini" :loading="row.loading" @click="openView(row)">查看</el-button>
|
||||
<el-button size="mini" :loading="row.loading" type="primary" @click="openEdit(row)">编辑</el-button>
|
||||
<el-button size="mini" :loading="row.loading" type="danger" @click="doDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px"
|
||||
v-loading="formLoading">
|
||||
<vi-title title="惠民项目信息"></vi-title>
|
||||
|
||||
<el-form-item prop="name" label="项目名称">
|
||||
<el-input v-model="formData.projectName" placeholder="项目名称" maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
<el-row>
|
||||
<!--<el-col span="12">
|
||||
<el-form-item prop="createTime" label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="formData.createTime"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col span="24">
|
||||
<el-form-item label="货物列表" prop="benefitingExhibits">
|
||||
<el-card class="item" shadow="hover">
|
||||
<div class="s-options-list" style="margin-top: 10px;">
|
||||
<el-table :data="formData.benefitingExhibits" border>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="排序编号">
|
||||
<template slot-scope="{row}">
|
||||
<el-input v-model="row.sortNum" autosize
|
||||
class="text-input" clearable
|
||||
data-type="option"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="货物名称">
|
||||
<template slot-scope="{row}">
|
||||
|
||||
<el-input v-model="row.goodsName" autosize
|
||||
class="text-input" clearable
|
||||
data-type="option"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="货物价格">
|
||||
<template slot-scope="{row}">
|
||||
<el-input v-model="row.goodsPrice" autosize
|
||||
class="text-input" clearable
|
||||
data-type="option"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="货物类别">
|
||||
<template slot-scope="{row}">
|
||||
<el-select filterable clearable v-model="row.typeId"
|
||||
placeholder="请选择类别">
|
||||
<el-option v-for="item in typeList"
|
||||
:key="item.id"
|
||||
:label="item.typeName"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="厂商">
|
||||
<template slot-scope="{row}">
|
||||
<el-input v-model="row.manufacturer" autosize
|
||||
class="text-input" clearable
|
||||
data-type="option"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="图片" width="130px">
|
||||
<template slot-scope="{row,$index}">
|
||||
<image-Upload ref="imageUpload" :height="100"
|
||||
:width="100" :limit="1"
|
||||
:file-type="['png','jpg']"
|
||||
:file-size="10"
|
||||
v-model="row.imgUrl"></image-Upload>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
header-align="center"
|
||||
label="详情">
|
||||
<template slot-scope="{row,$index}">
|
||||
<el-link type="primary"
|
||||
@click="openDescRichText(row.description,$index)">
|
||||
货物详情
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="操作"
|
||||
width="100px">
|
||||
<template slot-scope="{row,$index}">
|
||||
<div class="option-delete">
|
||||
<el-button circle
|
||||
icon="el-icon-delete"
|
||||
size="mini" type="danger"
|
||||
@click="deleteRow(row,$index)"></el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="s-operation">
|
||||
<el-button size="small" type="primary"
|
||||
@click="formData.benefitingExhibits.push({goodsId:'',goodsName:'货物'+(formData.benefitingExhibits.length+1),sortNum:formData.benefitingExhibits.length+1,imgUrl:null})">
|
||||
添加货物
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item label="项目封面" prop="cover">
|
||||
<image-Upload ref="imageUpload" :height="200"
|
||||
:width="200" :limit="1"
|
||||
:file-type="['png','jpg']"
|
||||
:file-size="10"
|
||||
v-model="formData.cover"></image-Upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-button @click="doAdd" type="primary" style="float: right">
|
||||
提交
|
||||
</el-button>
|
||||
</template>
|
||||
|
||||
|
||||
<template #view>
|
||||
<el-descriptions :column="6" border class="table_fixed">
|
||||
<el-descriptions-item :span="3" label="项目名称">
|
||||
{{viewData.projectName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="3" label="选择时间">
|
||||
{{viewData.createTime}}
|
||||
</el-descriptions-item>
|
||||
<template v-for="i in viewData.benefitingExhibits">
|
||||
<el-descriptions-item label="货物名称">
|
||||
{{i.goodsName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="货物价格">
|
||||
{{i.goodsPrice}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="货物类别">
|
||||
{{i.typeId}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="厂商">
|
||||
{{i.manufacturer}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="货物详情">
|
||||
<span v-html="i.description"></span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="货物图片">
|
||||
<el-image
|
||||
:src="CREATE_PREVIEW_URL(i.imgUrl)"
|
||||
@click="preview(i.imgUrl,i.imgUrl)"
|
||||
fit="cover"
|
||||
v-if="i.imgUrl"
|
||||
style="width: 100px; height: 100px;"></el-image>
|
||||
<div v-else>暂无</div>
|
||||
</el-descriptions-item>
|
||||
</template>
|
||||
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="richTextDialog"
|
||||
title="货物详情"
|
||||
:append-to-body="true"
|
||||
width="60%">
|
||||
<div id="descRichText">
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="richTextDialog = false">取 消</el-button>
|
||||
<el-button type="primary" @click="getRichText">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return{
|
||||
pageForm:{
|
||||
year:moment().format('YYYY'),
|
||||
},
|
||||
tableColumns:[
|
||||
{prop: 'year', label: '年度'},
|
||||
{prop: 'projectName', label: '项目名称'},
|
||||
{prop: 'createTime', label: '创建时间'},
|
||||
],
|
||||
formData:{
|
||||
benefitingExhibits:[],
|
||||
},
|
||||
typeList:[],
|
||||
subjectIndex: null,
|
||||
richTextDialog: false,
|
||||
deleteRowIds: [],
|
||||
formRules: {
|
||||
projectName: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
cover: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
benefitingExhibits: [{
|
||||
required: true,
|
||||
message: '必填',
|
||||
trigger: ['blur', 'change']
|
||||
}],
|
||||
},
|
||||
viewData:{},
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
openAdd(){
|
||||
this.formData = {
|
||||
projectName: null,
|
||||
createdTime: null,
|
||||
benefitingExhibits: [
|
||||
{
|
||||
goodsName: '货物1',
|
||||
goodsId: '',
|
||||
typeId: '',
|
||||
goodsPrice: '',
|
||||
manufacturer: '',
|
||||
sortNum: '1',
|
||||
imgUrl: ''
|
||||
}
|
||||
]
|
||||
}
|
||||
if (this.$refs.form) this.$refs.form.resetFields();
|
||||
this.$refs.guava.edit()
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.formData = await this.findOne(row.id)
|
||||
this.$refs.guava.edit()
|
||||
},
|
||||
async openView(row) {
|
||||
this.viewData = await this.findOne(row.id)
|
||||
const self = this;
|
||||
this.viewData.benefitingExhibits.forEach(v=>{
|
||||
const obj = self.typeList.find(o => o.id=v.typeId)
|
||||
v.typeId = obj.typeName;
|
||||
})
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async findOne(id) {
|
||||
const resp = await $.post(loc() + "/findOne", {id: id})
|
||||
if (resp.code === 0) {
|
||||
return resp.data
|
||||
} else {
|
||||
this.notifyError("查询失败")
|
||||
}
|
||||
},
|
||||
async doDelete(id) {
|
||||
const confirm = await this.$confirm('确定要删除该项目吗?', '提示', {type: 'warning'})
|
||||
if (confirm) {
|
||||
const resp = await $.post(loc() + "/doDelete", {id})
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
},
|
||||
async doAdd(){
|
||||
const formValid = await this.$refs["form"].validate()
|
||||
if (formValid) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据保存中请稍后',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
const formData = clone(this.formData)
|
||||
formData.benefitingExhibits = JSON.stringify(this.formData.benefitingExhibits)
|
||||
formData.deleteRowIds = JSON.stringify(this.deleteRowIds)
|
||||
const resp = await $.post(loc() + "/doAdd", formData)
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
this.deleteRowIds = []
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
},
|
||||
deleteRow(row, index) {
|
||||
this.formData.benefitingExhibits.splice(index, 1)
|
||||
if (row.id) this.deleteRowIds.push(row.id)
|
||||
},
|
||||
openDescRichText(richText, sIdx) {
|
||||
this.richTextDialog = true
|
||||
this.subjectIndex = sIdx
|
||||
this.$nextTick(() => {
|
||||
$("#descRichText").html("")
|
||||
descRichTextEditor = new wangEditor("#descRichText")
|
||||
descRichTextEditor.config.onchange = (html) => {
|
||||
richText = (html ? html : "")
|
||||
}
|
||||
descRichTextEditor.config.uploadImgShowBase64 = true
|
||||
descRichTextEditor.create()
|
||||
if (richText) {
|
||||
descRichTextEditor.txt.html(richText)
|
||||
}
|
||||
})
|
||||
},
|
||||
getRichText() {
|
||||
this.formData.benefitingExhibits[this.subjectIndex].description = descRichTextEditor.txt.html()
|
||||
this.richTextDialog = false
|
||||
},
|
||||
async getAllType(){
|
||||
const resp = await $.get('/platform/benefiting/type/findAllType')
|
||||
if (resp.code === 0){
|
||||
this.typeList = resp.data;
|
||||
}
|
||||
},
|
||||
},
|
||||
async created(){
|
||||
this.pageData();
|
||||
await this.getAllType();
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,164 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">类别名称：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input @keyup.enter.native="doSearch" clearable
|
||||
placeholder="请输入类别名称"
|
||||
style="width: 100%"
|
||||
v-model="pageForm.typeName">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-query">
|
||||
<el-button @click="doSearch" icon="el-icon-search" type="primary">搜索</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<table-tool :app="this" label="类别列表">
|
||||
<template #func>
|
||||
<el-button @click="openAdd" size="medium" type="primary">新建类别</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" :size="tableSize">
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:width="column.width"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="250px">
|
||||
<template scope="{row}">
|
||||
<!--<el-button @click="openView(row)" size="mini" type="primary">查看</el-button>-->
|
||||
<el-button @click="openEdit(row)" size="mini" type="primary">编辑</el-button>
|
||||
<el-button @click="doDelete(row)" size="mini" type="danger">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
<el-dialog :title="title" :visible.sync="dialogVisible" :close-on-click-modal="false" width="40%">
|
||||
<el-form :model="formData" ref="addForm" :rules="formRules"
|
||||
label-width="100px">
|
||||
<el-form-item label="类别编码" prop="typeCode">
|
||||
<el-input type="text" v-model="formData.typeCode" maxlength="50" placeholder="请填写类别编码"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="排序编号" prop="sortNum">
|
||||
<el-input type="text" v-model="formData.sortNum" maxlength="50" placeholder="请填写排序编号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="类别名称" prop="typeName">
|
||||
<el-input type="text" v-model="formData.typeName" maxlength="50" placeholder="请填写类别名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" :disabled="subDis" @click="operation">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return{
|
||||
pageForm:{},
|
||||
title:'',
|
||||
dialogVisible:false,
|
||||
subDis: false,
|
||||
tableColumns: [
|
||||
{label: '类别编码', prop: 'typeCode', sortable: true},
|
||||
{label: '排序编号', prop: 'sortNum', sortable: true},
|
||||
{label: '类别名称', prop: 'typeName', sortable: true},
|
||||
],
|
||||
formData:{},
|
||||
formRules: {
|
||||
typeName: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
typeCode: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
sortNum: [{required: false, message: '必选', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
openAdd() {
|
||||
this.title = "添加类别"
|
||||
this.formData = {}
|
||||
this.dialogVisible = true;
|
||||
if (this.$refs['addForm']) {
|
||||
this.$refs['addForm'].resetFields()
|
||||
}
|
||||
},
|
||||
openEdit(data) {
|
||||
this.title = "编辑类别"
|
||||
this.formData = data
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
async operation() {
|
||||
let method = this.formData.id ? "/doEdit" : "/doAdd"
|
||||
this.$refs["addForm"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
const resp = await $.post(loc() + method, this.formData)
|
||||
|
||||
if(resp.code===0){
|
||||
this.dialogVisible = false
|
||||
this.$notify.success(resp.msg)
|
||||
this.pageData()
|
||||
}else{
|
||||
this.$notify.warning(resp.msg)
|
||||
}
|
||||
loading.close()
|
||||
}
|
||||
});
|
||||
},
|
||||
async doDelete(row) {
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" === a) {
|
||||
const resp = await $.get(loc() + "/doDelete", {id: row.id})
|
||||
if(resp.code===0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
async created(){
|
||||
this.pageData();
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user