split.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. /*.el-select .el-input {*/
  5. /* width: 130px;*/
  6. /*}*/
  7. .input-with-select .el-input-group__prepend {
  8. background-color: #fff;
  9. }
  10. </style>
  11. <div class="row" id="formApp">
  12. <div class="col-sm-12">
  13. <div class="ibox float-e-margins">
  14. <div class="ibox-content">
  15. <form method="post" action="{:url('split')}" class="form-horizontal">
  16. <input type="hidden" name="id" value="{$id|default='0'}">
  17. <div class="form-group">
  18. <label class="col-sm-2 control-label">拆分燃气表<span class="text-danger">*</span></label>
  19. <input type="hidden" id="ele-split" name="split" :value="value">
  20. <div class="col-sm-6">
  21. <el-select
  22. v-model="value"
  23. multiple
  24. filterable
  25. size="small"
  26. style="width:100%"
  27. placeholder="请选择拆分的燃气表"
  28. >
  29. <el-option
  30. v-for="item in options"
  31. :key="item.id"
  32. :label="item.number"
  33. :value="item.id">
  34. </el-option>
  35. </el-select>
  36. </div>
  37. </div>
  38. <div class="hr-line-dashed"></div>
  39. <div class="form-group">
  40. <div class="col-sm-6 col-sm-offset-2">
  41. <button class="btn btn-primary ajax-post" data-layer="1" target-form="form-horizontal" type="submit">确 定</button>
  42. </div>
  43. </div>
  44. </form>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. {/block}
  50. {block name="script"}
  51. <script>
  52. $('#patient').hide();
  53. new Vue({
  54. el: '#formApp',
  55. data: function() {
  56. return {
  57. options: {:json_encode($list)},
  58. value: [{$info.split|default=''}],
  59. }
  60. },
  61. methods: {
  62. },
  63. mounted(){
  64. }
  65. })
  66. window.addEventListener('touchstart',function () {
  67. },{ passive: false });
  68. </script>
  69. {/block}