|
@@ -21,10 +21,30 @@
|
|
|
|
|
|
|
|
<kt-common-table :operationWidth="240" :showBatchDelete="false" :showBatchPrint="false"
|
|
<kt-common-table :operationWidth="240" :showBatchDelete="false" :showBatchPrint="false"
|
|
|
permsButton3="sys:unsettledCommissionListExamine:audit" :data="pageResult" :columns="columns" @findPage="findPage"
|
|
permsButton3="sys:unsettledCommissionListExamine:audit" :data="pageResult" :columns="columns" @findPage="findPage"
|
|
|
- button3Name="审核" button3Background="#00B0F0" @handleButton3="handleButton3" @handlePrint="handlePrint">
|
|
|
|
|
|
|
+ button3Name="审核驳回" button3Type="text" @handleButton3="handleButton3"
|
|
|
|
|
+ button4Type="text" button4Name="审核通过" @handleButton4="handleButton4" @handlePrint="handlePrint">
|
|
|
</kt-common-table>
|
|
</kt-common-table>
|
|
|
</el-main>
|
|
</el-main>
|
|
|
-
|
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ :visible.sync="dialogVisibleBatch"
|
|
|
|
|
+ width="35%"
|
|
|
|
|
+ :before-close="handleCloseBatch">
|
|
|
|
|
+ <p >凭证号 :<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
|
|
|
|
|
+ <div style="display: flex">上传图片: <el-upload
|
|
|
|
|
+ action="#"
|
|
|
|
|
+ :auto-upload="false"
|
|
|
|
|
+ accept=".png, .jpg, .jpeg"
|
|
|
|
|
+ :show-file-list="false"
|
|
|
|
|
+ :on-change="drivingupload">
|
|
|
|
|
+ <img v-if="qrCodeImage" :src="qrCodeImage" class="avatar">
|
|
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
|
+ <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
|
|
|
|
|
+ <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -33,10 +53,6 @@ import Cookies from "js-cookie"
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
import KtButton from "@/views/Core/KtButton";
|
|
import KtButton from "@/views/Core/KtButton";
|
|
|
import CommonUtil from "@/utils/comutil.js";
|
|
import CommonUtil from "@/utils/comutil.js";
|
|
|
-import {
|
|
|
|
|
- formatWithSeperator,
|
|
|
|
|
- format
|
|
|
|
|
-} from "@/utils/datetime.js";
|
|
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
KtCommonTable,
|
|
KtCommonTable,
|
|
@@ -44,9 +60,13 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ dialogVisibleBatch:false,
|
|
|
|
|
+ voucherId:'',
|
|
|
|
|
+ qrCodeImage:'',
|
|
|
|
|
+ picId:'',
|
|
|
peopleid: "",
|
|
peopleid: "",
|
|
|
peopledeptid: "",
|
|
peopledeptid: "",
|
|
|
-
|
|
|
|
|
|
|
+ rowlist:{},
|
|
|
// 右侧列表查询数据Start
|
|
// 右侧列表查询数据Start
|
|
|
queryForm: {},
|
|
queryForm: {},
|
|
|
pageResult: {},
|
|
pageResult: {},
|
|
@@ -62,22 +82,11 @@ export default {
|
|
|
{ prop: "amount", label: "提现金额" },
|
|
{ prop: "amount", label: "提现金额" },
|
|
|
{ prop: "createTime", label: "申请时间" }
|
|
{ prop: "createTime", label: "申请时间" }
|
|
|
],
|
|
],
|
|
|
- //------------协议下拉框数据 begin-----------------
|
|
|
|
|
agreementtypeoptions: [], //协议类型
|
|
agreementtypeoptions: [], //协议类型
|
|
|
- //------------协议下拉框数据 end-----------------
|
|
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
- // this.peopleid = Cookies.get('user');
|
|
|
|
|
- // if(this.peopleid!='admin'){
|
|
|
|
|
- // this.peopledeptid = Cookies.get('user').split('D')[0];
|
|
|
|
|
- // this.pageRequest.columnFilters.deptid.value=this.peopledeptid;
|
|
|
|
|
- // }else{
|
|
|
|
|
- // this.peopledeptid = '9';
|
|
|
|
|
- // this.pageRequest.columnFilters.deptid.value=this.peopledeptid;
|
|
|
|
|
- // }
|
|
|
|
|
- //获取所有下拉框数据
|
|
|
|
|
- this.getDictItems("agreementtype");
|
|
|
|
|
|
|
+ // this.getDictItems("agreementtype");
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
|
|
|
|
@@ -168,17 +177,52 @@ export default {
|
|
|
this.pageRequest.createTimeEnd = e[1];
|
|
this.pageRequest.createTimeEnd = e[1];
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ drivingupload(file) {
|
|
|
|
|
+ let fileRaw = file.raw;
|
|
|
|
|
+ this.qrCodeImage = window.URL.createObjectURL(fileRaw);
|
|
|
|
|
+ const params = new FormData(); // 声明formData数据类型
|
|
|
|
|
+ params.append("multipartFile", fileRaw);
|
|
|
|
|
+ params.append("type", "image");
|
|
|
|
|
+ this.$api.letter.uploadFile(params).then(res => {
|
|
|
|
|
+ if (res.code == "200") {
|
|
|
|
|
+ this.picId=res.data.id
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({ message: res.msg, type: "warning" });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ handleCloseBatch() {
|
|
|
|
|
+ this.dialogVisibleBatch=false
|
|
|
|
|
+ },
|
|
|
|
|
+ handleButton4({ row, index }) {
|
|
|
|
|
+ this.rowlist=row
|
|
|
|
|
+ this.dialogVisibleBatch=true
|
|
|
|
|
+ },
|
|
|
|
|
+ handleSumbit(){
|
|
|
|
|
+ this.$api.task.withdraAaudit({ ...this.rowlist, status: '1',picId:this.picId,voucherId:this.voucherId }).then(res => {
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
|
+ this.dialogVisibleBatch = false
|
|
|
|
|
+ this.findPage(null);
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ message: '审核通过'
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ else {
|
|
|
|
|
+ this.$message.error(res.msg)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
handleButton3({ row, index }) {
|
|
handleButton3({ row, index }) {
|
|
|
- this.$prompt('是否审核通过,输入驳回原因', '提示', {
|
|
|
|
|
|
|
+ this.$prompt('输入驳回原因', '提示', {
|
|
|
distinguishCancelAndClose: true,
|
|
distinguishCancelAndClose: true,
|
|
|
- confirmButtonText: '审核驳回',
|
|
|
|
|
- cancelButtonText: '审核通过',
|
|
|
|
|
|
|
+ confirmButtonText: '确认',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
inputPattern: /^.+$/,
|
|
inputPattern: /^.+$/,
|
|
|
- inputErrorMessage: '输输入驳回原因!'
|
|
|
|
|
|
|
+ inputErrorMessage: '输入驳回原因!'
|
|
|
}).then(({ value }) => {
|
|
}).then(({ value }) => {
|
|
|
this.$api.task.withdraAaudit({ ...row, status: '2', remark: value }).then(res => {
|
|
this.$api.task.withdraAaudit({ ...row, status: '2', remark: value }).then(res => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
- this.dialogVisible = false
|
|
|
|
|
this.findPage(null);
|
|
this.findPage(null);
|
|
|
this.$message({
|
|
this.$message({
|
|
|
type: 'success',
|
|
type: 'success',
|
|
@@ -189,23 +233,45 @@ export default {
|
|
|
this.$message.error(res.msg)
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- }).catch((action) => {
|
|
|
|
|
- if (action === 'cancel') {
|
|
|
|
|
- this.$api.task.withdraAaudit({ ...row, status: '1' }).then(res => {
|
|
|
|
|
- if (res.code == 200) {
|
|
|
|
|
- this.dialogVisible = false
|
|
|
|
|
- this.findPage(null);
|
|
|
|
|
- this.$message({
|
|
|
|
|
- type: 'success',
|
|
|
|
|
- message: '审核通过'
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- else {
|
|
|
|
|
- this.$message.error(res.msg)
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ }).catch(() => {
|
|
|
|
|
+ });
|
|
|
|
|
+ // this.$prompt('是否审核通过,输入驳回原因', '提示', {
|
|
|
|
|
+ // distinguishCancelAndClose: true,
|
|
|
|
|
+ // confirmButtonText: '审核驳回',
|
|
|
|
|
+ // cancelButtonText: '审核通过',
|
|
|
|
|
+ // inputPattern: /^.+$/,
|
|
|
|
|
+ // inputErrorMessage: '输输入驳回原因!'
|
|
|
|
|
+ // }).then(({ value }) => {
|
|
|
|
|
+ // this.$api.task.withdraAaudit({ ...row, status: '2', remark: value }).then(res => {
|
|
|
|
|
+ // if (res.code == 200) {
|
|
|
|
|
+ // this.dialogVisible = false
|
|
|
|
|
+ // this.findPage(null);
|
|
|
|
|
+ // this.$message({
|
|
|
|
|
+ // type: 'success',
|
|
|
|
|
+ // message: '审核驳回通过'
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
|
|
+ // else {
|
|
|
|
|
+ // this.$message.error(res.msg)
|
|
|
|
|
+ // }
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }).catch((action) => {
|
|
|
|
|
+ // if (action === 'cancel') {
|
|
|
|
|
+ // this.$api.task.withdraAaudit({ ...row, status: '1' }).then(res => {
|
|
|
|
|
+ // if (res.code == 200) {
|
|
|
|
|
+ // this.dialogVisible = false
|
|
|
|
|
+ // this.findPage(null);
|
|
|
|
|
+ // this.$message({
|
|
|
|
|
+ // type: 'success',
|
|
|
|
|
+ // message: '审核通过'
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
|
|
+ // else {
|
|
|
|
|
+ // this.$message.error(res.msg)
|
|
|
|
|
+ // }
|
|
|
|
|
+ // })
|
|
|
|
|
+ // }
|
|
|
|
|
+ // });
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 格式化日期,如月、日、时、分、秒保证为2位数
|
|
// 格式化日期,如月、日、时、分、秒保证为2位数
|
|
@@ -249,4 +315,28 @@ export default {
|
|
|
.queryForm .el-form-item {
|
|
.queryForm .el-form-item {
|
|
|
margin-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
|
}
|
|
}
|
|
|
|
|
+.avatar-uploader .el-upload {
|
|
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+}
|
|
|
|
|
+.avatar-uploader-icon {
|
|
|
|
|
+ font-size: 28px;
|
|
|
|
|
+ color: #8c939d;
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+ height: 150px;
|
|
|
|
|
+ line-height: 150px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
|
|
+}
|
|
|
|
|
+.avatar {
|
|
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
|
|
+ padding: 5px;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+ height: 150px;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|