|
@@ -24,10 +24,11 @@
|
|
|
</template>
|
|
|
<template slot="right">
|
|
|
<ws-select
|
|
|
- v-model="deptBudgetList.crtDutyId"
|
|
|
+ v-model="searchTypeText"
|
|
|
placeholder=""
|
|
|
class="typeselect"
|
|
|
- @change="selectCrtDuty"
|
|
|
+ @change="selecttaskType"
|
|
|
+ :value="searchType"
|
|
|
>
|
|
|
<ws-option
|
|
|
v-for="item in taskTypeList"
|
|
@@ -38,7 +39,7 @@
|
|
|
</ws-select>
|
|
|
<ws-date-picker
|
|
|
:picker-options="pickerBeginDateBefore"
|
|
|
- v-model="deptBudgetList.birthday"
|
|
|
+ v-model="startDate"
|
|
|
type="date"
|
|
|
default-value="1980-01-01"
|
|
|
placeholder="起始日期"
|
|
@@ -48,7 +49,7 @@
|
|
|
<span>至</span>
|
|
|
<ws-date-picker
|
|
|
:picker-options="pickerBeginDateBefore"
|
|
|
- v-model="deptBudgetList.birthday"
|
|
|
+ v-model="endDate"
|
|
|
type="date"
|
|
|
default-value="1980-01-01"
|
|
|
placeholder="截止日期"
|
|
@@ -56,7 +57,7 @@
|
|
|
value-format="yyyy-MM-dd"
|
|
|
/>
|
|
|
<ws-input
|
|
|
- v-model="deptBudgetList.interviewOpinion"
|
|
|
+ v-model="searchKeyWord"
|
|
|
placeholder="可按照合同编号、买方名称、卖方名称进行查找"
|
|
|
clearable
|
|
|
maxlength="500"
|
|
@@ -67,7 +68,7 @@
|
|
|
<ws-button
|
|
|
type="primary"
|
|
|
:disable="checkBtn"
|
|
|
- @click="enquiry(3)"
|
|
|
+ @click="find()"
|
|
|
v-hasPermission="
|
|
|
`${$permission('PERMISSIONS.PURSPAPPLINFO_CREATEINSTORE')}`
|
|
|
"
|
|
@@ -75,6 +76,7 @@
|
|
|
>
|
|
|
</template>
|
|
|
</BaseHeaderLayout>
|
|
|
+
|
|
|
<el-table :data="tableData.records" style="width: 100%; margin-top: 10px">
|
|
|
<el-table-column type="index" />
|
|
|
<el-table-column prop="contractNo" label="合同编号" width="80">
|
|
@@ -90,11 +92,46 @@
|
|
|
<el-table-column prop="seller" label="卖方"> </el-table-column>
|
|
|
<el-table-column prop="imperfectGrain" label="已完成(吨)">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="status" label="状态"> </el-table-column>
|
|
|
+ <el-table-column prop="status" label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="left"
|
|
|
+ :width="400"
|
|
|
+ trigger="click"
|
|
|
+ @show="history(scope.row)"
|
|
|
+ >
|
|
|
+ <template>
|
|
|
+ <span slot="reference">{{ scope.row.status }}</span>
|
|
|
+ </template>
|
|
|
+ <div>
|
|
|
+ <p>操作历史</p>
|
|
|
+ <div v-for="(item, index) in historyList">
|
|
|
+ <div class="vertical-circle"></div>
|
|
|
+ <div class="vertical-text">
|
|
|
+ {{ item.operateUser }}{{ item.dealMsg }}<br />{{
|
|
|
+ item.updateDate
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="index != historyList.length - 1"
|
|
|
+ class="vertical-line"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+ <i class="el-icon-edit" @click="editClick(scope.row)"></i>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="signingDate" label="签订日期"> </el-table-column>
|
|
|
<el-table-column prop="mildewGrain" label="未回款(元)">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="addressUrl" label="附件"> </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column prop="addressUrl" label="附件">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <i @click="fujian(scope.row)" class="el-icon-paperclip iconCss"></i>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
<el-table-column prop="address" label="操作" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
@@ -112,13 +149,26 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <!-- 弹出页面-审核通过 -->
|
|
|
- <BaseContentModalScrap
|
|
|
- v-model="dialogApproveFormVisible"
|
|
|
- :title="$t('common.opinion')"
|
|
|
- :isRules="false"
|
|
|
- @confirm="approve"
|
|
|
- />
|
|
|
+
|
|
|
+ <!-- 附件弹框 -->
|
|
|
+ <WinseaContentModal
|
|
|
+ v-model="accessoryTFs"
|
|
|
+ :title="$t('system.noticeCircular.information')"
|
|
|
+ @on-cancel="handleClose"
|
|
|
+ >
|
|
|
+ <p>查看附件</p>
|
|
|
+ <ws-upload
|
|
|
+ ref="upload"
|
|
|
+ table-name="maintain_work_order"
|
|
|
+ oss-key="mainPlan"
|
|
|
+ :comp-id="compId"
|
|
|
+ :appendix-ids="appendixIdsAdd"
|
|
|
+ :vesselId="deptBudgetList.addressUrl"
|
|
|
+ :size-limit="size"
|
|
|
+ @uploadSuccess="uploadSuccess"
|
|
|
+ accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar" />
|
|
|
+ </WinseaContentModal>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -127,10 +177,19 @@ import {
|
|
|
export1,
|
|
|
editstatus,
|
|
|
billoperatehis,
|
|
|
+ deletecontract,
|
|
|
} from '@/model/contarct/index'
|
|
|
-import { dayjs } from 'base-core-lib'
|
|
|
+
|
|
|
+import { downloadFile } from '@/utils/batchDown'
|
|
|
+import Pagination from '@/components/Pagination'
|
|
|
+import WsUpload from '@/components/WsUpload'
|
|
|
+import { dayjs, fmoney, EventBus } from 'base-core-lib'
|
|
|
export default {
|
|
|
name: 'viewSpareMoney',
|
|
|
+ components:{
|
|
|
+ WsUpload,
|
|
|
+ Pagination,
|
|
|
+ },
|
|
|
watch: {
|
|
|
vesselId(val) {
|
|
|
this.getVesselData()
|
|
@@ -153,26 +212,39 @@ export default {
|
|
|
// 年
|
|
|
year: '',
|
|
|
// 提交类型
|
|
|
+
|
|
|
+
|
|
|
+ contractType:1,
|
|
|
+ currentPage:1,
|
|
|
+ pageSize:10,
|
|
|
+ searchType:1,
|
|
|
+ searchKeyWord:'',
|
|
|
+ startDate:null,
|
|
|
+ endDate: null,
|
|
|
+ appendixIdsAdd: '',
|
|
|
|
|
|
contractType: 1,
|
|
|
currentPage: 1,
|
|
|
pageSize: 10,
|
|
|
searchType: 1,
|
|
|
- searchKeyWord: '',
|
|
|
+ searchKeyWord:'',
|
|
|
startDate: null,
|
|
|
endDate: null,
|
|
|
-
|
|
|
+ historyList:{},
|
|
|
submitType: true,
|
|
|
contractForm: {},
|
|
|
categoryIndex: 0,
|
|
|
rulesVendor: {},
|
|
|
- // pickerBeginDateBefore:{},
|
|
|
+
|
|
|
+
|
|
|
+ accessoryTFs: false,
|
|
|
+ // pickerBeginDateBefore: {},
|
|
|
tableData: [],
|
|
|
taskTypeList: [
|
|
|
- { value: '未完成(默认)' },
|
|
|
- { value: '已完成' },
|
|
|
- { value: '待回款' },
|
|
|
- { value: '全部合同' },
|
|
|
+ { value: '未完成' ,type:1},
|
|
|
+ { value: '已完成' ,type:2},
|
|
|
+ { value: '待回款' ,type:3},
|
|
|
+ { value: '全部合同',type:'' },
|
|
|
],
|
|
|
deptBudgetList: {
|
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
@@ -193,21 +265,47 @@ export default {
|
|
|
interviewOpinion: '',
|
|
|
aliasName: '',
|
|
|
},
|
|
|
- currentPage: 1,
|
|
|
- pageSize: 10,
|
|
|
- searchType: 1,
|
|
|
searchTypeText: '未完成',
|
|
|
- searchKeyWord: '',
|
|
|
- contractType: 1,
|
|
|
- startDate: null,
|
|
|
- endDate: null,
|
|
|
}
|
|
|
+
|
|
|
},
|
|
|
+
|
|
|
activated() {
|
|
|
+ this.deletecontract()
|
|
|
this.getList()
|
|
|
this.showType = this.isShow
|
|
|
+ console.log(11111)
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleClose() {
|
|
|
+ this.accessoryTFs = false
|
|
|
+ },
|
|
|
+ history(row) {
|
|
|
+ console.log(row)
|
|
|
+ billoperatehis({ id: row.id })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.historyList = response
|
|
|
+ })
|
|
|
+ },
|
|
|
+ uploadSuccess(data, files, url) {
|
|
|
+ console.log(data, files, url)
|
|
|
+
|
|
|
+ // this.deptBudgetList.
|
|
|
+ // this.formData.append('files', files)
|
|
|
+ // this.feedbackObj.uploadNameAttachment = data.appendixName
|
|
|
+ // this.feedbackObj.pathUploadAttachment = data.appendixPath
|
|
|
+ // // this.newAppendixs = files
|
|
|
+ // this.onChangeFlag = true
|
|
|
+ },
|
|
|
+ // deletecontract(){
|
|
|
+ // deletecontract({
|
|
|
+
|
|
|
+ // }).toPromise()
|
|
|
+ // .then((response) => {
|
|
|
+ // this.tableData = response
|
|
|
+ // })
|
|
|
+ // },
|
|
|
getList() {
|
|
|
getList({
|
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
@@ -223,18 +321,98 @@ export default {
|
|
|
.toPromise()
|
|
|
.then((response) => {
|
|
|
this.tableData = response
|
|
|
+ this.deptCircularPage.currentPage = response.current
|
|
|
+ this.deptCircularPage.pageSize = response.size
|
|
|
+ this.deptBudgetTotal = response.total
|
|
|
+ this.contractList = response
|
|
|
})
|
|
|
},
|
|
|
- // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
- handleClose() {
|
|
|
- this.dialogViewSpareMoney = false
|
|
|
+ // 上传附件
|
|
|
+ uploadSuccess(data, files, url) {
|
|
|
+ console.log(data, files, url)
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ // this.deptBudgetList.
|
|
|
+ // this.formData.append('files', files)
|
|
|
+ // this.feedbackObj.uploadNameAttachment = data.appendixName
|
|
|
+ // this.feedbackObj.pathUploadAttachment = data.appendixPath
|
|
|
+ // // this.newAppendixs = files
|
|
|
+ // this.onChangeFlag = true
|
|
|
+ selecttaskType(e) {
|
|
|
+ for (var i = 0; i < this.taskTypeList.length; i++) {
|
|
|
+ if (this.taskTypeList[i].value == e) {
|
|
|
+ this.searchType = this.taskTypeList[i].type
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ find() {
|
|
|
+ console.log(this)
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ editClick(row) {
|
|
|
+ var status = ''
|
|
|
+ if (row.status == '待执行' || row.status == '已完成') {
|
|
|
+ status = '执行中'
|
|
|
+ } else if (row.status == '执行中') {
|
|
|
+ status = '已完成'
|
|
|
+
|
|
|
+ }
|
|
|
+ this.$confirm(`是否将状态改为${status}`, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ editstatus({ id: row.id })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$notify.success({
|
|
|
+ title: '成功',
|
|
|
+ message: '状态修改成功',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ .catch((response) => {
|
|
|
+ // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fujian(row) {
|
|
|
+ if (
|
|
|
+ row.receiveAttachmentPath === null ||
|
|
|
+ row.receiveAttachmentPath === ''
|
|
|
+ ) {
|
|
|
+ EventBus.$emit(
|
|
|
+ 'warning',
|
|
|
+ this.$t('system.noticeCircular.NoInformation')
|
|
|
+ )
|
|
|
+ } else {
|
|
|
+ this.accessoryTFs = true
|
|
|
+ }
|
|
|
+ this.appendixIdss = row.receiveAttachmentPath
|
|
|
},
|
|
|
+
|
|
|
+
|
|
|
+ // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
handleExamine(row) {
|
|
|
- this.$router.push({ path: 'salesContractExamine' })
|
|
|
+ console.log(row)
|
|
|
+ this.$router.push({
|
|
|
+
|
|
|
+ name: 'salesContractExamine',
|
|
|
+ params: { id: row.id },
|
|
|
+ })
|
|
|
},
|
|
|
handleAdd() {
|
|
|
this.$router.push({ path: 'salesContractAdd' })
|
|
|
},
|
|
|
+
|
|
|
+
|
|
|
+ deletecontract(){},
|
|
|
filtlistQuery() {},
|
|
|
searchDialog() {},
|
|
|
vesselIdSelected() {},
|
|
@@ -258,6 +436,39 @@ export default {
|
|
|
return time.getTime() > Date.now()
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
+ handleDelete(row){
|
|
|
+ var handleDelete = ''
|
|
|
+ if (row.handleDelete == '待执行' || row.handleDelete == '已完成') {
|
|
|
+ handleDelete = '执行中'
|
|
|
+ } else if (row.handleDelete == '执行中') {
|
|
|
+ handleDelete = '已完成'
|
|
|
+
|
|
|
+ }
|
|
|
+ this.$confirm(`合同删除后不可恢复,是否继续删除?`, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ deletecontract({ id: row.id })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$notify.success({
|
|
|
+ title: '成功',
|
|
|
+ message: '删除成功',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ .catch((response) => {
|
|
|
+ // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
@@ -291,7 +502,6 @@ export default {
|
|
|
margin: 10px 20px;
|
|
|
cursor: pointer;
|
|
|
font-size: 14px;
|
|
|
-
|
|
|
p {
|
|
|
margin: 8px 0px;
|
|
|
span {
|
|
@@ -341,6 +551,27 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.vertical-line {
|
|
|
+ height: 100px;
|
|
|
+ border-left: 2px solid;
|
|
|
+ margin-left: 4px;
|
|
|
+}
|
|
|
+.vertical-circle {
|
|
|
+ float: left;
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ border: 2px solid white;
|
|
|
+ background-color: #08b8e6;
|
|
|
+ -webkit-border-radius: 100px;
|
|
|
+}
|
|
|
+.vertical-circle:first-child {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.vertical-text {
|
|
|
+ float: left;
|
|
|
+ margin-top: -7px;
|
|
|
+}
|
|
|
+
|
|
|
.box-app {
|
|
|
display: inline-block;
|
|
|
float: left;
|