|
|
@@ -2,32 +2,239 @@
|
|
|
<div id="detail">
|
|
|
<van-row>
|
|
|
<van-col span="24" class="main animate__animated animate__backInRight">
|
|
|
- <van-col span="24" class="one">系统首页</van-col>
|
|
|
+ <van-col span="24" class="one">
|
|
|
+ <van-form @submit="toSave" label-width="auto">
|
|
|
+ <van-cell-group>
|
|
|
+ <van-field
|
|
|
+ v-model="form.act_time"
|
|
|
+ is-link
|
|
|
+ readonly
|
|
|
+ name="act_time"
|
|
|
+ label="活动时间"
|
|
|
+ placeholder="点击选择"
|
|
|
+ @click="toPopup({ type: 'act_time' })"
|
|
|
+ />
|
|
|
+ <van-field v-model="form.lab_id" name="lab_id" style="display: none" />
|
|
|
+ <van-field v-model="form.lab_name" name="lab_name" label="实验室名称" placeholder="请输入实验室名称" readonly />
|
|
|
+ <van-field v-model="form.name" name="name" type="textarea" rows="1" autosize label="姓名" placeholder="请输入姓名" />
|
|
|
+ <van-field v-model="form.age" name="age" type="textarea" rows="1" autosize label="年龄" placeholder="请输入年龄" />
|
|
|
+ <van-field v-model="form.unit" name="unit" type="textarea" rows="1" autosize label="单位" placeholder="请输入单位" />
|
|
|
+ <van-field v-model="form.zwzc" name="zwzc" type="textarea" rows="1" autosize label="职务职称" placeholder="请输入职务职称" />
|
|
|
+ <van-field v-model="form.title" name="title" type="textarea" rows="1" autosize label="称号" placeholder="请输入称号" />
|
|
|
+ <van-field v-model="form.major" name="major" type="textarea" rows="1" autosize label="专业" placeholder="请输入专业" />
|
|
|
+ <!-- 期间 -->
|
|
|
+ <van-field v-model="form.term_of" is-link readonly name="term_of" label="任职期间" placeholder="点击选择" @click="toPopup({ type: 'term_of' })" />
|
|
|
+ <van-field name="type" label="本实验室职务">
|
|
|
+ <template #input>
|
|
|
+ <van-checkbox-group v-model="form.type" direction="horizontal">
|
|
|
+ <van-checkbox v-for="i in typeList" :key="i.dict_value" :name="i.dict_value" shape="square">{{ i.dict_label }}</van-checkbox>
|
|
|
+ </van-checkbox-group>
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
+ <van-field v-model="form.is_show" is-link readonly name="is_show" label="是否公开" placeholder="点击选择" @click="toPopup({ type: 'is_show' })" />
|
|
|
+ </van-cell-group>
|
|
|
+ <div class="btn">
|
|
|
+ <van-button type="primary" size="small" native-type="submit"> 提交保存 </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form>
|
|
|
+ </van-col>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
+ <van-popup v-model:show="popup.show" position="bottom">
|
|
|
+ <template v-if="popup.type == 'act_time'">
|
|
|
+ <van-picker :columns="actList" :columns-field-names="{ text: 'name', value: '_id' }" @confirm="popChange" @cancel="toCancel" />
|
|
|
+ </template>
|
|
|
+ <template v-else-if="popup.type == 'is_show'">
|
|
|
+ <van-picker :columns="showList" :columns-field-names="{ text: 'dict_label', value: 'dict_value' }" @confirm="popChange" @cancel="toCancel" />
|
|
|
+ </template>
|
|
|
+ <template v-else-if="popup.type == 'term_of'">
|
|
|
+ <van-picker-group title="任职期间" :tabs="['开始日期', '结束日期']" @confirm="popChange" @cancel="toCancel">
|
|
|
+ <van-date-picker v-model="startDate" :columns-type="['year', 'month', 'day']" />
|
|
|
+ <van-date-picker v-model="endDate" :columns-type="['year', 'month', 'day']" />
|
|
|
+ </van-picker-group>
|
|
|
+ </template>
|
|
|
+ </van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
// 基础
|
|
|
-// import type { Ref } from 'vue';
|
|
|
-// reactive, ref, onMounted
|
|
|
-import { onMounted } from 'vue';
|
|
|
+// import _ from 'lodash';
|
|
|
+import type { Ref } from 'vue';
|
|
|
+import { onMounted, ref } from 'vue';
|
|
|
+import { useRoute } from 'vue-router';
|
|
|
+import { showToast } from 'vant';
|
|
|
// 接口
|
|
|
-import { TestStore } from '@common/src/stores/test';
|
|
|
+import { BasicStore } from '@common/src/stores/basic/basic';
|
|
|
+import { ActivitysStore } from '@common/src/stores/basic/activitys';
|
|
|
+import { CommitteeStore } from '@common/src/stores/basic/committee';
|
|
|
+import { DictDataStore } from '@common/src/stores/users/sysdictdata'; // 字典表
|
|
|
import type { IQueryResult } from '@/util/types.util';
|
|
|
-const testAxios = TestStore();
|
|
|
-// 分页数据
|
|
|
-const skip = 0;
|
|
|
-const limit = 10;
|
|
|
+import store from '@/stores/counter';
|
|
|
+const basicAxios = BasicStore();
|
|
|
+const actAxios = ActivitysStore();
|
|
|
+const coomperAxios = CommitteeStore();
|
|
|
+const dictAxios = DictDataStore();
|
|
|
+
|
|
|
+// 路由
|
|
|
+const route = useRoute();
|
|
|
+
|
|
|
+// 实验室基础信息
|
|
|
+const lab_id: Ref<any> = ref('');
|
|
|
+const basicInfo: Ref<any> = ref({});
|
|
|
+const labList: Ref<any> = ref([]);
|
|
|
+// 活动时间
|
|
|
+const actList: Ref<any> = ref([]);
|
|
|
+
|
|
|
+const id: Ref<any> = ref('');
|
|
|
+// 表单
|
|
|
+const form: Ref<any> = ref({ term_of: [] });
|
|
|
+// 时间区间
|
|
|
+const startDate: Ref<any> = ref([]);
|
|
|
+const endDate: Ref<any> = ref([]);
|
|
|
+
|
|
|
+// 弹框
|
|
|
+const popup: Ref<any> = ref({ show: false, type: '' });
|
|
|
+
|
|
|
+const typeList: Ref<any> = ref([]);
|
|
|
+const showList: Ref<any> = ref([]);
|
|
|
+
|
|
|
// 请求
|
|
|
onMounted(async () => {
|
|
|
- await search({ skip, limit });
|
|
|
+ // 实验室id
|
|
|
+ lab_id.value = store.getters.lab_id;
|
|
|
+ id.value = route.query.id;
|
|
|
+ // 查询基础信息
|
|
|
+ await searchBasic();
|
|
|
+ // 查询其他信息
|
|
|
+ await searchOther();
|
|
|
+ await search();
|
|
|
});
|
|
|
-const search = async (e: { skip: number; limit: number }) => {
|
|
|
- const info = { skip: e.skip, limit: e.limit };
|
|
|
- const res: IQueryResult = await testAxios.query(info);
|
|
|
- console.log(res);
|
|
|
+// 查询基础信息
|
|
|
+const searchBasic = async () => {
|
|
|
+ let res: IQueryResult = await basicAxios.fetch(lab_id.value);
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ let data = res.data as any;
|
|
|
+ basicInfo.value = data;
|
|
|
+ labList.value = [data];
|
|
|
+ form.value.lab_id = data._id;
|
|
|
+ form.value.lab_name = data.name;
|
|
|
+ // 查询活动时间
|
|
|
+ const isInAct = store.state.isInAct;
|
|
|
+ if (!isInAct) searchAct(data);
|
|
|
+ }
|
|
|
+};
|
|
|
+// 查询活动时间
|
|
|
+const searchAct = async (e) => {
|
|
|
+ const query = { is_use: '0', type: '' };
|
|
|
+ if (e.status == '1') query.type = '-1';
|
|
|
+ else if (e.status == '2') query.type = '2';
|
|
|
+ else query.type = '1';
|
|
|
+ let res: IQueryResult = await actAxios.query(query);
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ actList.value = res.data;
|
|
|
+ }
|
|
|
+};
|
|
|
+const search = async () => {
|
|
|
+ if (id.value) {
|
|
|
+ let res: IQueryResult = await coomperAxios.fetch(id.value);
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ let data = res.data as any;
|
|
|
+ form.value = data;
|
|
|
+ form.value.lab_name = basicInfo.value.name;
|
|
|
+ form.value.act_time = data.act_time._id;
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+// 选择
|
|
|
+const toPopup = (e) => {
|
|
|
+ popup.value = { show: true, type: e.type };
|
|
|
+};
|
|
|
+const popChange = (e) => {
|
|
|
+ let value = e.selectedValues;
|
|
|
+ if (popup.value.type == 'act_time') {
|
|
|
+ form.value.act_time = value[0];
|
|
|
+ } else if (popup.value.type == 'is_show') {
|
|
|
+ form.value.is_show = value[0];
|
|
|
+ } else if (popup.value.type == 'term_of') {
|
|
|
+ // 时间区间
|
|
|
+ let start = e[0].selectedValues;
|
|
|
+ let end = e[1].selectedValues;
|
|
|
+ let start_value = start.join('-');
|
|
|
+ let end_value = end.join('-');
|
|
|
+ form.value.term_of = [start_value, end_value];
|
|
|
+ }
|
|
|
+ toCancel();
|
|
|
+};
|
|
|
+// 关闭
|
|
|
+const toCancel = () => {
|
|
|
+ popup.value = { show: false };
|
|
|
+};
|
|
|
+// 保存
|
|
|
+const toSave = async (e) => {
|
|
|
+ let res: IQueryResult;
|
|
|
+ delete e.lab_name;
|
|
|
+ e.term_of = e.term_of.split(',');
|
|
|
+ if (id.value) {
|
|
|
+ // if (_.isObject(e.act_time)) e.act_time = e.act_time._id;
|
|
|
+ res = await coomperAxios.update({ ...e, _id: id.value });
|
|
|
+ } else res = await coomperAxios.create(e);
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ showToast({ message: '信息删除成功', type: 'success', duration: 500 });
|
|
|
+ toBack();
|
|
|
+ } else {
|
|
|
+ showToast({ message: `${res.errmsg}`, type: 'fail', duration: 500 });
|
|
|
+ }
|
|
|
+};
|
|
|
+// 查询其他信息
|
|
|
+const searchOther = async () => {
|
|
|
+ let res: IQueryResult;
|
|
|
+ // 职务
|
|
|
+ res = await dictAxios.query({ dict_type: 'xueshu_type' });
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ typeList.value = res.data;
|
|
|
+ }
|
|
|
+ // 是否公开
|
|
|
+ res = await dictAxios.query({ dict_type: 'info_show' });
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ showList.value = res.data;
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+// 返回;
|
|
|
+const toBack = () => {
|
|
|
+ window.history.go(-1);
|
|
|
};
|
|
|
</script>
|
|
|
-<style scoped lang="scss"></style>
|
|
|
+<style scoped lang="scss">
|
|
|
+.main {
|
|
|
+ .one {
|
|
|
+ .btn {
|
|
|
+ text-align: center;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.logs {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .logs_1 {
|
|
|
+ margin: 0 0 5px 0;
|
|
|
+ }
|
|
|
+ .logs_2 {
|
|
|
+ .list {
|
|
|
+ border: 1px solid #858585;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
+ padding: 5px;
|
|
|
+ .list_1 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ .list_1_btn {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
