dev-qsh
zcxee 1 year ago
parent 15622a2e5a
commit 25cd675698
  1. 177
      src/views/zs/sign/index.vue

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

Loading…
Cancel
Save