tb-purchaser-do-judge.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>收购商-详情</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 所有的 css js 资源 -->
  9. <link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css">
  10. <link rel="stylesheet" href="../../static/sa.css">
  11. <script src="../../static/kj/vue.min.js"></script>
  12. <script src="../../static/kj/element-ui/index.js"></script>
  13. <script src="../../static/kj/httpVueLoader.js"></script>
  14. <script src="../../static/kj/jquery.min.js"></script>
  15. <script src="../../static/kj/layer/layer.js"></script>
  16. <script src="../../static/sa.js"></script>
  17. <script src="../../static/kj/upload-util.js"></script>
  18. <style type="text/css">
  19. .c-panel .c-label {
  20. width: 8em;
  21. }
  22. .c-item .image-box-2 {
  23. height: 90px;
  24. }
  25. .el-row{
  26. border-bottom: 1px solid #eeeeee;
  27. }
  28. table {
  29. font-family: arial, sans-serif;
  30. border-collapse: collapse;
  31. width: 90%;
  32. margin-top: 22px ;
  33. margin-left: auto;
  34. margin-right: auto;
  35. }
  36. th {
  37. border: 1px solid darkgray;
  38. text-align: left;
  39. height: 22px;
  40. padding: 8px;
  41. background-color: #dddddd;
  42. }
  43. td {
  44. border: 1px solid darkgray;
  45. text-align: left;
  46. padding: 8px;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <div class="vue-box sbot" style="display: none;" :style="'display: block;'">
  52. <!-- ------- 内容部分 ------- -->
  53. <div class="s-body">
  54. <div class="c-panel">
  55. <el-form v-if="m">
  56. <el-alert show-icon title="审核驳回" :description="m.judgeContent" type="error" v-if="m.judgeStatus==2"></el-alert>
  57. <table>
  58. <tr>
  59. <th>企业名称</th>
  60. <td>{{m.businessName}}</td>
  61. <th>企业法人</th>
  62. <td>{{m.legalPerson}}</td>
  63. </tr>
  64. <tr>
  65. <th>统一社会信用代码</th>
  66. <td>{{m.dutyParagraph}}</td>
  67. <th>营业执照</th>
  68. <td>
  69. <sa-info type="img-list" :value="m.businessLicense"></sa-info>
  70. </td>
  71. </tr>
  72. <tr>
  73. <th>联系人</th>
  74. <td>{{m.name}}</td>
  75. <th>邮箱</th>
  76. <td>{{m.email}}</td>
  77. </tr>
  78. <tr>
  79. <th>联系电话</th>
  80. <td>{{m.contact}}</td>
  81. <th>身份证号</th>
  82. <td>{{m.idCard}}</td>
  83. </tr>
  84. <tr>
  85. <th>银行名称</th>
  86. <td>{{m.bankName}}</td>
  87. <th>银行编号</th>
  88. <td>{{m.bankNo}}</td>
  89. </tr>
  90. <tr>
  91. <th>银行账号</th>
  92. <td>{{m.bankAccount}}</td>
  93. <th>企业地址</th>
  94. <td>{{m.address}}</td>
  95. </tr>
  96. </table>
  97. </el-form>
  98. </div>
  99. </div>
  100. <!-- ------- 底部按钮 ------- -->
  101. <div class="s-foot" v-if="sa.isAuth('tb-purchaser-judge')">
  102. <el-button type="warning" @click="judgeBack">审核驳回</el-button>
  103. <el-button type="success" @click="judgePass">审核通过</el-button>
  104. <el-button @click="sa.closeCurrIframe()">取消</el-button>
  105. </div>
  106. </div>
  107. <script>
  108. var app = new Vue({
  109. components: {
  110. "sa-info": httpVueLoader('../../sa-frame/com/sa-info.vue')
  111. },
  112. el: '.vue-box',
  113. data: {
  114. id: sa.p('id', 0), // 获取数据ID
  115. m: null
  116. },
  117. methods: {
  118. judgeBack() {
  119. let id = this.m.id;
  120. layer.prompt({
  121. title: '输入审核意见'
  122. }, function(content, index) {
  123. layer.close(index);
  124. sa.ajax('/level-two-server/TbPurchaser/audit', {
  125. id: id,
  126. judgeContent: content,
  127. judgeStatus: 2
  128. }, function(res) {
  129. layer.msg('审核已驳回');
  130. setTimeout(() => {
  131. parent.app.f5(); // 刷新父页面列表
  132. sa.closeCurrIframe(); // 关闭本页
  133. }, 800)
  134. })
  135. });
  136. },
  137. judgePass() {
  138. sa.ajax('/level-two-server/TbPurchaser/audit', {
  139. id: this.m.id,
  140. judgeContent: '审核通过',
  141. judgeStatus: 1
  142. }, function(res) {
  143. layer.msg('审核通过');
  144. setTimeout(() => {
  145. parent.app.f5(); // 刷新父页面列表
  146. sa.closeCurrIframe(); // 关闭本页
  147. }, 800)
  148. })
  149. },
  150. },
  151. mounted: function() {
  152. sa.ajax('/level-two-server/TbPurchaser/getById?id=' + this.id, function(res) {
  153. this.m = res.data;
  154. if (res.data == null) {
  155. sa.alert('未能查找到 id=' + this.id + " 详细数据");
  156. }
  157. }.bind(this))
  158. }
  159. })
  160. </script>
  161. </body>
  162. </html>