修改编辑新增显示

frontend_web/src/views/duty/components/dutyEdit.vue

@@ -1,60 +1,61 @@
 <template>
-    <el-dialog title="新增值班表信息"
-               :visible.sync="dialogvisible"
-               @opened="dialogOpen"
-               @closed="dialogClose"
-               width="30%">
-        <el-form size="mini"
-                 :model="detail"
-                 label-width="80px"
-                 :rules="rules"
-                 ref="dutyForm">
-            <el-form-item label="标题"
-                          prop="Title">
-                <el-input v-model="detail.Title"
-                          placeholder="请输入"></el-input>
-            </el-form-item>
-            <el-form-item label="学年"
-                          prop="Year">
-                <el-select v-model="detail.Year"
-                           placeholder="请选择年级学年">
-                    <el-option v-for="item in years"
-                               :key="item.value"
-                               :label="item.label"
-                               :value="item.value">
-                    </el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="学期"
-                          prop="Term">
-                <el-select v-model="detail.Term">
-                    <el-option v-for="item in term"
-                               :key="item.ItemValue"
-                               :label="item.ItemName"
-                               :value="item.ItemValue">
-                    </el-option>
-                </el-select>
-            </el-form-item>
+  <el-dialog :title="!detail.Id ? '新增值班表信息' : '编辑值班表信息'"
+             :visible.sync="dialogvisible"
+             @opened="dialogOpen"
+             @closed="dialogClose"
+             width="30%">
+    <el-form size="mini"
+             :model="detail"
+             label-width="80px"
+             :rules="rules"
+             ref="dutyForm">
+      <el-form-item label="标题"
+                    prop="Title">
+        <el-input v-model="detail.Title"
+                  placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="学年"
+                    prop="Year">
+        <el-select v-model="detail.Year"
+                   placeholder="请选择年级学年">
+          <el-option v-for="item in years"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="学期"
+                    prop="Term">
+        <el-select v-model="detail.Term">
+          <el-option v-for="item in term"
+                     :key="item.ItemValue"
+                     :label="item.ItemName"
+                     :value="item.ItemValue">
+          </el-option>
+        </el-select>
+      </el-form-item>
 
-            <el-form-item label="状态" prop="Status">
-                <el-radio-group v-model="detail.Status">
+      <el-form-item label="状态"
+                    prop="Status">
+        <el-radio-group v-model="detail.Status">
 
-                    <el-radio class="radio"
-                              v-for="item in statusList"
-                              :label="item.ItemValue"
-                              :key="item.ItemName">{{item.ItemName}}</el-radio>
-                </el-radio-group>
-            </el-form-item>
-        </el-form>
+          <el-radio class="radio"
+                    v-for="item in statusList"
+                    :label="item.ItemValue"
+                    :key="item.ItemName">{{item.ItemName}}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
 
-        <span slot="footer">
+    <span slot="footer">
       <el-button size="mini"
                  @click="save()">保存</el-button>
       <el-button size="mini"
                  @click="dialogClose">关闭</el-button>
 
     </span>
-    </el-dialog>
+  </el-dialog>
 </template>
 
 <script>
@@ -160,8 +161,8 @@ export default {
 </script>
 
 <style lang="scss">
-    .button {
-        padding: 0;
-        float: right;
-    }
+.button {
+  padding: 0;
+  float: right;
+}
 </style>