lisy il y a 6 mois
Parent
commit
5c0e587fca
1 fichiers modifiés avec 64 ajouts et 60 suppressions
  1. 64 60
      src/views/Level2/level2-input/index.vue

+ 64 - 60
src/views/Level2/level2-input/index.vue

@@ -2,7 +2,8 @@
     <div class="p-3">
         <div class="bg-fff flex1 ov-hd d-flex flex-cln">
             <div class="d-flex a-c pd-16 border-bottom">
-                <div class="f-s-20 c-333 f-w-7 mr-10">{{ form.id ? '编辑' : '新增' }}{{ selectDictLabel(lm_news_type, form.newsType) }}</div>
+                <div class="f-s-20 c-333 f-w-7 mr-10">{{ form.id ? '编辑' : '新增' }}{{ selectDictLabel(lm_news_type,
+                    form.newsType) }}</div>
                 <el-button @click="router.go(-1)" type="primary" text>
                     <el-icon>
                         <Back />
@@ -11,7 +12,8 @@
                 </el-button>
             </div>
             <div class="flex1 over-auto">
-                <el-form ref="formRef" label-width="auto" label-position="top" :model="form" :rules="rules" :disabled="disable">
+                <el-form ref="formRef" label-width="auto" label-position="top" :model="form" :rules="rules"
+                    :disabled="disable">
                     <div class="pd-16 border-bottom ov-hd">
                         <el-row :gutter="90">
                             <el-col :span="8">
@@ -21,13 +23,16 @@
                             </el-col>
                             <el-col :span="8">
                                 <el-form-item label="发布时间:" prop="publishTime">
-                                    <el-date-picker v-model="form.publishTime" type="datetime" placeholder="选择日期时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" :disabled="disable"></el-date-picker>
+                                    <el-date-picker v-model="form.publishTime" type="datetime" placeholder="选择日期时间"
+                                        format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
+                                        :disabled="disable"></el-date-picker>
                                 </el-form-item>
                             </el-col>
                             <el-col :span="8" v-if='form.newsType === "6"'>
                                 <el-form-item label="选择省份" prop="publishTime">
-                                    <el-select v-model="adressvalue" placeholder="选择省份" style="width: 240px">
-                                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled"/>
+                                    <el-select v-model="form.extraInfo.introduction" placeholder="选择省份" style="width: 240px">
+                                        <el-option v-for="item in options" :key="item.value" :label="item.label"
+                                            :value="item.value" :disabled="item.disabled" />
                                     </el-select>
                                 </el-form-item>
                             </el-col>
@@ -55,7 +60,8 @@
                             <el-col :span="24">
                                 <el-form-item label="管理办法附件" :prop="form.extraInfo ? 'extraInfo.accessory' : ''">
                                     <div class="flex1">
-                                        <FileUpload v-model="form.extraInfo.accessory" format="array" :fileSize="100" :span="8" :limit="100"></FileUpload>
+                                        <FileUpload v-model="form.extraInfo.accessory" format="array" :fileSize="100"
+                                            :span="8" :limit="100"></FileUpload>
                                     </div>
                                 </el-form-item>
                             </el-col>
@@ -78,7 +84,7 @@
 <script setup name="news-input" lang="ts">
 import { ref, reactive, onMounted } from 'vue';
 import { debounce } from 'lodash';
-import { addNews, editNews, publishNews, getNewsInfo ,fetchNewsList} from '@/api/dgtmedicine/news';
+import { addNews, editNews, publishNews, getNewsInfo, fetchNewsList } from '@/api/dgtmedicine/news';
 import { useRouter } from 'vue-router';
 import { AddBtn } from '@/views/models';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -92,9 +98,9 @@ const form = ref<any>({
     publishTime: '',
     newsOrigin: '',
     extraInfo: {
-    accessory: [],
-    introduction:''
-  }
+        accessory: [],
+        introduction:''
+    }
 });
 const rules = reactive({
     newsTitle: [{ required: true, message: '请输入标题', trigger: 'blur' }],
@@ -102,45 +108,47 @@ const rules = reactive({
 });
 const formRef = ref();
 const varietyOptions = ref([]);
-const adressvalue = ref()
+
 const options = ref([
-  { value: '北京', label: '北京',disabled:false },
-  { value: '天津', label: '天津',disabled:false },
-  { value: '河北', label: '河北' ,disabled:false},
-  { value: '山西', label: '山西' ,disabled:false},
-  { value: '内蒙古', label: '内蒙古',disabled:false },
-  { value: '辽宁', label: '辽宁' ,disabled:false},
-  { value: '吉林', label: '吉林',disabled:false },
-  { value: '黑龙江', label: '黑龙江' ,disabled:false},
-  { value: '上海', label: '上海' ,disabled:false},
-  { value: '江苏', label: '江苏' ,disabled:false},
-  { value: '浙江', label: '浙江' ,disabled:false},
-  { value: '安徽', label: '安徽' ,disabled:false},
-  { value: '福建', label: '福建' ,disabled:false},
-  { value: '江西', label: '江西' ,disabled:false},
-  { value: '山东', label: '山东' ,disabled:false},
-  { value: '河南', label: '河南' ,disabled:false},
-  { value: '湖北', label: '湖北' ,disabled:false},
-  { value: '湖南', label: '湖南' ,disabled:false},
-  { value: '广东', label: '广东' ,disabled:false},
-  { value: '广西', label: '广西' ,disabled:false},
-  { value: '海南', label: '海南' ,disabled:false},
-  { value: '重庆', label: '重庆' ,disabled:false},
-  { value: '四川', label: '四川' ,disabled:false},
-  { value: '贵州', label: '贵州' ,disabled:false},
-  { value: '云南', label: '云南' ,disabled:false},
-  { value: '西藏', label: '西藏' ,disabled:false},
-  { value: '陕西', label: '陕西' ,disabled:false},
-  { value: '甘肃', label: '甘肃' ,disabled:false},
-  { value: '青海', label: '青海' ,disabled:false},
-  { value: '宁夏', label: '宁夏' ,disabled:false},
-  { value: '新疆', label: '新疆' ,disabled:false},
-  { value: '台湾', label: '台湾' ,disabled:false},
-  { value: '香港', label: '香港' ,disabled:false},
-  { value: '澳门', label: '澳门' ,disabled:false}
+    { value: '北京', label: '北京', disabled: false },
+    { value: '天津', label: '天津', disabled: false },
+    { value: '河北', label: '河北', disabled: false },
+    { value: '山西', label: '山西', disabled: false },
+    { value: '内蒙古', label: '内蒙古', disabled: false },
+    { value: '辽宁', label: '辽宁', disabled: false },
+    { value: '吉林', label: '吉林', disabled: false },
+    { value: '黑龙江', label: '黑龙江', disabled: false },
+    { value: '上海', label: '上海', disabled: false },
+    { value: '江苏', label: '江苏', disabled: false },
+    { value: '浙江', label: '浙江', disabled: false },
+    { value: '安徽', label: '安徽', disabled: false },
+    { value: '福建', label: '福建', disabled: false },
+    { value: '江西', label: '江西', disabled: false },
+    { value: '山东', label: '山东', disabled: false },
+    { value: '河南', label: '河南', disabled: false },
+    { value: '湖北', label: '湖北', disabled: false },
+    { value: '湖南', label: '湖南', disabled: false },
+    { value: '广东', label: '广东', disabled: false },
+    { value: '广西', label: '广西', disabled: false },
+    { value: '海南', label: '海南', disabled: false },
+    { value: '重庆', label: '重庆', disabled: false },
+    { value: '四川', label: '四川', disabled: false },
+    { value: '贵州', label: '贵州', disabled: false },
+    { value: '云南', label: '云南', disabled: false },
+    { value: '西藏', label: '西藏', disabled: false },
+    { value: '陕西', label: '陕西', disabled: false },
+    { value: '甘肃', label: '甘肃', disabled: false },
+    { value: '青海', label: '青海', disabled: false },
+    { value: '宁夏', label: '宁夏', disabled: false },
+    { value: '新疆', label: '新疆', disabled: false },
+    { value: '台湾', label: '台湾', disabled: false },
+    { value: '香港', label: '香港', disabled: false },
+    { value: '澳门', label: '澳门', disabled: false }
 ])
 const save = debounce(async () => {
     await formRef.value.validate();
+    console.log(form.value);
+    
     const res = form.value.id ? await editNews(form.value) : await addNews(form.value);
     if (res && res.code === 200) {
         router.go(-1);
@@ -159,28 +167,25 @@ const fetchDetail = async (id) => {
     const res = await getNewsInfo(id);
     if (res && res.code === 200) {
         form.value = res.data;
-        if(route.query?.newsType=== '6'){
-            adressvalue.value = res.data.extraInfo.introduction
+        if (route.query?.newsType === '6') {
+            form.value.extraInfo.introduction = res.data.extraInfo.introduction
         }
     }
 };
 const getList = async () => {
-
     const res = await fetchNewsList({
         pageNum: 1,
         pageSize: 50,
         newsType: '6'
     });
-res.rows.forEach(item=>{
-    options.value.forEach(element => {
-        if(element.value === item.extraInfo.introduction){
-            console.log(element.value);
-            
-            element.disabled = true
-        }
-    });
-})
-console.log(options.value);
+    res.rows.forEach(item => {
+        options.value.forEach(element => {
+            if (element.value === item.extraInfo.introduction) {
+                element.disabled = true
+            }
+        });
+    })
+    console.log(options.value);
 
 };
 const disable = ref(false);
@@ -190,8 +195,7 @@ onMounted(() => {
     if (route.query?.id) {
         // 编辑
         fetchDetail(route.query?.id);
-    }else if(route.query?.newsType=== '6' && !route.query?.id){
         getList()
-    }
+    } 
 });
 </script>