| | |
| | | </el-form> |
| | | <!-- 表格和分页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:contract:create']"> |
| | | <ul class="toolbar" v-permissions="['business:contract:create']" v-if="userInfo.type === 0"> |
| | | <li><el-button type="primary" @click="$refs.operaContractWindow.open('新建合同信息表')" icon="el-icon-plus" v-permissions="['business:contract:create']">新建</el-button></li> |
| | | </ul> |
| | | <el-table |
| | |
| | | <template v-else-if="row.signType === 2">商户-企业</template> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="companyName" label="对方名称" min-width="100px"></el-table-column> |
| | | <el-table-column prop="companyName" label="对方名称" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | {{ row.partyCompanyName }} / {{ row.companyName }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="合同开始时间" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | {{ row.startTime }} - {{ row.endTime }} |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaContractDescWindow.open('合同详情', row.id)" icon="el-icon-view">查看详情</el-button> |
| | | <el-button type="text" @click="sign(row)" icon="el-icon-document-checked" v-if="row.status !== 1 && row.status !== 4 && row.status !== 3">签署</el-button> |
| | | <template v-if="userInfo.type === 0"> |
| | | <template v-if="(row.signType === 0 && row.status === 0) || (row.signType === 1 && row.status === 0)"> |
| | | <el-button type="text" @click="sign(row)" icon="el-icon-document-checked">签署</el-button> |
| | | </template> |
| | | </template> |
| | | <template v-if="userInfo.type === 1"> |
| | | <template v-if="(row.signType === 1 && row.status === 1) || (row.signType === 2 && row.status === 1)"> |
| | | <el-button type="text" @click="sign(row)" icon="el-icon-document-checked">签署</el-button> |
| | | </template> |
| | | </template> |
| | | <template v-if="userInfo.type === 2"> |
| | | <template v-if="(row.signType === 0 && row.status === 1) || (row.signType === 2 && row.status === 0)"> |
| | | <el-button type="text" @click="sign(row)" icon="el-icon-document-checked">签署</el-button> |
| | | </template> |
| | | </template> |
| | | <el-button type="text" icon="el-icon-document-remove" v-if="row.status === 0" @click="cancelHT(row.id)">取消</el-button> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:contract:delete']" v-if="row.status === 4">删除</el-button> |
| | | </template> |
| | |
| | | import OperaContractWindow from '@/components/business/OperaContractWindow' |
| | | import OperaContractDescWindow from '@/components/business/OperaContractDescWindow' |
| | | import { cancel, getSignLink } from '@/api/business/contract' |
| | | import { mapState } from 'vuex' |
| | | export default { |
| | | name: 'Contract', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaContractWindow, OperaContractDescWindow }, |
| | | computed: { |
| | | ...mapState(['userInfo']) |
| | | }, |
| | | data () { |
| | | return { |
| | | // 搜索 |
| | |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | cancel({ id }).then(res => { |
| | | cancel(id).then(res => { |
| | | this.search() |
| | | }) |
| | | }).catch(() => { |