|
|
@@ -17,27 +17,25 @@
|
|
|
<span class="label">名称</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.name }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('name', org_info.name)">更改</span>
|
|
|
</div>
|
|
|
<span class="label">最大用户量</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.user_count_max }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('user_count_max', org_info.user_count_max)">更改</span>
|
|
|
</div>
|
|
|
<span class="label">已注册用户数</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.user_count }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
</div>
|
|
|
<span class="label">已停用用户数</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.user_count_stop }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
</div>
|
|
|
<span class="label">最大项目量</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.project_count_max }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('project_count_max', org_info.project_count_max)">更改</span>
|
|
|
</div>
|
|
|
<span class="label">已创建项目数</span>
|
|
|
<div class="project-item">
|
|
|
@@ -54,152 +52,106 @@
|
|
|
<span class="label" style="line-height: 16px">教材编辑<br />使用期限</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.use_end_date_book_edit }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('use_end_date_book_edit', org_info.use_end_date_book_edit)">
|
|
|
+ 更改
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<span class="label" style="line-height: 16px">教材仓库<br />使用期限</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.use_end_date_book_store }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('use_end_date_book_store', org_info.use_end_date_book_store)">
|
|
|
+ 更改
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="table-twocolumn">
|
|
|
<span class="label">机构管理员</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.org_manager_name_desc }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
</div>
|
|
|
- <span class="label">机构权限</span>
|
|
|
+ <span class="label" style="line-height: 16px">语音引擎<br />剩余可用次数</span>
|
|
|
<div class="project-item">
|
|
|
- <span>{{ org_info.org_popedom_name_desc }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span>{{ org_info.speech_engine_lave_can_use_count }}</span>
|
|
|
+ <span
|
|
|
+ class="link"
|
|
|
+ @click="showUpdateField('speech_engine_lave_can_use_count', org_info.speech_engine_lave_can_use_count)"
|
|
|
+ >更改</span
|
|
|
+ >
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="table-twocolumn">
|
|
|
<span class="label">备注</span>
|
|
|
<div class="project-item">
|
|
|
<span>{{ org_info.memo }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
+ <span class="link" @click="showUpdateField('memo', org_info.memo)">更改</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <el-form-item label="名称" prop="name" class="link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.name" placeholder="请输入名称" maxlength="20" disabled />
|
|
|
-
|
|
|
- <span>{{ org_info.name }}</span>
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最大用户量" prop="user_count_max" class="link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.user_count_max" type="number" disabled />
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="已注册用户数" prop="user_count" class="label-input link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.user_count" type="text" disabled />
|
|
|
- <span class="link"></span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="已停用用户数" prop="user_count_stop" class="link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.user_count_stop" type="text" disabled />
|
|
|
- <span class="link"></span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最大项目量" prop="project_count_max" class="link-item">
|
|
|
- <el-input
|
|
|
- v-if="1 === 2"
|
|
|
- v-model="org_info.project_count_max"
|
|
|
- type="number"
|
|
|
- placeholder="请输入最大项目量"
|
|
|
- disabled
|
|
|
- />
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="已创建项目数" prop="project_count" class="link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.project_count" disabled />
|
|
|
- <span class="link"></span>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="已上架教材数" prop="book_count" class="link-item">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.book_count" disabled />
|
|
|
- <span class="link"></span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建时间" prop="create_time" class="link-item">
|
|
|
- <el-date-picker v-if="1 === 2" v-model="org_info.create_time" disabled />
|
|
|
- <span class="link"></span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="use_end_date_book_edit" class="link-item">
|
|
|
- <span slot="label">教材编辑<br />使用期限</span>
|
|
|
- <el-date-picker
|
|
|
- v-if="1 === 2"
|
|
|
- v-model="org_info.use_end_date_book_edit"
|
|
|
- format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- disabled
|
|
|
- ></el-date-picker>
|
|
|
-
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="use_end_date_book_store" class="link-item">
|
|
|
- <span slot="label">教材仓库<br />使用期限</span>
|
|
|
-
|
|
|
- <el-date-picker
|
|
|
- v-if="1 === 2"
|
|
|
- v-model="org_info.use_end_date_book_store"
|
|
|
- format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- disabled
|
|
|
- ></el-date-picker>
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构管理员" prop="org_manager_name_desc" class="link-item link-all">
|
|
|
- <el-input v-if="1 === 2" v-model="org_info.org_manager_name_desc" type="text" disabled />
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构权限" prop="org_popedom_name_desc" class="link-item link-all">
|
|
|
- <el-input
|
|
|
- v-if="1 === 2"
|
|
|
- v-model="org_info.org_popedom_name_desc"
|
|
|
- type="text"
|
|
|
- placeholder="请输入机构权限"
|
|
|
- disabled
|
|
|
- />
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="备注" prop="memo" class="link-item link-all">
|
|
|
- <el-input
|
|
|
- v-if="1 === 2"
|
|
|
- v-model="org_info.memo"
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 4 }"
|
|
|
- maxlength="1500"
|
|
|
- show-word-limit
|
|
|
- placeholder="请输入备注"
|
|
|
- disabled
|
|
|
- />
|
|
|
- <span class="link">更改</span>
|
|
|
- </el-form-item> -->
|
|
|
</main>
|
|
|
+
|
|
|
+ <UpdateOrgField
|
|
|
+ :field="curField"
|
|
|
+ :value="curFieldValue"
|
|
|
+ :org-id="id"
|
|
|
+ :visible.sync="visibleUpdateField"
|
|
|
+ @updateOrgFieldValue="updateOrgFieldValue"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getOrgInfo } from '@/api/org.js';
|
|
|
+import UpdateOrgField from './components/UpdateOrgField.vue';
|
|
|
+
|
|
|
+import { GetOrgInfo, UpdateOrgFieldValue } from '@/api/org.js';
|
|
|
|
|
|
export default {
|
|
|
name: 'OrgManageInfo',
|
|
|
- components: {},
|
|
|
+ components: {
|
|
|
+ UpdateOrgField,
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
id: this.$route.params.id,
|
|
|
-
|
|
|
org_info: null,
|
|
|
+ visibleUpdateField: false,
|
|
|
+ curField: '',
|
|
|
+ curFieldValue: '',
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
- this.getProjectInfo();
|
|
|
+ this.getOrgInfo();
|
|
|
},
|
|
|
methods: {
|
|
|
- getProjectInfo() {
|
|
|
- getOrgInfo({ id: this.id }).then(({ org_info }) => {
|
|
|
+ getOrgInfo() {
|
|
|
+ GetOrgInfo({ id: this.id }).then(({ org_info }) => {
|
|
|
this.org_info = org_info;
|
|
|
});
|
|
|
},
|
|
|
+ /**
|
|
|
+ * 显示更新字段弹窗
|
|
|
+ * @param {string} field - 字段名称
|
|
|
+ * @param {any} value - 字段值
|
|
|
+ */
|
|
|
+ showUpdateField(field, value) {
|
|
|
+ this.curField = field;
|
|
|
+ this.curFieldValue = value;
|
|
|
+ this.visibleUpdateField = true;
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 更新机构字段值
|
|
|
+ * @param {string} field_name - 字段名称
|
|
|
+ * @param {any} value - 新的字段值
|
|
|
+ */
|
|
|
+ updateOrgFieldValue(field_name, value) {
|
|
|
+ UpdateOrgFieldValue({
|
|
|
+ org_id: this.id,
|
|
|
+ field_name,
|
|
|
+ value,
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getOrgInfo();
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('更新机构字段值失败:', error);
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|