新增

project/pingchang/apps/AppOrganizationChange/components/addChange.vue

@@ -1,7 +1,52 @@
 <template>
-  <section class="addChange">
-    新增 
-  </section>
+  <ai-list class="addChange">
+    <template #title>
+      <ai-title title="基本信息" isShowBottomBorder isShowBack  @onBackClick="back" />
+    </template>
+    <template #content>
+      <el-form ref="form" :model="form" label-width="100px" label-position="right">
+        <ai-bar title="基本信息"></ai-bar>
+        <el-row type="flex">
+          <el-col :span="12">
+            <el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
+              <el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
+              <el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <ai-bar title="本届任职(必填)">
+        <template slot="right">
+          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
+        </template>
+      </ai-bar>
+      <ai-table
+        class="detail-table__table"
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="totalJob"
+        :current.sync="current"
+        :size.sync="size"
+        @getList="getJobList">
+        <el-table-column slot="options" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+            <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <ai-bar title="本届候选人">
+        <template slot="right">
+          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加候选人</el-button>
+        </template>
+      </ai-bar>
+    </template>
+  </ai-list>
 </template>
 
 <script>
@@ -12,6 +57,16 @@ export default {
     permissions: Function,
     dict: Object,
   },
+  data() {
+    return {
+      form: {
+
+      }
+    }
+  },
+  methods: {
+    back() {},
+  }
 }
 </script>