Commit 69722a15 by liangjianmin

feat: 添加签署合同弹窗功能,优化合同签署流程

parent 3040b164
Showing with 36 additions and 8 deletions
......@@ -84,7 +84,7 @@
<el-upload v-else-if="scope.row.languageType == '中文'" :headers="{ Authorization: 'Bearer ' + token }" :data="{ supplier_id: supplier_id, contract_id: scope.row.contractId, type: 'upload' }" :action="uploadUrl" :on-success="handleUploadSuccess">
<el-button type="primary">上传合同</el-button>
</el-upload>
<el-button type="primary">签署合同</el-button>
<el-button type="primary" @click="showSignDialog(scope.row)">签署合同</el-button>
</template>
</el-row>
</template>
......@@ -108,6 +108,18 @@
</el-table>
</div>
</div>
<!-- 签署合同弹窗 -->
<el-dialog title="签署合同" :visible.sync="signDialogVisible" width="80%" :before-close="closeSignDialog">
<div class="sign-contract-content">
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="closeSignDialog">取消</el-button>
<el-button type="primary" @click="submitSignContract">提交</el-button>
</div>
</el-dialog>
<Menu />
</section>
</template>
......@@ -115,12 +127,12 @@
import Vue from 'vue';
import Tool from '../../tool'
import Menu from "@/components/menu.vue";
import { Col, Message, Pagination, Row, Table, TableColumn, Select, Option, Link, Upload, Tooltip } from 'element-ui';
import { Col, Message, Pagination, Row, Table, TableColumn, Select, Option, Link, Upload, Tooltip, Dialog } from 'element-ui';
import { NODE_ENVS } from "../../ajax";
Vue.prototype.$message = Message;
Vue.use(Pagination);
Vue.use(TableColumn).use(Table).use(Row).use(Col).use(Select).use(Option).use(Link).use(Upload).use(Tooltip);
Vue.use(TableColumn).use(Table).use(Row).use(Col).use(Select).use(Option).use(Link).use(Upload).use(Tooltip).use(Dialog);
export default {
name: "orderTrackGoodsDetail",
data() {
......@@ -138,7 +150,9 @@ export default {
token: this.token,
contract_id: 0,
oss_file_id: ''
}
},
signDialogVisible: false,
signContractData: []
};
},
created() {
......@@ -220,7 +234,7 @@ export default {
window.open(pdfUrl, '_blank');
})
},
// 3 删除合同
// 删除合同
delContract(contractItem) {
this.$http('post', "/api/purContract/updateOrderContract", {
contract_id: contractItem.contractId,
......@@ -240,11 +254,25 @@ export default {
});
}
})
},
// 签署合同
showSignDialog(contractItem) {
this.signDialogVisible = true;
},
// 关闭签署合同弹窗
closeSignDialog() {
this.signDialogVisible = false;
},
// 提交签署合同
submitSignContract() {
// 实现提交签署合同的逻辑
this.$message({
message: '签署合同提交成功',
type: 'success'
});
this.signDialogVisible = false;
}
},
components: {
Menu
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment