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

bug

Browse Source
dev-qsh
zcxee 1 year ago
parent 15622a2e5a
commit 25cd675698
1 changed files with 87 additions and 90 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 171
      src/views/zs/sign/index.vue

171
src/views/zs/sign/index.vue
Unescape 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 {

Write Preview
Loading…
Cancel
Save