nanjingliujinyu hai 6 meses
pai
achega
1368f44820
Modificáronse 1 ficheiros con 233 adicións e 136 borrados
  1. 233 136
      ruoyi-ui/src/views/register/componentReg/index.vue

+ 233 - 136
ruoyi-ui/src/views/register/componentReg/index.vue

@@ -6,13 +6,13 @@
             <div>
                 模型名称:
             </div>
-            <el-input v-model="input" style="width:50%;margin-left: 1%;" placeholder="" />
+            <el-input v-model="name" style="width:50%;margin-left: 1%;" placeholder="" />
         </div>
         <div style="display: flex;width: 100%;align-items: center;margin-left: 1%;">
             <div>
                 提供单位:
             </div>
-            <el-input v-model="input" style="width: 50%;margin-left: 1%;" placeholder="" />
+            <el-input v-model="mdUnit" style="width: 50%;margin-left: 1%;" placeholder="" />
         </div>
       </div>
         <div style="display: flex;align-items: center;margin-right: 3%;">
@@ -63,18 +63,18 @@
                     <el-button type="primary" @click="showEdit(scope.row)" size="mini" text style="margin-left: 0%;">编辑</el-button>
                     <!-- <el-button type="danger" text size="mini" style="margin-left: -5%;" @click="handleDelete(scope.row)">注销</el-button> -->
                     <el-button @click="showDe(scope.row)" type="primary" text size="mini" style="margin-left: 0%;">查看</el-button>
-                    <el-button type="danger" text size="mini" style="margin-left: 0%;">删除</el-button>
+                    <el-button type="danger" @click="delModel(scope.row)" text size="mini" style="margin-left: 0%;">删除</el-button>
                 </div>
             </template>
         </el-table-column>
       </el-table>
-        <el-dialog v-model="dialogVisible" title="" width="60%" @close="clearForm" destroy-on-close :key="tableKey">
+        <el-dialog v-model="dialogVisible" title="" width="60%" @close="clearForm" destroy-on-close>
                 <div class="card-header">
                   <span style="font-size: 20px;margin-left: 1%;">基本信息</span>
                   <el-divider style="margin-top: 1%;"/>
                 </div>
               <div>
-                <el-form  size="mini" :key="tableKey" style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
+                <el-form  size="mini"  style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
                   <el-row :gutter="40">
                         <el-col :span="8">
                           <el-form-item label="模型名称:" prop="name" style="">
@@ -140,10 +140,10 @@
                 <el-divider style="margin-top: 1%;"/>
               </div>
             <div style="margin-top: 0%;">
-              <el-form size="mini" :key="tableKey" style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
+              <el-form size="mini" :key="tableKey" style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right"  label-width="120px" :rules="rulesJi">
                 <el-row :gutter="48">
                       <el-col :span="11">
-                        <el-form-item label="提供单位:" prop="name" style="">
+                        <el-form-item label="提供单位:" prop="" style="">
                             <div style="display: flex;width: 100%;justify-content: space-between;">
                               <el-input  v-model="formJi.mdUnit" style="width: 100%;"/>
                             </div>
@@ -159,7 +159,7 @@
                 </el-row>
                 <el-row :gutter="48">
                       <el-col :span="11">
-                        <el-form-item label="技术支持单位:" prop="name" style="">
+                        <el-form-item label="技术支持单位:" prop="" style="">
                             <div style="display: flex;width: 100%;justify-content: space-between;">
                               <el-input  v-model="formJi.devUnit" style="width: 100%;"/>
                             </div>
@@ -179,13 +179,12 @@
             v-model="activeName"
             type="card"
             style="margin-top: 1%;"
-            @tab-click="handleClick"
           >
             <el-tab-pane label="部署情况" name="first">
-              <el-form size="mini" :key="tableKey" style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right" label-width="120px" ref="formRefJi"  :rules="rulesJi">
+              <el-form size="mini" :key="tableKey" style="margin-top: 0%;width: 98%;"  :model="formJi" label-position="right" label-width="120px"   :rules="rulesJi">
                 <el-row :gutter="48">
                       <el-col :span="11">
-                        <el-form-item label="服务器IP:" prop="name" style="">
+                        <el-form-item label="服务器IP:" prop="" style="">
                             <div style="display: flex;width: 100%;justify-content: space-between;">
                               <el-input   v-model="formJi.deployIp" style="width: 100%;"/>
                             </div>
@@ -201,7 +200,7 @@
                 </el-row>
                 <el-row :gutter="48">
                       <el-col :span="15">
-                        <el-form-item label="部署位置:" prop="name" style="">
+                        <el-form-item label="部署位置:" prop="" style="">
                             <div style="display: flex;width: 100%;justify-content: space-between;">
                               <el-input  v-model="formJi.deployDir" style="width: 100%;"/>
                             </div>
@@ -233,10 +232,10 @@
                 <div class="card-header" style="margin-top: 5%;display: flex;justify-content: inherit;margin-left: 2%">
                   <span style="font-size: 20px;margin-top: 5%; writing-mode: vertical-rl;position: relative;top: 15%;">运行环境</span>
                 </div>
-                <el-form size="mini" :key="tableKey" style="margin-top: 5%;width: 85%;"  :model="formJi" label-position="right" label-width="120px" ref="formRefJi"  :rules="rulesJi">
+                <el-form size="mini" :key="tableKey" style="margin-top: 5%;width: 85%;"  :model="formJi" label-position="right" label-width="120px"   :rules="rulesJi">
                   <el-row :gutter="48">
                         <el-col :span="12">
-                          <el-form-item label="操作系统:" prop="name" style="">
+                          <el-form-item label="操作系统:" prop="" style="">
                               <div style="display: flex;width: 100%;justify-content: space-between;">
                                 <el-select
                                 v-model="formJi.envOs"
@@ -256,7 +255,6 @@
                         <el-col :span="12">
                           <el-form-item label="运行架构:" prop="" style="">
                             <div style="display: flex;width: 100%;justify-content: space-between;">
-                              <!-- <el-input   v-model="formJi.evnArmX86" style="width: 100%;"/> -->
                                <el-radio-group v-model="formJi.evnArmX86" class="ml-4" size="small" style="" >
                                     <el-radio label="X86" size="large">X86</el-radio>
                                     <el-radio label="ARM" size="large">ARM</el-radio>
@@ -287,7 +285,7 @@
                           <el-form-item label="CPU核心数:" prop="" style="">
                             <div style="display: flex;width: 100%;" >
                                 <el-input-number
-                                  v-model="formJi.envGpuNum"
+                                  v-model="formJi.envCpuNum"
                                   :max="64"
                                   :min="2"
                                   size="mini"
@@ -320,7 +318,7 @@
                   </el-row>
                   <el-row :gutter="24">
                         <el-col :span="8">
-                          <el-form-item label="GPU型号:" prop="name" style="">
+                          <el-form-item label="GPU型号:" prop="" style="">
                               <div style="display: flex;width: 100%;">
                                 <el-input   v-model="formJi.envGpuType" style="width: 100%;"/>
                               </div>
@@ -373,6 +371,8 @@
                           :limit="1"
                           accept=".xlsx, .xls"
                           :headers="upload.headers"
+                          :on-change="handleChange"
+                          :file-list="fileList"
                           :action="upload.url + '?file=' + upload.updateSupport"
                           :on-progress="handleFileUploadProgress"
                           :on-success="handleFileSuccess"
@@ -386,9 +386,10 @@
                     <div style="color: #b1b3b8;width: 100%;">
                       注:请上传后缀名为.docx .pdf .txt的文件
                     </div>
+                    <el-link type="primary">{{formJi.mdInName}}</el-link>
                   </el-form-item>
-                  <el-form-item label="说明:" prop="mirrorImageEurl" style="margin-left: -1%;">
-                    <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="请输入组件执行路径" :rows="2" type="textarea" resize="none"/>
+                  <el-form-item label="说明:" prop="" style="margin-left: -1%;">
+                    <el-input v-model="formJi.mdInNote" style="width: 75%;" placeholder="请输入组件执行路径" :rows="2" type="textarea" resize="none"/>
                   </el-form-item>
                 </el-form>
             </el-tab-pane>
@@ -397,13 +398,15 @@
                 <el-form-item label="输出文档:" prop="">
                     <div style="width: 75%;">
                       <el-upload
-                          ref="uploadRef"
+                          ref="uploadRef1"
                           :limit="1"
                           accept=".xlsx, .xls"
                           :headers="upload.headers"
+                          :on-change="handleChange1"
+                          :file-list="fileList1"
                           :action="upload.url + '?file=' + upload.updateSupport"
                           :on-progress="handleFileUploadProgress"
-                          :on-success="handleFileSuccess"
+                          :on-success="handleFileSuccess1"
                           :auto-upload="false"
                           drag
                       >
@@ -414,47 +417,97 @@
                     <div style="color: #b1b3b8;width: 100%;">
                       注:请上传后缀名为.docx .pdf .txt的文件
                     </div>
+                    <el-link type="primary">{{formJi.mdOutName}}</el-link>
                   </el-form-item>
-                  <el-form-item label="说明:" prop="mirrorImageEurl" style="margin-left: -1%;">
-                    <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="请输入组件执行路径" :rows="2" type="textarea" resize="none"/>
+                  <el-form-item label="说明:" prop="" style="margin-left: -1%;">
+                    <el-input v-model="formJi.mdOutNote" style="width: 75%;" placeholder="请输入组件执行路径" :rows="2" type="textarea" resize="none"/>
                   </el-form-item>
                 </el-form>
             </el-tab-pane>
           </el-tabs>
             <template #footer>
             <span class="dialog-footer">
-                <el-button type="primary" @click="subEdit" v-if="active==2&&isEdit===false&&isAdd===false">
-                提交
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="submit" v-if="!isEdit">
+                  提交
                 </el-button>
-                <el-button type="primary" @click="submit" v-if="active==2&&isEdit===false&&isAdd===true">
-                提交
-                </el-button>
-                <el-button type="primary" @click="dialogVisible = false" v-if="active==2&&isEdit===true">
-                确定
+                <el-button type="primary" @click="subEdit" v-if="isEdit">
+                  提交
                 </el-button>
             </span>
             </template>
         </el-dialog>
-        <el-dialog :column="3" v-model="dialogVisibleDe" title="" width="50%" @close="clearForm" destroy-on-close :key="tableKey">
-          <el-descriptions title="基本信息">
-            <el-descriptions-item label="模型名称:">kooriookami</el-descriptions-item>
-            <el-descriptions-item label="英文名:">18100000000</el-descriptions-item>
-            <el-descriptions-item label="版本号:">Suzhou</el-descriptions-item>
-            <el-descriptions-item label="接口分类:">kooriookami</el-descriptions-item>
-            <el-descriptions-item label="开发语言:">18100000000</el-descriptions-item>
-            <el-row :gutter="48">
-                <el-col :span="8">
-                  <el-descriptions-item label="简介:">Suzhou</el-descriptions-item>
-                </el-col>
-            </el-row>
-            
+        <el-dialog  v-model="dialogVisibleDe" title="" width="50%" @close="" destroy-on-close :key="tableKey">
+          <el-descriptions title="基本信息" :column="3" style="margin-top: 0%;margin-left: 1%;">
+            <el-descriptions-item label="模型名称:">{{formJi.name}}</el-descriptions-item>
+            <el-descriptions-item label="英文名:">{{formJi.enname}}</el-descriptions-item>
+            <el-descriptions-item label="版本号:">{{formJi.version}}</el-descriptions-item>
+            <el-descriptions-item label="接口分类:">{{formJi.type}}</el-descriptions-item>
+            <el-descriptions-item label="开发语言:"  span="2">{{formJi.devlang}}</el-descriptions-item>
+            <el-descriptions-item label="简介:" span="3">{{formJi.intro}}</el-descriptions-item>
           </el-descriptions>
+          <el-divider style="margin-top: 0%;"/>
+          <el-descriptions title="单位" :column="2" style="margin-top: 1%;margin-left: 1%;">
+            <el-descriptions-item label="提供单位:">{{formJi.mdUnit}}</el-descriptions-item>
+            <el-descriptions-item label="联系方式:">{{formJi.mdContact}}</el-descriptions-item>
+            <el-descriptions-item label="技术支持单位:">{{formJi.devUnit}}</el-descriptions-item>
+            <el-descriptions-item label="联系方式:">{{formJi.devContact}}</el-descriptions-item>
+          </el-descriptions>
+          <el-tabs
+            v-model="activeName"
+            type="card"
+            style="margin-top: 1%;"
+          >
+            <el-tab-pane label="部署情况" name="first">
+              <el-descriptions title="" :column="2" style="margin-top: 0%;margin-left: 1%;">
+                <el-descriptions-item label="服务器IP:">{{formJi.deployIp}}</el-descriptions-item>
+                <el-descriptions-item label="端口:">{{formJi.deployPort}}</el-descriptions-item>
+                <el-descriptions-item label="部署位置:">{{formJi.deployDir}}</el-descriptions-item>
+                <el-descriptions-item label="服务访问地址:">{{formJi.mirrorImageUrl}}</el-descriptions-item>
+                <el-descriptions-item label="服务器运行命令:">{{formJi.mdRunCmd}}</el-descriptions-item>
+                <el-descriptions-item label="操作系统:">{{formJi.envOs}}</el-descriptions-item>
+                <el-descriptions-item label="运行架构:">{{formJi.evnArmX86}}</el-descriptions-item>
+                <el-descriptions-item label="硬盘:">
+                  {{formJi.envDisk + 'G'}}
+                </el-descriptions-item>
+                <el-descriptions-item label="CPU核心数:">
+                  {{formJi.envCpuNum + '个'}}
+                </el-descriptions-item>
+                <el-descriptions-item label="内存:">
+                  {{formJi.envMem + 'G'}}
+                </el-descriptions-item>
+                <el-descriptions-item label="GPU型号:">{{formJi.envGpuType}}</el-descriptions-item>
+                <el-descriptions-item label="GPU数量:">
+                  {{formJi.envGpuNum + '个'}}
+                </el-descriptions-item>
+                <el-descriptions-item label="GUP显存:">
+                  {{formJi.envGpuMem + 'G'}}
+                </el-descriptions-item>
+              </el-descriptions>
+            </el-tab-pane>
+            <el-tab-pane label="输入" name="second">
+              <el-descriptions title="" :column="2" style="margin-top: 0%;margin-left: 1%;">
+                <el-descriptions-item label="输入文档:">
+                  
+                </el-descriptions-item>
+                <el-descriptions-item label="说明:">{{formJi.mdInNote}}</el-descriptions-item>
+              </el-descriptions>
+            </el-tab-pane>
+            <el-tab-pane label="输出" name="third">
+              <el-descriptions title="" :column="2" style="margin-top: 0%;margin-left: 1%;">
+                <el-descriptions-item label="输出文档:">
+                  
+                </el-descriptions-item>
+                <el-descriptions-item label="说明:">{{formJi.mdOutNote}}</el-descriptions-item>
+              </el-descriptions>
+            </el-tab-pane>
+          </el-tabs>
         </el-dialog>
     </div>
   </div>
 </template>
 <script   setup>
-import { getModelList,addModel,delMdid,getModelFile,getModelDetail,updateModel,modelFile } from "@/api/register/regCom";
+import { getModelList,addModel,delMdid,getModelDetail,updateModel,modelFile } from "@/api/register/regCom";
 import { ref, onMounted, onUnmounted, nextTick } from 'vue';
 import { Search } from '@element-plus/icons-vue'
 import {
@@ -466,20 +519,43 @@ import { forwardRefProps } from 'element-plus/es/components/tooltip-v2/src/forwa
 import { getToken } from "@/utils/auth";
 import { fa } from "element-plus/es/locales.mjs";
 import { column } from "element-plus/es/components/table-v2/src/common.mjs";
+import { TRUE } from "sass";
 const { proxy } = getCurrentInstance();
 const dragTableRef = ref()
 const dialogVisible = ref(false)
-const dialogVisibleDe = ref(true)
+const dialogVisibleDe = ref(false)
 const active = ref(0)
 const isEdit = ref(true)
+const name = ref('')
 const isAdd = ref(true)
+const mdUnit = ref('')
+
 const formJi = ref({
   name:'',
   version:'',
   enname:'',
   devlang:'',
   intro:'',
-  type:''
+  type:'',
+  mdContact:'',
+  mdUnit:'',
+  devUnit:'',
+  devContact:'',
+  deployDir:'',
+  deployIp:'',
+  deployPort:'',
+  mirrorImageUrl:'',
+  mdRunCmd:'',
+  envOs:'',
+  envDisk:'',
+  envGpuMem:'',
+  evnArmX86:'',
+  envCpuNum:'',
+  envGpuType:'',
+  envGpuNum:'',
+  envMem:'',
+  mdInNote:'',
+  mdOutNote:''
 });
 const rulesJi = reactive({
   name: [{ required: true, message: '必填', trigger: 'blur' }],
@@ -601,142 +677,163 @@ const optionsEnv = ref([
   },
 ])
 const uploadRef = ref(null);
+const fileList = ref([]);
+const fileList1 = ref([]);
 const parForm = ref('')
 onMounted(() => {
-  // getModelListTable()
+  getModelListTable()
   // addNewModel()
 });
-function updateSameProperties(target, source) {
-  Object.keys(target).forEach(key => {
-    if (source.hasOwnProperty(key)) {
-      target[key] = source[key]; // 仅更新同名属性
-    }
-  });
-  return target;
-}
+const handleChange = (file, files) => {
+  fileList.value = files;
+};
+const handleChange1 = (file, files) => {
+  fileList1.value = files;
+};
 function showDe(row){
-  dialogVisible.value = true
-  isEdit.value = false
+  dialogVisibleDe.value = true
   getModelDetail(row.mdid).then(res=>{
     parForm.value = res.data
-    formJi.value = updateSameProperties(formJi.value,res.data)
-    formTi.value = updateSameProperties(formTi.value,res.data)
-    formZu.value = updateSameProperties(formZu.value,res.data)
+    formJi.value = res.data
   })
 }
+function delModel(row){
+  proxy.$modal.confirm('是否确认删除?').then(function () {
+    return delMdid(row.mdid);
+  }).then(() => {
+    getModelListTable();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
 async function showEdit(row){
-  isAdd.value = true
   dialogVisible.value = true
+  isEdit.value = true
   await nextTick()
-  isEdit.value = false
   getModelDetail(row.mdid).then(res=>{
-    parForm.value = res.data
-    formJi.value = updateSameProperties(formJi.value,res.data)
-    formTi.value = updateSameProperties(formTi.value,res.data)
-    formZu.value = updateSameProperties(formZu.value,res.data)
-  })
-}
-function mergeObjects(...objects) {
-    return { ...objects.reduce((acc, obj) => ({ ...acc, ...obj }), {}) };
-}
-function subEdit(){
-  const formTotal = { ...formJi.value,...formTi.value,...formZu.value,...parForm.value };
-  const par = mergeObjects(parForm.value, formJi.value, formTi.value,formZu.value)
-  console.log(par)
-  updateModel(par).then(res=>{
-    if(res.code===200){
-      proxy.$modal.msgSuccess("修改成功");
-      dialogVisible.value = false
-      getModelListTable()
-    }
+    formJi.value = res.data
   })
 }
-async function submit(){
-  const formTotal = { ...formJi.value,...formTi.value,...formZu.value,};
-  // debugger
-  await addModel(formTotal).then(res=>{
-    upload.updateSupport = res.msg
-  })
-  if(uploadRef.value?.uploadFiles?.length > 0){
-    uploadRef.value?.submit()
+async function subEdit(){
+  if(fileList.value.length>0&&fileList1.value.length===0){
+    console.log(1)
+    await proxy.$refs["uploadRef"].submit();
+  }
+  else if(fileList.value.length>0&&fileList.value.length===0){
+    console.log(11)
+    await proxy.$refs["uploadRef1"].submit();
+  }
+  else if(fileList.value.length>0&&fileList.value.length>0){
+    console.log(111)
+    await proxy.$refs["uploadRef1"].submit();
+    await proxy.$refs["uploadRef"].submit();
   }
   else{
-    proxy.$modal.msgSuccess("保存成功");
-    dialogVisible.value = false
+    await formRefJi.value.validate((valid) => {
+      if(valid){
+          updateModel(formJi.value).then(res=>{
+          if(res.code===200){
+            proxy.$modal.msgSuccess("修改成功");
+            dialogVisible.value = false
+            getModelListTable()
+          }
+        })
+      }
+    });
   }
-  getModelList()
 }
-async function handleFileSuccess(response, file, fileList){
-  console.log(response)
-  var par = {
-    filename: response.originalFilename,
-    isDocument: '',
-    isMainLibrary: '',
-    mdid: upload.updateSupport,
-    relativePath: response.fileName,
-    signature:''
-  }
-  console.log(par)
-  await modelFile(par).then(res=>{
-    if(res.code===200){
-      proxy.$modal.msgSuccess("保存成功");
-      dialogVisible.value = false
+async function submit(){
+  formRefJi.value.validate((valid) => {
+    console.log(formJi.value,valid)
+    if(valid){
+        addModel(formJi.value).then(res=>{
+        if(res.code===200){
+          proxy.$modal.msgSuccess("新增成功");
+          dialogVisible.value = false
+          getModelListTable()
+        }
+      })
     }
   })
-  getModelListTable()
+}
+async function handleFileSuccess1(response, file, fileList){
+  formJi.value.mdOutFile = response.originalFilename
+  formJi.value.mdOutName = response.fileName
+  await formRefJi.value.validate((valid) => {
+    if(valid){
+        updateModel(formJi.value).then(res=>{
+        if(res.code===200){
+          proxy.$modal.msgSuccess("修改成功");
+          dialogVisible.value = false
+          getModelListTable()
+        }
+      })
+    }
+  });
+};
+async function handleFileSuccess(response, file, fileList){
+  formJi.value.mdInFile = response.originalFilename
+  formJi.value.mdInName = response.fileName
+  await formRefJi.value.validate((valid) => {
+    if(valid){
+        updateModel(formJi.value).then(res=>{
+        if(res.code===200){
+          proxy.$modal.msgSuccess("修改成功");
+          dialogVisible.value = false
+          getModelListTable()
+        }
+      })
+    }
+  });
 };
 function clearForm(){
+  fileList.value = []
+  fileList1.value = []
   formJi.value = {
     name:'',
     version:'',
     enname:'',
     devlang:'',
     intro:'',
-    type:''
-  }
-  formTi.value = {
-    developer:'',
-    mdContact:'',
-    mdUnit:''
-  }
-  formZu.value = {
-    developer:'',
+    type:'',
     mdContact:'',
-    mdUnit:''
+    mdUnit:'',
+    devUnit:'',
+    devContact:'',
+    deployDir:'',
+    deployIp:'',
+    deployPort:'',
+    mirrorImageUrl:'',
+    mdRunCmd:'',
+    envOs:'',
+    envDisk:'',
+    envGpuMem:'',
+    evnArmX86:'',
+    envCpuNum:'',
+    envGpuType:'',
+    envGpuNum:'',
+    envMem:'',
+    mdInNote:'',
+    mdOutNote:''
   }
-  active.value = 0
 }
 function reg(){
-  isAdd.value = true
   isEdit.value = false
   dialogVisible.value = true
 }
-function changePage(a){ 
-  
-  currentPage.value = a
-  getModelListTable()
-}
 function getModelListTable(){
   tableData.value = []
   var par = {
-    pageNum: currentPage.value,
-    pageSize: 10,
+    pageNum:1,
+    pageSize:20,
+    name:name.value,
+    mdUnit:mdUnit.value
   }
-  console.log(par)
   getModelList(par).then(res=>{
     tableData.value = res.rows
     totalComReg.value = res.total
     console.log(tableData)
   })
 }
-function handleDelete(row) {
-  proxy.$modal.confirm('是否确认删除?').then(function () {
-    return delMdid(row.mdid);
-  }).then(() => {
-    getList();
-    proxy.$modal.msgSuccess("删除成功");
-  }).catch(() => {});
-};
 const seledMo = ['primary','plain','plain','plain','plain','plain','plain']
 
 </script>