Commit 69722a15 by liangjianmin

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

parent 3040b164
Showing with 36 additions and 8 deletions
...@@ -84,7 +84,7 @@ ...@@ -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-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-button type="primary">上传合同</el-button>
</el-upload> </el-upload>
<el-button type="primary">签署合同</el-button> <el-button type="primary" @click="showSignDialog(scope.row)">签署合同</el-button>
</template> </template>
</el-row> </el-row>
</template> </template>
...@@ -108,6 +108,18 @@ ...@@ -108,6 +108,18 @@
</el-table> </el-table>
</div> </div>
</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 /> <Menu />
</section> </section>
</template> </template>
...@@ -115,12 +127,12 @@ ...@@ -115,12 +127,12 @@
import Vue from 'vue'; import Vue from 'vue';
import Tool from '../../tool' import Tool from '../../tool'
import Menu from "@/components/menu.vue"; 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"; import { NODE_ENVS } from "../../ajax";
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Pagination); 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 { export default {
name: "orderTrackGoodsDetail", name: "orderTrackGoodsDetail",
data() { data() {
...@@ -138,7 +150,9 @@ export default { ...@@ -138,7 +150,9 @@ export default {
token: this.token, token: this.token,
contract_id: 0, contract_id: 0,
oss_file_id: '' oss_file_id: ''
} },
signDialogVisible: false,
signContractData: []
}; };
}, },
created() { created() {
...@@ -220,7 +234,7 @@ export default { ...@@ -220,7 +234,7 @@ export default {
window.open(pdfUrl, '_blank'); window.open(pdfUrl, '_blank');
}) })
}, },
// 3 删除合同 // 删除合同
delContract(contractItem) { delContract(contractItem) {
this.$http('post', "/api/purContract/updateOrderContract", { this.$http('post', "/api/purContract/updateOrderContract", {
contract_id: contractItem.contractId, contract_id: contractItem.contractId,
...@@ -240,11 +254,25 @@ export default { ...@@ -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: { components: {
Menu 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