add.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
  3. <head>
  4. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta http-equiv="Pragma" content="no-cache"/>
  7. <meta http-equiv="Cache-Control" content="no-cache"/>
  8. <meta http-equiv="Expires" content="0"/>
  9. <title>重点工作表单</title>
  10. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet"/>
  11. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet"/>
  12. <link href="../../AFrontEnd/plugins/iview/iview.css" rel="stylesheet"/>
  13. <link href="../../AFrontEnd/css/special.css" rel="stylesheet"/>
  14. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet"/>
  15. <link rel="stylesheet" href="css/add.css">
  16. </head>
  17. <body>
  18. <div class="sp-bg-white" id="app">
  19. <div class="boxContent">
  20. <div class="headBox">
  21. <div>
  22. <i-menu mode="horizontal" :active-name="nowTab">
  23. <menu-item name="1">项目情况</menu-item>
  24. <menu-item name="2">项目进展</menu-item>
  25. <menu-item name="3">相关文件</menu-item>
  26. </i-menu>
  27. </div>
  28. <div class="buttonBox">
  29. <a class="sp-pull-left sp-btn-gray sp-btn-radius" @click="saveFormData('formData')"><i class="fa fa-save sp-mr-5"></i>保 存</a>
  30. <a class="sp-pull-left sp-btn-gray sp-btn-radius" @click="goBack()"><i class="fa fa-reply sp-mr-5"></i>返 回</a>
  31. </div>
  32. </div>
  33. <div class="contentBox">
  34. <div class="formBox">
  35. <div class="titleBox">项目情况</div>
  36. <i-form ref="formData" :label-width="150" :model="formData" :rules="ruleValidate" inline style="padding-bottom: 12px;">
  37. <form-item class="formItem" label="项目编号" prop="PROCODE">
  38. <i-input type="text" v-model="formData.PROCODE"></i-input>
  39. </form-item>
  40. <form-item class="formItem" label="项目名称" prop="PRONAME">
  41. <i-input type="text" v-model="formData.PRONAME"></i-input>
  42. </form-item>
  43. <form-item class="formItem" label="项目位置">
  44. <i-input type="text" v-model="formData.LOCATION"></i-input>
  45. </form-item>
  46. <form-item class="formItem" label="建设单位">
  47. <i-input type="text" v-model="formData.JSUNIT"></i-input>
  48. </form-item>
  49. <form-item class="formItem" label="总投资(万元)">
  50. <i-input type="number" v-model="formData.ZTZ"></i-input>
  51. </form-item>
  52. <form-item class="formItem" label="累计年度投资(万元)">
  53. <i-input type="number" readonly v-model="formData.NDTZ"></i-input>
  54. </form-item>
  55. <form-item class="formItem" label="责任领导">
  56. <i-input type="text" v-model="formData.ZRLEADER"></i-input>
  57. </form-item>
  58. <form-item class="formItem" label="责任人">
  59. <i-input type="text" v-model="formData.ZRMAN"></i-input>
  60. </form-item>
  61. <form-item class="formItemFull" label="内容描述">
  62. <i-input type="textarea" v-model="formData.REMARK" :autosize="{minRows: 2,maxRows: 5}"></i-input>
  63. </form-item>
  64. <form-item class="formItem" label="市绩效考核项目">
  65. <i-select placeholder="市绩效考核项目" v-model="formData.SJXKHXMCODE" :transfer=true >
  66. <i-option v-for="item in SJXKHXMList" :value="item.CODE" :key="item.CODE"
  67. v-html="item.CNAME" :transfer=true></i-option>
  68. </i-select>
  69. </form-item>
  70. <form-item class="formItem" label="考核时段">
  71. <i-select placeholder="考核时段" v-model="formData.KHDATECODE" :transfer=true >
  72. <i-option v-for="item in KHDATEList" :value="item.CODE" :key="item.CODE"
  73. v-html="item.CNAME"></i-option>
  74. </i-select>
  75. </form-item>
  76. <form-item class="formItem" label="开始时间" prop="STARTDATE">
  77. <date-picker type="date" :value="formData.STARTDATE" format="yyyy-MM-dd"
  78. @on-change="formData.STARTDATE=$event" :editable=false
  79. :transfer=true></date-picker>
  80. </form-item>
  81. <form-item class="formItem" label="结束时间" prop="ENDDATE">
  82. <date-picker type="date" :value="formData.ENDDATE" format="yyyy-MM-dd"
  83. @on-change="formData.ENDDATE=$event" :editable=false
  84. :transfer=true></date-picker>
  85. </form-item>
  86. </i-form>
  87. </div>
  88. <div class="formBox" v-show="editID!=0" style="display: none;">
  89. <div class="titleBox">年度投资 <span class="addChildBtn" @click="openAddYearModal('modalYearObj')">【新增】</span></div>
  90. <div class="tableContent">
  91. <i-table border :columns="yearColumns" size="small" :data="yearTableData"></i-table>
  92. </div>
  93. </div>
  94. <div class="formBox" v-show="editID!=0" style="display: none;">
  95. <div class="titleBox">任务分解 <span class="addChildBtn" @click="openAddTaskModal('modalTaskObj')">【新增】</span></div>
  96. <div class="tableContent">
  97. <i-table border :columns="taskColumns" size="small" :data="taskTableData"></i-table>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <Modal v-model="modalYear" title="年度投资" @on-ok="okYearModal('modalYearObj')" :loading="loadingModalYear" @on-cancel="cancelYearModal('modalYearObj')" class-name="vertical-center-modal">
  103. <i-form ref="modalYearObj" :model="modalYearObj" :label-width="120" inline :rules="ruleValidateModalYear">
  104. <form-item class="modalItem" label="投资年份" prop="TZNF">
  105. <date-picker type="year" :value="modalYearObj.TZNF" format="yyyy"
  106. @on-change="modalYearObj.TZNF=$event" :editable=false
  107. :transfer=true></date-picker>
  108. </form-item>
  109. <form-item class="modalItem" label="投资金额(万元)" prop="NDTZ">
  110. <i-input type="number" v-model="modalYearObj.NDTZ"></i-input>
  111. </form-item>
  112. </i-form>
  113. </Modal>
  114. <Modal v-model="modalTask" title="任务分解" @on-ok="okTaskModal('modalTaskObj')" :loading="loadingModalTask" @on-cancel="cancelTaskModal('modalTaskObj')" class-name="vertical-center-modal">
  115. <i-form ref="modalTaskObj" :model="modalTaskObj" :label-width="100" inline :rules="ruleValidateModalTask">
  116. <form-item class="modalItem" label="责任单位" prop="ZRUNIT">
  117. <i-select placeholder="请选择责任单位" v-model="modalTaskObj.ZRUNIT" :transfer=true filterable @on-change="changeZRUNIT" >
  118. <i-option v-for="item in ZRUNITList" :value="item.USHOWNAME" :key="item.USHOWNAME" v-html="item.USHOWNAME"></i-option>
  119. </i-select>
  120. </form-item>
  121. <form-item class="modalItem" label="任务名称" prop="TASKNAME">
  122. <i-input type="text" v-model="modalTaskObj.TASKNAME"></i-input>
  123. </form-item>
  124. <form-item class="modalItem" label="工作内容" prop="TASKCONNECT">
  125. <i-input type="textarea" v-model="modalTaskObj.TASKCONNECT" :autosize="{minRows: 2,maxRows: 5}"></i-input>
  126. </form-item>
  127. </i-form>
  128. </Modal>
  129. </div>
  130. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  131. <script src="../../apiurljs.js"></script>
  132. <script src="../../AFrontEnd/js/vue/vue.min.js"></script>
  133. <script src="../../AFrontEnd/js/vue/axios.min.js"></script>
  134. <script src="../../AFrontEnd/plugins/iview/iview.min.js"></script>
  135. <script src="../../AFrontEnd/js/vue/util.js"></script>
  136. <script src="../../js/sm4.js"></script>
  137. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  138. <script>
  139. document.write('<scri' + 'pt src="js/add.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')
  140. </script>
  141. </body>
  142. </html>