workPersonScheduling-detail.vue 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <style scoped>
  2. .user-panel {
  3. margin: 10px auto;
  4. }
  5. </style>
  6. <template>
  7. <el-dialog
  8. :visible.sync="showDialog"
  9. :title="title"
  10. :modal-append-to-body="false"
  11. style="text-align: left"
  12. @close="closeDialog"
  13. :close-on-click-modal="false"
  14. >
  15. <div class="user-panel" v-loading="loading">
  16. <el-form
  17. ref="form"
  18. :model="formModel"
  19. :rules="ruleValidate"
  20. :label-width="'100px'"
  21. >
  22. <el-form-item label="编号" prop="id">
  23. <el-input
  24. v-model="formModel.id"
  25. placeholder="请输入编号"
  26. style="width: 300px"
  27. ></el-input>
  28. </el-form-item>
  29. <el-form-item label="人员id" prop="personId">
  30. <el-input
  31. v-model="formModel.personId"
  32. placeholder="请输入人员id"
  33. style="width: 300px"
  34. ></el-input>
  35. </el-form-item>
  36. <el-form-item label="年" prop="year">
  37. <el-input
  38. v-model="formModel.year"
  39. placeholder="请输入年"
  40. style="width: 300px"
  41. ></el-input>
  42. </el-form-item>
  43. <el-form-item label="月" prop="month">
  44. <el-input
  45. v-model="formModel.month"
  46. placeholder="请输入月"
  47. style="width: 300px"
  48. ></el-input>
  49. </el-form-item>
  50. <el-form-item label="日" prop="day">
  51. <el-input
  52. v-model="formModel.day"
  53. placeholder="请输入日"
  54. style="width: 300px"
  55. ></el-input>
  56. </el-form-item>
  57. <el-form-item label="安排日期" prop="schedulingDay">
  58. <el-input
  59. v-model="formModel.schedulingDay"
  60. placeholder="请输入安排日期"
  61. style="width: 300px"
  62. ></el-input>
  63. </el-form-item>
  64. <el-form-item label="班次ID,多逗号分隔" prop="shiftIds">
  65. <el-input
  66. v-model="formModel.shiftIds"
  67. placeholder="请输入班次ID,多逗号分隔"
  68. style="width: 300px"
  69. ></el-input>
  70. </el-form-item>
  71. <el-form-item label="班次编号,多逗号分隔" prop="shiftNumbers">
  72. <el-input
  73. v-model="formModel.shiftNumbers"
  74. placeholder="请输入班次编号,多逗号分隔"
  75. style="width: 300px"
  76. ></el-input>
  77. </el-form-item>
  78. <el-form-item label="创建人" prop="createBy">
  79. <el-input
  80. v-model="formModel.createBy"
  81. placeholder="请输入创建人"
  82. style="width: 300px"
  83. ></el-input>
  84. </el-form-item>
  85. <el-form-item label="创建时间" prop="createTime">
  86. <el-input
  87. v-model="formModel.createTime"
  88. placeholder="请输入创建时间"
  89. style="width: 300px"
  90. ></el-input>
  91. </el-form-item>
  92. <el-form-item label="更新人" prop="updateBy">
  93. <el-input
  94. v-model="formModel.updateBy"
  95. placeholder="请输入更新人"
  96. style="width: 300px"
  97. ></el-input>
  98. </el-form-item>
  99. <el-form-item label="更新时间" prop="updateTime">
  100. <el-input
  101. v-model="formModel.updateTime"
  102. placeholder="请输入更新时间"
  103. style="width: 300px"
  104. ></el-input>
  105. </el-form-item>
  106. <el-form-item label="是否删除" prop="delFlag">
  107. <el-input
  108. v-model="formModel.delFlag"
  109. placeholder="请输入是否删除"
  110. style="width: 300px"
  111. ></el-input>
  112. </el-form-item>
  113. </el-form>
  114. </div>
  115. <span slot="footer" class="dialog-footer">
  116. <el-button @click="closeDialog">取 消</el-button>
  117. <el-button type="primary" @click="handleSubmit" :loading="submitting"
  118. >确 定</el-button
  119. >
  120. </span>
  121. </el-dialog>
  122. </template>
  123. <script>
  124. import Constant from "@/constant";
  125. import workPersonSchedulingApi from "@/api/base/workPersonScheduling";
  126. export default {
  127. props: ["businessKey", "title"],
  128. data() {
  129. return {
  130. formModel: {},
  131. ruleValidate: {
  132. id: [{ required: true, message: "编号不能为空", trigger: "blur" }],
  133. personId: [
  134. { required: true, message: "人员id不能为空", trigger: "blur" },
  135. ],
  136. year: [{ required: true, message: "年不能为空", trigger: "blur" }],
  137. month: [{ required: true, message: "月不能为空", trigger: "blur" }],
  138. day: [{ required: true, message: "日不能为空", trigger: "blur" }],
  139. schedulingDay: [
  140. { required: true, message: "安排日期不能为空", trigger: "blur" },
  141. ],
  142. shiftIds: [
  143. {
  144. required: true,
  145. message: "班次ID,多逗号分隔不能为空",
  146. trigger: "blur",
  147. },
  148. ],
  149. shiftNumbers: [
  150. {
  151. required: true,
  152. message: "班次编号,多逗号分隔不能为空",
  153. trigger: "blur",
  154. },
  155. ],
  156. createBy: [
  157. { required: true, message: "创建人不能为空", trigger: "blur" },
  158. ],
  159. createTime: [
  160. { required: true, message: "创建时间不能为空", trigger: "blur" },
  161. ],
  162. updateBy: [
  163. { required: true, message: "更新人不能为空", trigger: "blur" },
  164. ],
  165. updateTime: [
  166. { required: true, message: "更新时间不能为空", trigger: "blur" },
  167. ],
  168. delFlag: [
  169. { required: true, message: "是否删除不能为空", trigger: "blur" },
  170. ],
  171. },
  172. showDialog: true,
  173. loading: false,
  174. submitting: false,
  175. };
  176. },
  177. methods: {
  178. closeDialog() {
  179. this.$emit("close", false);
  180. },
  181. handleSubmit() {
  182. var self = this;
  183. this.$refs["form"].validate((valid) => {
  184. if (valid) {
  185. (function () {
  186. var id = self.formModel.id;
  187. if (id == null || id.length == 0) {
  188. return workPersonSchedulingApi.add(self.formModel);
  189. } else {
  190. return workPersonSchedulingApi.update(self.formModel);
  191. }
  192. })().then(function (response) {
  193. var jsonData = response.data;
  194. if (jsonData.result) {
  195. self.$message({
  196. message: "保存成功!",
  197. type: "success",
  198. });
  199. self.$emit("close", true);
  200. } else {
  201. self.$message({
  202. message: jsonData.message + "",
  203. type: "warning",
  204. });
  205. self.$emit("close", false);
  206. }
  207. });
  208. }
  209. });
  210. },
  211. },
  212. mounted: function () {
  213. var self = this;
  214. (function () {
  215. if (self.businessKey.length == 0) {
  216. return workPersonSchedulingApi.create();
  217. } else {
  218. return workPersonSchedulingApi.edit(self.businessKey);
  219. }
  220. })()
  221. .then((response) => {
  222. var jsonData = response.data;
  223. self.loading = false;
  224. if (jsonData.result) {
  225. self.formModel = jsonData.data;
  226. } else {
  227. self.$message.error(jsonData.message + "");
  228. }
  229. })
  230. .catch((error) => {
  231. self.$message.error(error + "");
  232. });
  233. },
  234. };
  235. </script>