改造文章管理系统

src/views/cms/website/components/websiteEdit.vue

@@ -92,12 +92,23 @@
         <span v-if="form.version === 30">永久授权</span>
       </a-form-item>
       <a-form-item label="状态" name="status">
-        <a-radio-group v-model:value="form.status">
-          <a-radio :value="0">运行中</a-radio>
-          <a-radio :value="1">维护中</a-radio>
-          <a-radio :value="2">已关闭</a-radio>
+        <a-radio-group
+          v-model:value="form.status"
+          :disabled="form.status && form.status > 3"
+        >
+          <a-radio :value="1">运行中</a-radio>
+          <a-radio :value="2">维护中</a-radio>
+          <a-radio :value="3">已关闭</a-radio>
         </a-radio-group>
       </a-form-item>
+      <a-form-item v-if="form.status == 2" label="维护说明" name="statusText">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="状态说明"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
     </a-form>
   </ele-modal>
 </template>
@@ -158,7 +169,8 @@
     expirationTime: undefined,
     sortNumber: undefined,
     comments: undefined,
-    status: undefined
+    status: undefined,
+    statusText: undefined
   });
 
   const websiteType = ref<SelectProps['options']>([
@@ -279,7 +291,7 @@
             loading.value = false;
             message.success(msg);
             updateVisible(false);
-            localStorage.setItem('Domain',`${form.prefix}${form.domain}`);
+            localStorage.setItem('Domain', `${form.prefix}${form.domain}`);
             emit('done');
           })
           .catch((e) => {

src/views/cms/website/index.vue

@@ -47,14 +47,16 @@
               <a-tag v-if="record.version === 30">永久授权</a-tag>
             </template>
             <template v-if="column.key === 'status'">
-              <a-tag v-if="record.status === 0" color="green">正常</a-tag>
-              <a-tag v-if="record.status === 1" color="red">已过期</a-tag>
+              <a-tag v-if="record.status === 0" color="red">未开通</a-tag>
+              <a-tag v-if="record.status === 1" color="green">运行中</a-tag>
+              <a-tag v-if="record.status === 2" color="orange">维护中</a-tag>
+              <a-tag v-if="record.status === 3" color="red">已关闭</a-tag>
+              <a-tag v-if="record.status === 4" color="red">已欠费停机</a-tag>
+              <a-tag v-if="record.status === 5" color="red">违规关停</a-tag>
             </template>
             <template v-if="column.key === 'action'">
               <a-space>
-                <a @click="openUrl(`${record.prefix}${record.domain}`)">首页</a>
-                <a-divider type="vertical" />
-                <a @click="openUrl(record.adminUrl)">后台</a>
+                <a @click="openEdit(record)">编辑</a>
               </a-space>
             </template>
           </template>
@@ -138,7 +140,7 @@
       align: 'center'
     },
     {
-      title: '主域名',
+      title: '域名',
       dataIndex: 'domain',
       key: 'domain',
       align: 'center'