文章

src/views/consume/bean/articleVideo.vue

@@ -466,31 +466,35 @@ const getTagText = (state) => {
   <el-card style="margin-bottom: 10px;margin-top:10px">
     <el-col style="margin-bottom: 10px; ">
       <div style="display:flex">
-        <div style="width: 15vw; display:flex; align-items:center">
+        <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>精网号：</el-text>
-          <el-input v-model="beanConsumeArticle.jwcode" style="width:10vw;" placeholder="请输入精网号" clearable />
+          <el-input v-model="beanConsumeArticle.jwcode" style="width:8vw;" placeholder="请输入精网号" clearable />
         </div>
-        <div style="width: 15vw; display:flex; align-items:center">
+        <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>地区：</el-text>
-          <el-select v-model="beanConsumeArticle.dept" style="width:10vw;" placeholder="请选择地区" clearable>
+          <el-select v-model="beanConsumeArticle.dept" style="width:8vw;" placeholder="请选择地区" clearable>
             <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
           </el-select>
         </div>
-        <div style="width: 15vw; display:flex; align-items:center">
+        <div style="width: 13vw; display:flex;align-items:center; justify-content: center;">
           <el-text>类型：</el-text>
-          <el-select v-model="beanConsumeArticle.payMode" style="width:10vw;" placeholder="请选择类型" clearable @change="handlePayModeChange">
+          <el-select v-model="beanConsumeArticle.payMode" style="width:8vw;" placeholder="请选择类型" clearable @change="handlePayModeChange">
             <el-option label="打赏" value="0" />
             <el-option label="付费购买" value="1" />
             <el-option label="其他" value="2" />
           </el-select>
         </div>
-        <div style="width: 15vw; display:flex; align-items:center">
+        <div style="width: 15vw; display:flex; align-items:center; justify-content: center;">
           <el-text>文章/视频ID：</el-text>
-          <el-input v-model="beanConsumeArticle.articleId" style="width:10vw;" placeholder="请输入文章/视频ID" clearable />
+          <el-input v-model="beanConsumeArticle.articleId" style="width:8vw;" placeholder="请输入文章/视频ID" clearable />
         </div>
-        <div style="width: 15vw; display:flex; align-items:center; margin-left:1vw">
+        <div style="width: 18vw; display:flex; align-items:center; justify-content: center;">
+           <el-text>文章/视频标题：</el-text>
+          <el-input v-model="beanConsumeArticle.articleName" style="width:9vw;" placeholder="请输入文章/视频标题" clearable />
+        </div>
+        <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>作者：</el-text>
-          <el-input v-model="beanConsumeArticle.author"style="width:10vw;" placeholder="请输入作者" clearable />
+          <el-input v-model="beanConsumeArticle.author"style="width:6vw;" placeholder="请输入作者" clearable />
         </div>
       </div>
     </el-col>