qiushanhe/dm-manage-web
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug

Browse Source
This commit is contained in:
zcxee
2023-08-23 21:40:53 +08:00
parent 15622a2e5a
commit 25cd675698
1 changed files with 87 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

171
src/views/zs/sign/index.vue
View File

@@ -1,10 +1,10 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<SearchForm v-show="showSearch" ref="SearchForm" @search="_getTableList" :options="options" /> <SearchForm v-show="showSearch" ref="SearchForm" :options="options" @search="_getTableList" />
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" icon="el-icon-plus" v-hasPermi="['zs:sign:add']" @click="handleAddAndUpdate(undefined)">新增</el-button> <el-button v-hasPermi="['zs:sign:add']" type="primary" icon="el-icon-plus" @click="handleAddAndUpdate(undefined)">新增</el-button>
<el-button v-if="admin == 'true'" type="warning" v-hasPermi="['zs:sign:export']" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> <el-button v-if="admin == 'true'" v-hasPermi="['zs:sign:export']" type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
</el-col> </el-col>
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" /> <right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
</el-row> </el-row>
@@ -15,24 +15,24 @@
<template v-for="item in columns"> <template v-for="item in columns">
<el-table-column v-if="item.visible && item.prop === 'state'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop"> <el-table-column v-if="item.visible && item.prop === 'state'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button type="success" size="mini" v-if="row.state">全款</el-button> <el-button v-if="row.state" type="success" size="mini">全款</el-button>
<el-button type="warning" size="mini" v-else>未全款</el-button> <el-button v-else type="warning" size="mini">未全款</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-else-if="item.visible" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" /> <el-table-column v-else-if="item.visible" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
</template> </template>
<el-table-column align="center" width="100" fixed="right" label="审核状态"> <el-table-column align="center" width="100" fixed="right" label="审核状态">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button type="danger" size="mini" v-if="row.checkState == 1">待审核</el-button> <el-button v-if="row.checkState == 1" type="danger" size="mini">待审核</el-button>
<el-button type="success" size="mini" v-else-if="row.checkState == 2">已审核</el-button> <el-button v-else-if="row.checkState == 2" type="success" size="mini">已审核</el-button>
<el-button type="warning" size="mini" v-else-if="row.checkState == 3">驳回</el-button> <el-button v-else-if="row.checkState == 3" type="warning" size="mini">驳回</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="160"> <el-table-column label="操作" fixed="right" align="center" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" v-hasPermi="['zs:sign:edit']" v-if="scope.row.signEdit" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button> <el-button v-if="scope.row.checkState == 0||scope.row.checkState == 3" v-hasPermi="['zs:sign:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
<el-button size="mini" type="text" v-hasPermi="['zs:sign:check']" v-if="scope.row.checkState == 1 " @click="handleCheck(scope.row)">审核</el-button> <el-button v-if="scope.row.checkState == 1 " v-hasPermi="['zs:sign:check']" size="mini" type="text" @click="handleCheck(scope.row)">审核</el-button>
<el-button size="mini" type="text" v-hasPermi="['zs:sign:remove']" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> <el-button v-hasPermi="['zs:sign:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -50,17 +50,14 @@
</div> </div>
</template> </template>
<script>
import { getSignList, exportData, deleteSign } from '@/api/zs/sign';
<script> import empApi from '@/api/system/employee';
import { getSignList, exportData, deleteSign } from '@/api/zs/sign' import CheckDialog from './components/CheckDialog';
import empApi from '@/api/system/employee' import SearchForm from './components/SearchForm.vue';
import CheckDialog from './components/CheckDialog' import SignFormDialog from './components/SignFormDialog.vue';
import SearchForm from './components/SearchForm.vue'
import SignFormDialog from './components/SignFormDialog.vue'
import { defaultColumns } from './columns.js'; import { defaultColumns } from './columns.js';
import UploadDialog from './components/UploadDialog.vue' import UploadDialog from './components/UploadDialog.vue';
export default { export default {
name: 'Sign', name: 'Sign',
@@ -68,15 +65,15 @@ export default {
SearchForm, SearchForm,
CheckDialog, CheckDialog,
SignFormDialog, SignFormDialog,
UploadDialog, UploadDialog
}, },
data() { data () {
return { return {
admin: localStorage.getItem('admin'), admin: localStorage.getItem('admin'),
userId: localStorage.getItem('userId'), userId: localStorage.getItem('userId'),
searchForm: { searchForm: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10
}, },
loading: false, loading: false,
columns: [], columns: [],
@@ -88,12 +85,12 @@ export default {
percentageOptions: [ percentageOptions: [
{ {
value: '驾校已结算', value: '驾校已结算',
label: '驾校已结算', label: '驾校已结算'
}, },
{ {
value: '提成已发放', value: '提成已发放',
label: '提成已发放', label: '提成已发放'
}, }
], ],
areaOptions: [], areaOptions: [],
showSearch: true, showSearch: true,
@@ -109,129 +106,129 @@ export default {
moneyStateOptions: [], moneyStateOptions: [],
sourceOptions: [] sourceOptions: []
} }
} };
}, },
created() { created () {
const str = localStorage.getItem(`${this.$route.name}-table-columns`); const str = localStorage.getItem(`${this.$route.name}-table-columns`);
this.columns = str ? JSON.parse(str) : defaultColumns; this.columns = str ? JSON.parse(str) : defaultColumns;
//回款状态 // 回款状态
this.getDicts('dm_money_state').then((response) => { this.getDicts('dm_money_state').then((response) => {
this.options.moneyStateOptions = response.data this.options.moneyStateOptions = response.data;
}) });
//s所属区域 // s所属区域
this.getDicts('dm_area').then((response) => { this.getDicts('dm_area').then((response) => {
this.options.areaOptions = response.data this.options.areaOptions = response.data;
}) });
//s所属区域 // s所属区域
this.getDicts('dm_source').then((response) => { this.getDicts('dm_source').then((response) => {
this.options.sourceOptions = response.data this.options.sourceOptions = response.data;
}) });
this.getSchools() this.getSchools();
this._getTableList() this._getTableList();
this.getEmployee() this.getEmployee();
}, },
methods: { methods: {
// 搜索 // 搜索
handleQuery() { handleQuery () {
this.searchForm.pageNum = 1 this.searchForm.pageNum = 1;
this._getTableList() this._getTableList();
}, },
_getTableList() { _getTableList () {
this.loading = true; this.loading = true;
const tempForm = this.$refs.SearchForm?.searchForm || {}; const tempForm = this.$refs.SearchForm?.searchForm || {};
const params = { ...this.searchForm, ...tempForm }; const params = { ...this.searchForm, ...tempForm };
getSignList(params).then( getSignList(params).then(
(response) => { (response) => {
this.tableDataList = response.rows this.tableDataList = response.rows;
this.total = response.total this.total = response.total;
this.loading = false this.loading = false;
} }
) );
}, },
getSchools() { getSchools () {
empApi.pageList().then((resp) => { empApi.pageList().then((resp) => {
this.options.schoolOptions = resp.data this.options.schoolOptions = resp.data;
}) });
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport () {
this.$confirm('是否确认导出所有成交记录项?', '警告', { this.$confirm('是否确认导出所有成交记录项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}) })
.then((resp) => { .then((resp) => {
const tempForm = this.$refs.SearchForm?.searchForm || {}; const tempForm = this.$refs.SearchForm?.searchForm || {};
this.download('zs/sign/export', tempForm, `登记信息_${new Date().getTime()}.xlsx`); this.download('zs/sign/export', tempForm, `登记信息_${new Date().getTime()}.xlsx`);
}) })
.catch(function () { }) .catch(function () { });
}, },
/** 导入按钮操作 */ /** 导入按钮操作 */
handleImport() { handleImport () {
this.upload.title = '成交记录导入' this.upload.title = '成交记录导入';
this.upload.open = true this.upload.open = true;
}, },
/** 查询员工 */ /** 查询员工 */
getEmployee() { getEmployee () {
empApi.getEmployee().then((resp) => { empApi.getEmployee().then((resp) => {
if (resp.code == 200) { if (resp.code == 200) {
this.options.userOptions = resp.data this.options.userOptions = resp.data;
} }
}) });
}, },
changeSort(val) { changeSort (val) {
if (val.order) { if (val.order) {
this.searchForm.orderName = val.prop this.searchForm.orderName = val.prop;
if (val.order == 'ascending') { if (val.order == 'ascending') {
this.searchForm.orderType = 'asc' this.searchForm.orderType = 'asc';
} else { } else {
this.searchForm.orderType = 'desc' this.searchForm.orderType = 'desc';
} }
} else { } else {
this.searchForm.orderName = '' this.searchForm.orderName = '';
this.searchForm.orderType = '' this.searchForm.orderType = '';
} }
this.getPageList() this.getPageList();
}, },
handleAddAndUpdate(item) { handleAddAndUpdate (item) {
this.dialog.signVisible = true this.dialog.signVisible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.signDialogForm.init(item) this.$refs.signDialogForm.init(item);
}) });
}, },
handleDelete(item) { handleDelete (item) {
this.$confirm( this.$confirm(
'是否确认删除该条登记（“' + item.name + '/' + item.phone + '”）?', '是否确认删除该条登记（“' + item.name + '/' + item.phone + '”）?',
'警告', '警告',
{ {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
} }
) )
.then((res) => { .then((res) => {
deleteSign({ signId: item.signId }).then((resp) => { deleteSign({ signId: item.signId }).then((resp) => {
if (resp.code == 200) { if (resp.code == 200) {
this.$message.success('删除成功') this.$message.success('删除成功');
this.getPageList() this.getPageList();
} else { } else {
//this.$message.error("删除失败:" + resp.msg); // this.$message.error("删除失败:" + resp.msg);
} }
});
}) })
}) .catch(function () { });
.catch(function () { })
}, },
handleCheck(item) { handleCheck (item) {
this.dialog.checkVisible = true this.dialog.checkVisible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.checkDialogForm.init(item) this.$refs.checkDialogForm.init(item);
}) });
}, }
}, }
} };
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.el-table .cell { .el-table .cell {