|
@@ -15,20 +15,20 @@
|
|
|
<a-row type="flex">
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="企业名称" name="CompanyName" :label-col="{span:7}">
|
|
|
- <label v-if="isDetail">{{dataModel.szcompanyname}}</label>
|
|
|
- <a-input v-model:value="dataModel.szcompanyname" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.companyName}}</label>
|
|
|
+ <a-input v-model:value="dataModel.companyName" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="企业地址" name="CompanyAddress" :label-col="{span:7}">
|
|
|
- <label v-if="isDetail">{{ dataModel.szcomaddress }}</label>
|
|
|
- <a-input v-model:value="dataModel.szcomaddress" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.companyAddress }}</label>
|
|
|
+ <a-input v-model:value="dataModel.companyAddress" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="10">
|
|
|
<a-form-item label="负责人姓名" name="DutyUserName" :label-col="{span:10}" >
|
|
|
- <label v-if="isDetail">{{dataModel.szcomusername}}</label>
|
|
|
- <a-input v-model:value="dataModel.szcomusername" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.fzrName}}</label>
|
|
|
+ <a-input v-model:value="dataModel.fzrName" placeholder=""/>
|
|
|
<!-- <a-date-picker name="feedbackDate2" v-model:value="dataModel.feedbackDate" value-format="YYYY-MM-DD" picker="date"
|
|
|
placeholder="请选择问题反馈日期" v-if="!isDetail" />
|
|
|
<a-select ref="select" v-model:value="dataModel.problemCharacteristics"
|
|
@@ -41,78 +41,70 @@
|
|
|
<a-row type="flex">
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="负责人电话:" name="DutyUserMobile" :label-col="{span:7}">
|
|
|
- <label v-if="isDetail">{{dataModel.szcomusermobile }}</label>
|
|
|
- <a-input v-model:value="dataModel.szcomusermobile" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.fzrMobile }}</label>
|
|
|
+ <a-input v-model:value="dataModel.fzrMobile" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="法人姓名:" name="LegalerName" :label-col="{span:7}">
|
|
|
- <label v-if="isDetail">{{dataModel.szfrname }}</label>
|
|
|
- <a-input v-model:value="dataModel.szfrname" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.frName }}</label>
|
|
|
+ <a-input v-model:value="dataModel.frName" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="10">
|
|
|
<a-form-item label="法人电话:" name="LegalerMobile" :label-col="{span:10}">
|
|
|
- <label v-if="isDetail">{{dataModel.szfrmobile }}</label>
|
|
|
- <a-input v-model:value="dataModel.szfrmobile" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.frMobile }}</label>
|
|
|
+ <a-input v-model:value="dataModel.frMobile" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<a-row type="flex">
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="企业机构代码:" name="CompanyCode" :label-col="{span:7}">
|
|
|
- <label v-if="isDetail">{{dataModel.szcompanycode }}</label>
|
|
|
- <a-input v-model:value="dataModel.szcompanycode" placeholder=""/>
|
|
|
+ <label v-if="isDetail">{{dataModel.companyCode }}</label>
|
|
|
+ <a-input v-model:value="dataModel.companyCode" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="7"></a-col>
|
|
|
<a-col :span="10"></a-col>
|
|
|
</a-row>
|
|
|
- <a-divider orientation="left">管理驿站 共计:{{dataModel.szCount}}</a-divider>
|
|
|
+ <a-divider orientation="left">管理驿站 共计:{{dataModel.siteCount}}</a-divider>
|
|
|
<a-row>
|
|
|
- <!-- <a-table :columns="columns" :data-source="dataList" :scroll="{ x:'100%', y: 500 }" :pagination="pagination"
|
|
|
+ <a-table :columns="columns" :data-source="dataModel.manageSites" :scroll="{ x:'100%', y: 500 }" :pagination="pagination"
|
|
|
:loading="formState.loading"
|
|
|
@change="handleTableChange"
|
|
|
:row-selection="{ selectedRowKeys: formState.selectedRowKeys, onChange: onSelectChange}"
|
|
|
- :row-key="record=>record.szkey"
|
|
|
+ :row-key="record=>record.siteId"
|
|
|
bordered>
|
|
|
- <template #bodyCell="{ column, text, record }">
|
|
|
- <template v-if="column.key === 'operation'">
|
|
|
- <div class="table-operation">
|
|
|
- <a-button type="link" size="small" @click='onOperates(record.szkey.toString(),"修改",false)' >编辑</a-button>
|
|
|
- <a-button type="link" size="small" @click="onDel(record)" >删除</a-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </a-table>-->
|
|
|
+ <template #bodyCell="{ column, text, record }"></template>
|
|
|
+ </a-table>
|
|
|
</a-row>
|
|
|
<a-divider orientation="left">其他</a-divider>
|
|
|
<a-row>
|
|
|
- <a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.szdetail" :disabled="isDetail"
|
|
|
+ <a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.companyDesc" :disabled="isDetail"
|
|
|
placeholder="企业简介" style="text-align: center;" />
|
|
|
</a-row>
|
|
|
<a-row style="height: 10px"></a-row>
|
|
|
<a-row>
|
|
|
- <a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.remark" :disabled="isDetail"
|
|
|
+ <a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.remarkDesc" :disabled="isDetail"
|
|
|
placeholder="备注" style="text-align: center;" />
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
-import {defineComponent, reactive, ref, toRefs} from "vue";
|
|
|
-import {get, save, getDataList} from "@/api/baseSettings/institution";
|
|
|
+import {computed, defineComponent, reactive, ref, toRefs} from "vue";
|
|
|
+import {get, save} from "@/api/baseSettings/institution";
|
|
|
import BUploadFile from "@/components/file/uploadFile.vue";
|
|
|
-import type {SelectProps} from "ant-design-vue";
|
|
|
-import {getCollegeList,getDictionaryItemList} from "@/api/system/dictionary";
|
|
|
-import dayjs from "dayjs";
|
|
|
-import {message} from "ant-design-vue";
|
|
|
+/*import dayjs from "dayjs";*/
|
|
|
+import {message, TableColumnsType, TableProps} from "ant-design-vue";
|
|
|
+import {getPaginationTotalTitle} from "@/utils/common";
|
|
|
|
|
|
-interface FormState {
|
|
|
+interface InstitutionModel {
|
|
|
dataModel: any;
|
|
|
}
|
|
|
export default defineComponent({
|
|
|
- name:'institutionEditForm',
|
|
|
+ name:'InstitutionEditForm',
|
|
|
components: {BUploadFile},
|
|
|
props: {
|
|
|
loadData: {
|
|
@@ -121,70 +113,94 @@ export default defineComponent({
|
|
|
}
|
|
|
},
|
|
|
setup(props) {
|
|
|
- const feedbackDateDetail = ref();
|
|
|
- const resolveDateDetail = ref();
|
|
|
- const formState = reactive<FormState>({dataModel: {}});
|
|
|
+ /*const feedbackDateDetail = ref();
|
|
|
+ const resolveDateDetail = ref();*/
|
|
|
+ const formData = reactive<InstitutionModel>({ dataModel:{}});
|
|
|
const visible = ref<boolean>(false);
|
|
|
const confirmLoading = ref<boolean>(false);
|
|
|
- const fileList = ref();
|
|
|
const title = ref();
|
|
|
const isAllowCommit = ref<boolean>(false);
|
|
|
const isDetail = ref<boolean>(false);
|
|
|
+ const pageParams = reactive({
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ institutionID:''
|
|
|
+ });
|
|
|
+ const columns: TableColumnsType = [
|
|
|
+ {title: '序号', align: "center",key: 'siteID',customRender: item => `${pageParams.pageSize * (pageParams.pageIndex - 1) + item.index + 1}`},
|
|
|
+ {title: '驿站名称', dataIndex: 'siteName', key: 'siteName', align: "center"},
|
|
|
+ {title: '驿站地址', dataIndex: 'detailAddress', key: 'detailAddress', align: "center"}
|
|
|
+ ];
|
|
|
+ const pagination = computed(() => ({
|
|
|
+ total: formState.total,
|
|
|
+ current: pageParams.pageIndex,
|
|
|
+ pageSize: pageParams.pageSize,
|
|
|
+ showSizeChanger: true,
|
|
|
+ showTotal: total => getPaginationTotalTitle(total)
|
|
|
+ }));
|
|
|
+ const formState = reactive({
|
|
|
+ total: 0,
|
|
|
+ selectedRowKeys: [],
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
|
|
|
- const problemAttrList = ref<SelectProps['options']>();
|
|
|
- const collegeList = ref<SelectProps['options']>();
|
|
|
- const schoolYearList = ref<SelectProps['options']>();
|
|
|
-
|
|
|
- const loadProblemAttrList = () => {
|
|
|
- getDictionaryItemList({code:"Characteristics"}).then(data => {
|
|
|
- problemAttrList.value = data;
|
|
|
- });
|
|
|
- }
|
|
|
- const loadCollegeList = () => {
|
|
|
- getCollegeList().then(data => {
|
|
|
- collegeList.value = data;
|
|
|
+ const loadData = (id: string) => {
|
|
|
+ pageParams.institutionID = id;
|
|
|
+ get(pageParams).then((result: any) => {
|
|
|
+ formData.dataModel = result;
|
|
|
+ console.log(formData.dataModel);
|
|
|
+ /*feedbackDateDetail.value = dayjs(formState.dataModel.feedbackDate).format('YYYY-MM-DD');
|
|
|
+ resolveDateDetail.value = formState.dataModel.resolveDate == null?"": dayjs(formState.dataModel.resolveDate).format('YYYY-MM-DD');*/
|
|
|
});
|
|
|
}
|
|
|
- const loadSchoolYearList =()=>{
|
|
|
- getDataList({page:1,rows:100000}).then(data=>{
|
|
|
- schoolYearList.value =data.list;
|
|
|
- })
|
|
|
- }
|
|
|
|
|
|
+ const show = (id: any,method:string,ifDetail:boolean) => {
|
|
|
+ isDetail.value = ifDetail;
|
|
|
+ loadData(id);
|
|
|
+ title.value ="运营机构管理-"+method;
|
|
|
+ visible.value = true;
|
|
|
+ };
|
|
|
+
|
|
|
+ const handleTableChange: TableProps['onChange'] = (pag: { pageSize: number; current: number },) => {
|
|
|
+ pageParams.pageIndex = pag.current;
|
|
|
+ pageParams.pageSize = pag.pageSize;
|
|
|
+ };
|
|
|
+
|
|
|
+ const onSelectChange = (selectedRowKeys: any) => {
|
|
|
+ formState.selectedRowKeys = selectedRowKeys;
|
|
|
+ };
|
|
|
|
|
|
const validate = () =>{
|
|
|
- console.log(formState.dataModel);
|
|
|
- if (formState.dataModel.collegeID==null) {
|
|
|
- message.error("请选择学院!");
|
|
|
+ console.log(formData.dataModel);
|
|
|
+ if (formData.dataModel.companyName==null) {
|
|
|
+ message.error("请输入企业名称!");
|
|
|
+ return;
|
|
|
+ }else if (formData.dataModel.companyAddress==null) {
|
|
|
+ message.error("请输入企业地址!");
|
|
|
return;
|
|
|
- }else if (formState.dataModel.feedbackDate==null) {
|
|
|
- message.error("请选择问题反馈日期!");
|
|
|
+ }else if (formData.dataModel.fzrName==null) {
|
|
|
+ message.error("请输入负责人名称!");
|
|
|
return;
|
|
|
- }else if (formState.dataModel.problemCharacteristics==null) {
|
|
|
- message.error("请选择问题特性!");
|
|
|
+ }else if (formData.dataModel.fzrMobile==null) {
|
|
|
+ message.error("请填写负责人电话!");
|
|
|
return;
|
|
|
- }else if (formState.dataModel.problemDesc==null) {
|
|
|
- message.error("请填写问题描述!");
|
|
|
+ }else if (formData.dataModel.frName==null) {
|
|
|
+ message.error("请填写法人姓名!");
|
|
|
+ return;
|
|
|
+ }else if (formData.dataModel.frMobile==null) {
|
|
|
+ message.error("请填写法人电话!");
|
|
|
+ return;
|
|
|
+ }else if (formData.dataModel.companyCode==null) {
|
|
|
+ message.error("请填写企业机构代码!");
|
|
|
return;
|
|
|
}
|
|
|
isAllowCommit.value = true;
|
|
|
};
|
|
|
|
|
|
- const show = (id: any,method:string,ifDetail:boolean) => {
|
|
|
- isDetail.value = ifDetail;
|
|
|
- loadData(id);
|
|
|
- loadProblemAttrList();
|
|
|
- loadCollegeList();
|
|
|
- loadSchoolYearList();
|
|
|
- title.value ="运营机构管理-"+method;
|
|
|
- visible.value = true;
|
|
|
- };
|
|
|
-
|
|
|
-
|
|
|
const handleOk = () => {
|
|
|
validate();
|
|
|
if (isAllowCommit.value){
|
|
|
- save(formState.dataModel).then(result => {
|
|
|
+ save(formData.dataModel).then(result => {
|
|
|
if (result) {
|
|
|
visible.value = false;
|
|
|
props.loadData();
|
|
@@ -197,35 +213,26 @@ export default defineComponent({
|
|
|
visible.value = false;
|
|
|
};
|
|
|
|
|
|
- const setFileList = (files) => {
|
|
|
- fileList.value = files;
|
|
|
- }
|
|
|
-
|
|
|
|
|
|
- const loadData = (id: string) => {
|
|
|
- get(id).then((result: any) => {
|
|
|
- formState.dataModel = result;
|
|
|
- feedbackDateDetail.value = dayjs(formState.dataModel.feedbackDate).format('YYYY-MM-DD');
|
|
|
- resolveDateDetail.value = formState.dataModel.resolveDate == null?"": dayjs(formState.dataModel.resolveDate).format('YYYY-MM-DD');
|
|
|
- });
|
|
|
- }
|
|
|
|
|
|
return {
|
|
|
- ...toRefs(formState),
|
|
|
- feedbackDateDetail,
|
|
|
- resolveDateDetail,
|
|
|
+ ...toRefs(formData),
|
|
|
+ pageParams,
|
|
|
+ columns,
|
|
|
+ pagination,
|
|
|
+ formState,
|
|
|
+ /*feedbackDateDetail,
|
|
|
+ resolveDateDetail,*/
|
|
|
isAllowCommit,
|
|
|
isDetail,
|
|
|
visible,
|
|
|
title,
|
|
|
confirmLoading,
|
|
|
- problemAttrList,
|
|
|
- collegeList,
|
|
|
- schoolYearList,
|
|
|
show,
|
|
|
+ handleTableChange,
|
|
|
+ onSelectChange,
|
|
|
handleOk,
|
|
|
handleCancel,
|
|
|
- setFileList,
|
|
|
validate
|
|
|
};
|
|
|
},
|